@import url(motion-ui.min.css);

/*Bert*/

@font-face {
    font-family: 'Averta';
    src: url('../Fonts/avertastd-regular-webfont.woff2') format('woff2'),
         url('../Fonts/avertastd-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Averta';
    src: url('../Fonts/avertastd-regularitalic-webfont.woff2') format('woff2'),
         url('../Fonts/avertastd-regularitalic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Averta';
    src: url('../Fonts/avertastd-semibold-webfont.woff2') format('woff2'),
         url('../Fonts/avertastd-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Averta';
    src: url('../Fonts/avertastd-semibolditalic-webfont.woff2') format('woff2'),
         url('../Fonts/avertastd-semibolditalic-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Averta';
    src: url('../Fonts/avertastd-bold-webfont.woff2') format('woff2'),
         url('../Fonts/avertastd-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Averta';
    src: url('../Fonts/avertastd-bolditalic-webfont.woff2') format('woff2'),
         url('../Fonts/avertastd-bolditalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
} 

:root { 
	--akzent        : oklch(73% 40% 126);
	--akzent-dunkel : oklch(43.388% 0.09264 160.302); 
	--spende        : oklch(71.095% 0.17562 55.166);
	--orange        : oklch(0.7882 0.1577 68.1);
	--hellgrau      : oklch(94.773% 0.00655 106.781);
	--mittelgrau    : oklch(71.524% 0.01695 106.902);
	--dunkelgrau    : oklch(42.194% 0.00967 106.891);
	--rot           : oklch(46.262% 0.17669 27.528);
	--hellrot       : oklch(63.71% 0.24351 29.431);
	--fischbek      : oklch(60.788% 0.17326 321.196);
	--boberg        : oklch(81.675% 0.16687 90.587);
	--font-color    : oklch(42.516% 0.00999 278.378);
	--font-hell     : oklch(56.926% 0.00006 271.152);
	--font-dunkel   : oklch(31.767% 0.00747 128.898);
	--white         : oklab(100% 0 0);
	--black         : oklab(0% 0 0);
}

@media print,
screen and (min-width: 40em) {

	.reveal,
	.reveal.tiny,
	.reveal.small,
	.reveal.large {
		right: auto;
		left: auto;
		margin: 0 auto
	}
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

.foundation-mq {
	font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 105%
}

*,
*::before,
*::after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: "Averta", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.7;
	color: #585960;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic
}

textarea {
	height: auto;
	min-height: 50px;
	border-radius: 0
}

select {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border-radius: 0
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
	max-width: none !important
}

button {
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	border-radius: 0;
	background: transparent;
	line-height: 1;
	cursor: auto
}

[data-whatinput='mouse'] button {
	outline: 0
}

pre {
	overflow: auto
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit
}

.is-visible {
	display: block !important
}

.is-hidden {
	display: none !important
}

[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
textarea {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 2.5119rem;
	margin: 0 0 .95238rem;
	padding: .47619rem;
	border: 1px solid #cacaca;
	border-radius: 0;
	background-color: #fefefe;
	-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	font-family: inherit;
	font-size: .95238rem;
	font-weight: 400;
	line-height: 1.7;
	color: #0a0a0a;
	-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

[type='text']:focus,
[type='password']:focus,
[type='date']:focus,
[type='datetime']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='week']:focus,
[type='email']:focus,
[type='number']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='url']:focus,
[type='color']:focus,
textarea:focus {
	outline: none;
	border: 1px solid #8a8a8a;
	background-color: #fefefe;
	-webkit-box-shadow: 0 0 5px #cacaca;
	box-shadow: 0 0 5px #cacaca;
	-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s
}

textarea {
	max-width: 100%
}

textarea[rows] {
	height: auto
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
	background-color: #e6e6e6;
	cursor: not-allowed
}

[type='submit'],
[type='button'] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0
}

input[type='search'] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

::-webkit-input-placeholder {
	color: #cacaca
}

::-ms-input-placeholder {
	color: #cacaca
}

::placeholder {
	color: #cacaca
}

[type='file'],
[type='checkbox'],
[type='radio'] {
	margin: 0 0 .95238rem
}

[type='checkbox']+label,
[type='radio']+label {
	display: inline-block;
	vertical-align: baseline;
	margin-left: .47619rem;
	margin-right: .95238rem;
	margin-bottom: 0
}

[type='checkbox']+label[for],
[type='radio']+label[for] {
	cursor: pointer
}

label>[type='checkbox'],
label>[type='radio'] {
	margin-right: .47619rem
}

[type='file'] {
	width: 100%
}

label {
	display: block;
	margin: 0;
	font-size: .83333rem;
	font-weight: 400;
	line-height: 1.8;
	color: #0a0a0a
}

label.middle {
	margin: 0 0 .95238rem;
	padding: .53571rem 0
}

.help-text {
	margin-top: -.47619rem;
	font-size: .77381rem;
	font-style: italic;
	color: #0a0a0a
}

.input-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-bottom: .95238rem;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.input-group>:first-child,
.input-group>:first-child.input-group-button>* {
	border-radius: 0 0 0 0
}

.input-group>:last-child,
.input-group>:last-child.input-group-button>* {
	border-radius: 0 0 0 0
}

.input-group-label,
.input-group-field,
.input-group-button,
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
	margin: 0;
	white-space: nowrap
}

.input-group-label {
	padding: 0 1rem;
	border: 1px solid #cacaca;
	background: #e6e6e6;
	color: #0a0a0a;
	text-align: center;
	white-space: nowrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.input-group-label:first-child {
	border-right: 0
}

.input-group-label:last-child {
	border-left: 0
}

.input-group-field {
	border-radius: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0px;
	min-width: 0
}

.input-group-button {
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
	-ms-flex-item-align: stretch;
	align-self: stretch;
	height: auto;
	padding-top: 0;
	padding-bottom: 0;
	font-size: .95238rem
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0
}

legend {
	max-width: 100%;
	margin-bottom: .47619rem
}

.fieldset {
	margin: 1.07143rem 0;
	padding: 1.19048rem;
	border: 1px solid #cacaca
}

.fieldset legend {
	margin: 0;
	margin-left: -.17857rem;
	padding: 0 .17857rem
}

select {
	height: 2.5119rem;
	margin: 0 0 .95238rem;
	padding: .47619rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #cacaca;
	border-radius: 0;
	background-color: #fefefe;
	font-family: inherit;
	font-size: .95238rem;
	font-weight: 400;
	line-height: 1.7;
	color: #0a0a0a;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
	background-origin: content-box;
	background-position: right -.95238rem center;
	background-repeat: no-repeat;
	background-size: 9px 6px;
	padding-right: 1.42857rem;
	-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s
}

@media screen and (min-width: 0\0) {
	select {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
	}
}

select:focus {
	outline: none;
	border: 1px solid #8a8a8a;
	background-color: #fefefe;
	-webkit-box-shadow: 0 0 5px #cacaca;
	box-shadow: 0 0 5px #cacaca;
	-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s
}

select:disabled {
	background-color: #e6e6e6;
	cursor: not-allowed
}

select::-ms-expand {
	display: none
}

select[multiple] {
	height: auto;
	background-image: none
}

select:not([multiple]) {
	padding-top: 0;
	padding-bottom: 0
}

.is-invalid-input:not(:focus) {
	border-color: #cc4b37;
	background-color: #f9ecea
}

.is-invalid-input:not(:focus)::-webkit-input-placeholder {
	color: #cc4b37
}

.is-invalid-input:not(:focus)::-ms-input-placeholder {
	color: #cc4b37
}

.is-invalid-input:not(:focus)::placeholder {
	color: #cc4b37
}

.is-invalid-label {
	color: #cc4b37
}

.form-error {
	display: none;
	margin-top: -.47619rem;
	margin-bottom: .95238rem;
	font-size: .71429rem;
	font-weight: 600;
	color: #cc4b37
}

.form-error.is-visible {
	display: block
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0
}

p {
	margin-bottom: 1rem;
	font-size: inherit;
	line-height: 1.6;
	text-rendering: optimizeLegibility
}

em,
i {
	font-style: italic;
	line-height: inherit
}

strong,
b {
	font-weight: 600;
	line-height: inherit
}

small {
	font-size: 80%;
	line-height: inherit
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-family: "Averta", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	color: inherit;
	text-rendering: optimizeLegibility;
	text-wrap: balance;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
	line-height: 0;
	color: #cacaca
}

h1,
.h1 {
	font-size: 1.42857rem;
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: .5rem
}

h2,
.h2 {
	font-size: 1.19048rem;
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: .5rem
}

h3,
.h3 {
	font-size: 1.13095rem;
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: .5rem
}

h4,
.h4 {
	font-size: 1.07143rem;
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: .5rem
}

h5,
.h5 {
	font-size: 1.0119rem;
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: .5rem
}

h6,
.h6 {
	font-size: .95238rem;
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: .5rem
}

@media print,
screen and (min-width: 40em) {

	h1,
	.h1 {
		font-size: 2.85714rem
	}

	h2,
	.h2 {
		font-size: 2.38095rem
	}

	h3,
	.h3 {
		font-size: 1.84524rem
	}

	h4,
	.h4 {
		font-size: 1.4881rem
	}

	h5,
	.h5 {
		font-size: 1.19048rem
	}

	h6,
	.h6 {
		font-size: .95238rem
	}
}

a {
	line-height: inherit;
	color: var(--akzent-dunkel);
	text-decoration: none;
	cursor: pointer
}

a:hover,
a:focus {
	color: #0b5336
}

a img {
	border: 0
}

hr {
	clear: both;
	max-width: 85.71429rem;
	height: 0;
	margin: 1.19048rem auto;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #cacaca;
	border-left: 0
}

ul,
ol,
dl {
	margin-bottom: 1rem;
	list-style-position: outside;
	line-height: 1.6
}

li {
	font-size: inherit
}

ul {
	margin-left: 1.25rem;
	list-style-type: disc
}

ol {
	margin-left: 1.25rem
}

ul ul,
ol ul,
ul ol,
ol ol {
	margin-left: 1.25rem;
	margin-bottom: 0
}

dl {
	margin-bottom: 1rem
}

dl dt {
	margin-bottom: .3rem;
	font-weight: 600
}

blockquote {
	margin: 0 0 1rem;
	padding: .53571rem 1.19048rem 0 1.13095rem;
	border-left: 1px solid #cacaca
}

blockquote,
blockquote p {
	line-height: 1.6;
	color: #8a8a8a
}

abbr,
abbr[title] {
	border-bottom: 1px dotted #0a0a0a;
	cursor: help;
	text-decoration: none
}

figure {
	margin: 0
}

kbd {
	margin: 0;
	padding: .11905rem .2381rem 0;
	background-color: #e6e6e6;
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	color: #0a0a0a
}

.subheader {
	margin-top: .2rem;
	margin-bottom: .5rem;
	font-weight: 400;
	line-height: 1.4;
	color: #8a8a8a
}

.lead {
	font-size: 131.25%;
	line-height: 1.6
}

.stat {
	font-size: 2.5rem;
	line-height: 1
}

p+.stat {
	margin-top: -1rem
}

ul.no-bullet,
ol.no-bullet {
	margin-left: 0;
	list-style: none
}

.cite-block,
cite {
	display: block;
	color: #8a8a8a;
	font-size: .77381rem
}

.cite-block:before,
cite:before {
	content: "— "
}

.code-inline,
code {
	border: 1px solid #cacaca;
	background-color: #e6e6e6;
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	font-weight: 400;
	color: #0a0a0a;
	display: inline;
	max-width: 100%;
	word-wrap: break-word;
	padding: .11905rem .29762rem .05952rem
}

.code-block {
	border: 1px solid #cacaca;
	background-color: #e6e6e6;
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	font-weight: 400;
	color: #0a0a0a;
	display: block;
	overflow: auto;
	white-space: pre;
	padding: 1rem;
	margin-bottom: 1.5rem
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}

.text-justify {
	text-align: justify
}

@media print,
screen and (min-width: 40em) {
	.medium-text-left {
		text-align: left
	}

	.medium-text-right {
		text-align: right
	}

	.medium-text-center {
		text-align: center
	}

	.medium-text-justify {
		text-align: justify
	}
}

@media print,
screen and (min-width: 64em) {
	.large-text-left {
		text-align: left
	}

	.large-text-right {
		text-align: right
	}

	.large-text-center {
		text-align: center
	}

	.large-text-justify {
		text-align: justify
	}
}

.show-for-print {
	display: none !important
}

@media print {
	* {
		background: transparent !important;
		color: black !important;
		-webkit-print-color-adjust: economy;
		color-adjust: economy;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		text-shadow: none !important
	}

	.show-for-print {
		display: block !important
	}

	.hide-for-print {
		display: none !important
	}

	table.show-for-print {
		display: table !important
	}

	thead.show-for-print {
		display: table-header-group !important
	}

	tbody.show-for-print {
		display: table-row-group !important
	}

	tr.show-for-print {
		display: table-row !important
	}

	td.show-for-print {
		display: table-cell !important
	}

	th.show-for-print {
		display: table-cell !important
	}

	a,
	a:visited {
		text-decoration: underline
	}

	a[href]:after {
		content: " ("attr(href) ")"
	}

	.ir a:after,
	a[href^='javascript:']:after,
	a[href^='#']:after {
		content: ''
	}

	abbr[title]:after {
		content: " ("attr(title) ")"
	}

	pre,
	blockquote {
		border: 1px solid #8a8a8a;
		page-break-inside: avoid
	}

	thead {
		display: table-header-group
	}

	tr,
	img {
		page-break-inside: avoid
	}

	img {
		max-width: 100% !important
	}

	@page {
		margin: 0.5cm
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3
	}

	h2,
	h3 {
		page-break-after: avoid
	}

	.print-break-inside {
		page-break-inside: auto
	}
}

.button {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 1rem 0;
	padding: 0.85em 1em;
	border: 1px solid transparent;
	border-radius: 0;
	-webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
	font-family: inherit;
	font-size: 0.9rem;
	-webkit-appearance: none;
	line-height: 1;
	text-align: center;
	cursor: pointer
}

[data-whatinput='mouse'] .button {
	outline: 0
}

.button.tiny {
	font-size: .6rem
}

.button.small {
	font-size: .75rem
}

.button.large {
	font-size: 1.25rem
}

.button.expanded {
	display: block;
	width: 100%;
	margin-right: 0;
	margin-left: 0
}

.button,
.button.disabled,
.button[disabled],
.button.disabled:hover,
.button[disabled]:hover,
.button.disabled:focus,
.button[disabled]:focus {
	background-color: var(--akzent-dunkel);
	color: #fefefe
}

.button:hover,
.button:focus {
	background-color: #0b5236;
	color: #fefefe
}

.button.primary,
.button.primary.disabled,
.button.primary[disabled],
.button.primary.disabled:hover,
.button.primary[disabled]:hover,
.button.primary.disabled:focus,
.button.primary[disabled]:focus {
	background-color: var(--akzent-dunkel);
	color: #fefefe
}

.button.primary:hover,
.button.primary:focus {
	background-color: #0a4d32;
	color: #fefefe
}

.button.secondary,
.button.secondary.disabled,
.button.secondary[disabled],
.button.secondary.disabled:hover,
.button.secondary[disabled]:hover,
.button.secondary.disabled:focus,
.button.secondary[disabled]:focus {
	background-color: #767676;
	color: #fefefe
}

.button.secondary:hover,
.button.secondary:focus {
	background-color: #5e5e5e;
	color: #fefefe
}

.button.success,
.button.success.disabled,
.button.success[disabled],
.button.success.disabled:hover,
.button.success[disabled]:hover,
.button.success.disabled:focus,
.button.success[disabled]:focus {
	background-color: #3adb76;
	color: #0a0a0a
}

.button.success:hover,
.button.success:focus {
	background-color: #22bb5b;
	color: #0a0a0a
}

.button.warning,
.button.warning.disabled,
.button.warning[disabled],
.button.warning.disabled:hover,
.button.warning[disabled]:hover,
.button.warning.disabled:focus,
.button.warning[disabled]:focus {
	background-color: #ffae00;
	color: #0a0a0a
}

.button.orange,
.button.orange.disabled,
.button.orange[disabled],
.button.orange.disabled:focus,
.button.orange[disabled]:focus {
	background-color: var(--orange);
	color: black;
	&:hover {
		background: oklch(from var(--orange) calc(l * 1.1) c h );
	}
}


.button.pretix-button,
.button.pretix-button.disabled,
.button.pretix-button[disabled],
.button.pretix-button.disabled:focus,
.button.pretix-button[disabled]:focus {
	background-color: var(--akzent);
	color: black;
	&:hover {
		background-color: var(--akzent-dunkel);
		color: white;
	}
}


.button.warning:hover,
.button.warning:focus {
	background-color: #cc8b00;
	color: #0a0a0a
}

.button.alert,
.button.alert.disabled,
.button.alert[disabled],
.button.alert.disabled:hover,
.button.alert[disabled]:hover,
.button.alert.disabled:focus,
.button.alert[disabled]:focus {
	background-color: #cc4b37;
	color: #fefefe
}

.button.alert:hover,
.button.alert:focus {
	background-color: #a53b2a;
	color: #fefefe
}

.button.hollow,
.button.hollow:hover,
.button.hollow:focus,
.button.hollow.disabled,
.button.hollow.disabled:hover,
.button.hollow.disabled:focus,
.button.hollow[disabled],
.button.hollow[disabled]:hover,
.button.hollow[disabled]:focus {
	background-color: transparent
}

.button.hollow,
.button.hollow.disabled,
.button.hollow[disabled],
.button.hollow.disabled:hover,
.button.hollow[disabled]:hover,
.button.hollow.disabled:focus,
.button.hollow[disabled]:focus {
	border: 1px solid var(--akzent-dunkel);
	color: var(--akzent-dunkel)
}

.button.hollow:hover,
.button.hollow:focus {
	border-color: #073020;
	color: #073020
}

.button.hollow.primary,
.button.hollow.primary.disabled,
.button.hollow.primary[disabled],
.button.hollow.primary.disabled:hover,
.button.hollow.primary[disabled]:hover,
.button.hollow.primary.disabled:focus,
.button.hollow.primary[disabled]:focus {
	border: 1px solid var(--akzent-dunkel);
	color: var(--akzent-dunkel)
}

.button.hollow.primary:hover,
.button.hollow.primary:focus {
	border-color: #073020;
	color: #073020
}

.button.hollow.secondary,
.button.hollow.secondary.disabled,
.button.hollow.secondary[disabled],
.button.hollow.secondary.disabled:hover,
.button.hollow.secondary[disabled]:hover,
.button.hollow.secondary.disabled:focus,
.button.hollow.secondary[disabled]:focus {
	border: 1px solid #767676;
	color: #767676
}

.button.hollow.secondary:hover,
.button.hollow.secondary:focus {
	border-color: #3b3b3b;
	color: #3b3b3b
}

.button.hollow.success,
.button.hollow.success.disabled,
.button.hollow.success[disabled],
.button.hollow.success.disabled:hover,
.button.hollow.success[disabled]:hover,
.button.hollow.success.disabled:focus,
.button.hollow.success[disabled]:focus {
	border: 1px solid #3adb76;
	color: #3adb76
}

.button.hollow.success:hover,
.button.hollow.success:focus {
	border-color: #157539;
	color: #157539
}

.button.hollow.warning,
.button.hollow.warning.disabled,
.button.hollow.warning[disabled],
.button.hollow.warning.disabled:hover,
.button.hollow.warning[disabled]:hover,
.button.hollow.warning.disabled:focus,
.button.hollow.warning[disabled]:focus {
	border: 1px solid #ffae00;
	color: #ffae00
}

.button.hollow.warning:hover,
.button.hollow.warning:focus {
	border-color: #805700;
	color: #805700
}

.button.hollow.alert,
.button.hollow.alert.disabled,
.button.hollow.alert[disabled],
.button.hollow.alert.disabled:hover,
.button.hollow.alert[disabled]:hover,
.button.hollow.alert.disabled:focus,
.button.hollow.alert[disabled]:focus {
	border: 1px solid #cc4b37;
	color: #cc4b37
}

.button.hollow.alert:hover,
.button.hollow.alert:focus {
	border-color: #67251a;
	color: #67251a
}

.button.clear,
.button.clear:hover,
.button.clear:focus,
.button.clear.disabled,
.button.clear.disabled:hover,
.button.clear.disabled:focus,
.button.clear[disabled],
.button.clear[disabled]:hover,
.button.clear[disabled]:focus {
	border-color: transparent;
	background-color: transparent
}

.button.clear,
.button.clear.disabled,
.button.clear[disabled],
.button.clear.disabled:hover,
.button.clear[disabled]:hover,
.button.clear.disabled:focus,
.button.clear[disabled]:focus {
	color: var(--akzent-dunkel)
}

.button.clear:hover,
.button.clear:focus {
	color: #073020
}

.button.clear.primary,
.button.clear.primary.disabled,
.button.clear.primary[disabled],
.button.clear.primary.disabled:hover,
.button.clear.primary[disabled]:hover,
.button.clear.primary.disabled:focus,
.button.clear.primary[disabled]:focus {
	color: var(--akzent-dunkel)
}

.button.clear.primary:hover,
.button.clear.primary:focus {
	color: #073020
}

.button.clear.secondary,
.button.clear.secondary.disabled,
.button.clear.secondary[disabled],
.button.clear.secondary.disabled:hover,
.button.clear.secondary[disabled]:hover,
.button.clear.secondary.disabled:focus,
.button.clear.secondary[disabled]:focus {
	color: #767676
}

.button.clear.secondary:hover,
.button.clear.secondary:focus {
	color: #3b3b3b
}

.button.clear.success,
.button.clear.success.disabled,
.button.clear.success[disabled],
.button.clear.success.disabled:hover,
.button.clear.success[disabled]:hover,
.button.clear.success.disabled:focus,
.button.clear.success[disabled]:focus {
	color: #3adb76
}

.button.clear.success:hover,
.button.clear.success:focus {
	color: #157539
}

.button.clear.warning,
.button.clear.warning.disabled,
.button.clear.warning[disabled],
.button.clear.warning.disabled:hover,
.button.clear.warning[disabled]:hover,
.button.clear.warning.disabled:focus,
.button.clear.warning[disabled]:focus {
	color: #ffae00
}

.button.clear.warning:hover,
.button.clear.warning:focus {
	color: #805700
}

.button.clear.alert,
.button.clear.alert.disabled,
.button.clear.alert[disabled],
.button.clear.alert.disabled:hover,
.button.clear.alert[disabled]:hover,
.button.clear.alert.disabled:focus,
.button.clear.alert[disabled]:focus {
	color: #cc4b37
}

.button.clear.alert:hover,
.button.clear.alert:focus {
	color: #67251a
}

.button.disabled,
.button[disabled] {
	opacity: .25;
	cursor: not-allowed
}

.button.dropdown::after {
	display: block;
	width: 0;
	height: 0;
	border: inset .4em;
	content: '';
	border-bottom-width: 0;
	border-top-style: solid;
	border-color: #fefefe transparent transparent;
	position: relative;
	top: 0.4em;
	display: inline-block;
	float: right;
	margin-left: 1em
}

.button.dropdown.hollow::after,
.button.dropdown.clear::after {
	border-top-color: var(--akzent-dunkel)
}

.button.dropdown.hollow.primary::after,
.button.dropdown.clear.primary::after {
	border-top-color: var(--akzent-dunkel)
}

.button.dropdown.hollow.secondary::after,
.button.dropdown.clear.secondary::after {
	border-top-color: #767676
}

.button.dropdown.hollow.success::after,
.button.dropdown.clear.success::after {
	border-top-color: #3adb76
}

.button.dropdown.hollow.warning::after,
.button.dropdown.clear.warning::after {
	border-top-color: #ffae00
}

.button.dropdown.hollow.alert::after,
.button.dropdown.clear.alert::after {
	border-top-color: #cc4b37
}

.button.arrow-only::after {
	top: -0.1em;
	float: none;
	margin-left: 0
}

a.button:hover,
a.button:focus {
	text-decoration: none
}

.label {
	display: inline-block;
	padding: 0.33333rem 0.5rem;
	border-radius: 0;
	font-size: .8rem;
	line-height: 1;
	white-space: nowrap;
	cursor: default;
	background: var(--akzent-dunkel);
	color: #fefefe
}

.label.primary {
	background: var(--akzent-dunkel);
	color: #fefefe
}

.label.secondary {
	background: #767676;
	color: #fefefe
}

.label.success {
	background: #3adb76;
	color: #0a0a0a
}

.label.warning {
	background: #ffae00;
	color: #0a0a0a
}

.label.alert {
	background: #cc4b37;
	color: #fefefe
}

.breadcrumbs {
	margin: 0 0 1rem 0;
	list-style: none
}

.breadcrumbs::before,
.breadcrumbs::after {
	display: table;
	content: ' ';
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}

.breadcrumbs::after {
	clear: both
}

.breadcrumbs li {
	float: left;
	font-size: .65476rem;
	color: #0a0a0a;
	cursor: default;
	text-transform: uppercase
}

.breadcrumbs li:not(:last-child)::after {
	position: relative;
	margin: 0 .75rem;
	opacity: 1;
	content: "/";
	color: #cacaca
}

.breadcrumbs a {
	color: var(--akzent-dunkel)
}

.breadcrumbs a:hover {
	text-decoration: underline
}

.breadcrumbs .disabled {
	color: #cacaca;
	cursor: not-allowed
}

.callout {
	position: relative;
	margin: 0 0 1rem 0;
	padding: 1rem;
	border: 1px solid rgba(10, 10, 10, 0.25);
	border-radius: 0;
	background-color: #fff;
	color: #585960
}

.callout>:first-child {
	margin-top: 0
}

.callout>:last-child {
	margin-bottom: 0
}

.callout.primary {
	background-color: #caf8e6;
	color: #585960
}

.callout.secondary {
	background-color: #eaeaea;
	color: #585960
}

.callout.success {
	background-color: #e1faea;
	color: #585960
}

.callout.warning {
	background-color: #fff3d9;
	color: #585960
}

.callout.alert {
	background-color: #f7e4e1;
	color: #585960
}

.callout.small {
	padding-top: .5rem;
	padding-right: .5rem;
	padding-bottom: .5rem;
	padding-left: .5rem
}

.callout.large {
	padding-top: 3rem;
	padding-right: 3rem;
	padding-bottom: 3rem;
	padding-left: 3rem
}

.dropdown-pane {
	position: absolute;
	z-index: 10;
	display: none;
	width: 300px;
	padding: 1rem;
	visibility: hidden;
	border: 1px solid #cacaca;
	border-radius: 0;
	background-color: #fff;
	font-size: 1rem
}

.dropdown-pane.is-opening {
	display: block
}

.dropdown-pane.is-open {
	display: block;
	visibility: visible
}

.dropdown-pane.tiny {
	width: 100px
}

.dropdown-pane.small {
	width: 200px
}

.dropdown-pane.large {
	width: 400px
}

.pagination {
	margin-left: 0;
	margin-bottom: 1rem
}

.pagination::before,
.pagination::after {
	display: table;
	content: ' ';
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}

.pagination::after {
	clear: both
}

.pagination li {
	margin-right: .05952rem;
	border-radius: 0;
	font-size: .83333rem;
	display: none
}

.pagination li:last-child,
.pagination li:first-child {
	display: inline-block
}

@media print,
screen and (min-width: 40em) {
	.pagination li {
		display: inline-block
	}
}

.pagination a,
.pagination button {
	display: block;
	padding: .17857rem .59524rem;
	border-radius: 0;
	color: #0a0a0a
}

.pagination a:hover,
.pagination button:hover {
	background: #e6e6e6
}

.pagination .current {
	padding: .17857rem .59524rem;
	background: var(--akzent-dunkel);
	color: #fefefe;
	cursor: default
}

.pagination .disabled {
	padding: .17857rem .59524rem;
	color: #cacaca;
	cursor: not-allowed
}

.pagination .disabled:hover {
	background: transparent
}

.pagination .ellipsis::after {
	padding: .17857rem .59524rem;
	content: '\2026';
	color: #0a0a0a
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
	display: inline-block;
	margin-right: 0.5rem;
	content: "«"
}

.pagination-next a::after,
.pagination-next.disabled::after {
	display: inline-block;
	margin-left: 0.5rem;
	content: "»"
}

.has-tip {
	position: relative;
	display: inline-block;
	border-bottom: none;
	font-weight: 600;
	cursor: pointer
}

.tooltip {
	position: absolute;
	top: calc(100% + .6495rem);
	z-index: 1200;
	max-width: 15rem;
	padding: .5rem;
	border-radius: .3rem;
	background-color: var(--akzent-dunkel);
	font-size: .9em;
	color: #fefefe
}

.tooltip::before {
	position: absolute
}

.tooltip.bottom::before {
	display: block;
	width: 0;
	height: 0;
	border: inset .75rem;
	content: '';
	border-top-width: 0;
	border-bottom-style: solid;
	border-color: transparent transparent var(--akzent-dunkel);
	bottom: 100%
}

.tooltip.bottom.align-center::before {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.tooltip.top::before {
	display: block;
	width: 0;
	height: 0;
	border: inset .75rem;
	content: '';
	border-bottom-width: 0;
	border-top-style: solid;
	border-color: var(--akzent-dunkel) transparent transparent;
	top: 100%;
	bottom: auto
}

.tooltip.top.align-center::before {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.tooltip.left::before {
	display: block;
	width: 0;
	height: 0;
	border: inset .75rem;
	content: '';
	border-right-width: 0;
	border-left-style: solid;
	border-color: transparent transparent transparent var(--akzent-dunkel);
	left: 100%
}

.tooltip.left.align-center::before {
	bottom: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.tooltip.right::before {
	display: block;
	width: 0;
	height: 0;
	border: inset .75rem;
	content: '';
	border-left-width: 0;
	border-right-style: solid;
	border-color: transparent var(--akzent-dunkel) transparent transparent;
	right: 100%;
	left: auto
}

.tooltip.right.align-center::before {
	bottom: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.tooltip.align-top::before {
	bottom: auto;
	top: 10%
}

.tooltip.align-bottom::before {
	bottom: 10%;
	top: auto
}

.tooltip.align-left::before {
	left: 10%;
	right: auto
}

.tooltip.align-right::before {
	left: auto;
	right: 10%
}

.accordion {
	margin-left: 0;
	background: #fefefe;
	list-style-type: none
}

.accordion[disabled] .accordion-title {
	cursor: not-allowed
}

.accordion-item:first-child>:first-child {
	border-radius: 0 0 0 0
}

.accordion-item:last-child>:last-child {
	border-radius: 0 0 0 0
}

.accordion-title {
	position: relative;
	display: block;
	padding: 1.25rem 1rem;
	border: 1px solid #e6e6e6;
	border-bottom: 0;
	font-size: .71429rem;
	line-height: 1;
	color: var(--akzent-dunkel)
}

:last-child:not(.is-active)>.accordion-title {
	border-bottom: 1px solid #e6e6e6;
	border-radius: 0 0 0 0
}

.accordion-title:hover,
.accordion-title:focus {
	background-color: #e6e6e6
}

.accordion-title::before {
	position: absolute;
	top: 50%;
	right: 1rem;
	margin-top: -0.5rem;
	content: "+"
}

.is-active>.accordion-title::before {
	content: "–"
}

.accordion-content {
	display: none;
	padding: 1rem;
	border: 1px solid #e6e6e6;
	border-bottom: 0;
	background-color: #fefefe;
	color: #585960
}

:last-child>.accordion-content:last-child {
	border-bottom: 1px solid #e6e6e6
}

.responsive-embed,
.flex-video {
	position: relative;
	height: 0;
	margin-bottom: .95238rem;
	padding-bottom: 75%;
	overflow: hidden
}

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

.responsive-embed.widescreen,
.flex-video.widescreen {
	padding-bottom: 56.25%
}

.menu {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

[data-whatinput='mouse'] .menu li {
	outline: 0
}

.menu a,
.menu .button {
	line-height: 1;
	text-decoration: none;
	display: block;
	padding: 0.7rem 1rem
}

.menu input,
.menu select,
.menu a,
.menu button {
	margin-bottom: 0
}

.menu input {
	display: inline-block
}

.menu,
.menu.horizontal {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

.menu.vertical {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.menu.expanded li {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0px
}

.menu.simple {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.menu.simple li+li {
	margin-left: 1rem
}

.menu.simple a {
	padding: 0
}

@media print,
screen and (min-width: 40em) {
	.menu.medium-horizontal {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row
	}

	.menu.medium-vertical {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.menu.medium-expanded li {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 0px;
		flex: 1 1 0px
	}

	.menu.medium-simple li {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 0px;
		flex: 1 1 0px
	}
}

@media print,
screen and (min-width: 64em) {
	.menu.large-horizontal {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row
	}

	.menu.large-vertical {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.menu.large-expanded li {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 0px;
		flex: 1 1 0px
	}

	.menu.large-simple li {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 0px;
		flex: 1 1 0px
	}
}

.menu.nested {
	margin-right: 0;
	margin-left: 1rem
}

.menu.icons a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.menu.icon-top a,
.menu.icon-right a,
.menu.icon-bottom a,
.menu.icon-left a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.menu.icon-left li a {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap
}

.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg {
	margin-right: .25rem
}

.menu.icon-right li a {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap
}

.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg {
	margin-left: .25rem
}

.menu.icon-top li a {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap
}

.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg {
	-ms-flex-item-align: stretch;
	align-self: stretch;
	margin-bottom: .25rem;
	text-align: center
}

.menu.icon-bottom li a {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap
}

.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg {
	-ms-flex-item-align: stretch;
	align-self: stretch;
	margin-bottom: .25rem;
	text-align: center
}

.menu .is-active>a {
	background: var(--akzent-dunkel);
	color: #fefefe
}

.menu .active>a {
	background: var(--akzent-dunkel);
	color: #fefefe
}

.menu.align-left {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.menu.align-right li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.menu.align-right li .submenu li {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.menu.align-right.vertical li {
	display: block;
	text-align: right
}

.menu.align-right.vertical li .submenu li {
	text-align: right
}

.menu.align-right .nested {
	margin-right: 1rem;
	margin-left: 0
}

.menu.align-center li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.menu.align-center li .submenu li {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.menu .menu-text {
	padding: 0.7rem 1rem;
	font-weight: bold;
	line-height: 1;
	color: inherit
}

.menu-centered>.menu {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.menu-centered>.menu li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.menu-centered>.menu li .submenu li {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.no-js [data-responsive-menu] ul {
	display: none
}

.accordion-menu li {
	width: 100%
}

.accordion-menu a {
	padding: 0.7rem 1rem
}

.accordion-menu .is-accordion-submenu a {
	padding: 0.7rem 1rem
}

.accordion-menu .nested.is-accordion-submenu {
	margin-right: 0;
	margin-left: 1rem
}

.accordion-menu.align-right .nested.is-accordion-submenu {
	margin-right: 1rem;
	margin-left: 0
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a {
	position: relative
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {
	display: block;
	width: 0;
	height: 0;
	border: inset 6px;
	content: '';
	border-bottom-width: 0;
	border-top-style: solid;
	border-color: var(--akzent-dunkel) transparent transparent;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: 1rem
}

.accordion-menu.align-left .is-accordion-submenu-parent>a::after {
	right: 1rem;
	left: auto
}

.accordion-menu.align-right .is-accordion-submenu-parent>a::after {
	right: auto;
	left: 1rem
}

.accordion-menu .is-accordion-submenu-parent[aria-expanded='true']>a::after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

.is-accordion-submenu-parent {
	position: relative
}

.has-submenu-toggle>a {
	margin-right: 40px
}

.submenu-toggle {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	cursor: pointer
}

.submenu-toggle::after {
	display: block;
	width: 0;
	height: 0;
	border: inset 6px;
	content: '';
	border-bottom-width: 0;
	border-top-style: solid;
	border-color: var(--akzent-dunkel) transparent transparent;
	top: 0;
	bottom: 0;
	margin: auto
}

.submenu-toggle[aria-expanded='true']::after {
	-webkit-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	transform: scaleY(-1);
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

.submenu-toggle-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important
}

.is-drilldown {
	position: relative;
	overflow: hidden
}

.is-drilldown li {
	display: block
}

.is-drilldown.animate-height {
	-webkit-transition: height 0.5s;
	transition: height 0.5s
}

.drilldown a {
	padding: 0.7rem 1rem;
	background: #fefefe
}

.drilldown .is-drilldown-submenu {
	position: absolute;
	top: 0;
	left: 100%;
	z-index: -1;
	width: 100%;
	background: #fefefe;
	-webkit-transition: -webkit-transform 0.15s linear;
	transition: -webkit-transform 0.15s linear;
	transition: transform 0.15s linear;
	transition: transform 0.15s linear, -webkit-transform 0.15s linear
}

.drilldown .is-drilldown-submenu.is-active {
	z-index: 1;
	display: block;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}

.drilldown .is-drilldown-submenu.is-closing {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}

.drilldown .is-drilldown-submenu a {
	padding: 0.7rem 1rem
}

.drilldown .nested.is-drilldown-submenu {
	margin-right: 0;
	margin-left: 0
}

.drilldown .drilldown-submenu-cover-previous {
	min-height: 100%
}

.drilldown .is-drilldown-submenu-parent>a {
	position: relative
}

.drilldown .is-drilldown-submenu-parent>a::after {
	display: block;
	width: 0;
	height: 0;
	border: inset 6px;
	content: '';
	border-right-width: 0;
	border-left-style: solid;
	border-color: transparent transparent transparent var(--akzent-dunkel);
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 1rem
}

.drilldown.align-left .is-drilldown-submenu-parent>a::after {
	display: block;
	width: 0;
	height: 0;
	border: inset 6px;
	content: '';
	border-right-width: 0;
	border-left-style: solid;
	border-color: transparent transparent transparent var(--akzent-dunkel);
	right: 1rem;
	left: auto
}

.drilldown.align-right .is-drilldown-submenu-parent>a::after {
	display: block;
	width: 0;
	height: 0;
	border: inset 6px;
	content: '';
	border-left-width: 0;
	border-right-style: solid;
	border-color: transparent var(--akzent-dunkel) transparent transparent;
	right: auto;
	left: 1rem
}

.drilldown .js-drilldown-back>a::before {
	display: block;
	width: 0;
	height: 0;
	border: inset 6px;
	content: '';
	border-left-width: 0;
	border-right-style: solid;
	border-color: transparent var(--akzent-dunkel) transparent transparent;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.75rem
}

.dropdown.menu>li.opens-left>.is-dropdown-submenu {
	top: 100%;
	right: 0;
	left: auto
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
	top: 100%;
	right: auto;
	left: 0
}

[data-whatinput='mouse'] .dropdown.menu a {
	outline: 0
}

.dropdown.menu>li>a {
	padding: 0.7rem 1rem
}

.dropdown.menu>li.is-active>a {
	background: rgba(0, 0, 0, 0);
	color: var(--akzent-dunkel)
}

.no-js .dropdown.menu ul {
	display: none
}

.dropdown.menu .nested.is-dropdown-submenu {
	margin-right: 0;
	margin-left: 0
}

.dropdown.menu.vertical>li .is-dropdown-submenu {
	top: 0
}

.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
	top: 0;
	right: 100%;
	left: auto
}

.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
	right: auto;
	left: 100%
}

@media print,
screen and (min-width: 40em) {
	.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
		top: 100%;
		right: 0;
		left: auto
	}

	.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
		top: 100%;
		right: auto;
		left: 0
	}

	.dropdown.menu.medium-vertical>li .is-dropdown-submenu {
		top: 0
	}

	.dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
		top: 0;
		right: 100%;
		left: auto
	}

	.dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
		right: auto;
		left: 100%
	}
}

@media print,
screen and (min-width: 64em) {
	.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
		top: 100%;
		right: 0;
		left: auto
	}

	.dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
		top: 100%;
		right: auto;
		left: 0
	}

	.dropdown.menu.large-vertical>li .is-dropdown-submenu {
		top: 0
	}

	.dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
		top: 0;
		right: 100%;
		left: auto
	}

	.dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
		right: auto;
		left: 100%
	}
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
	top: 100%;
	right: 0;
	left: auto
}

.is-dropdown-menu.vertical {
	width: 100px
}

.is-dropdown-menu.vertical.align-right {
	float: right
}

.is-dropdown-submenu-parent {
	position: relative
}

.is-dropdown-submenu-parent a::after {
	position: absolute;
	top: 50%;
	right: 5px;
	left: auto;
	margin-top: -6px
}

.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
	top: 100%;
	left: auto
}

.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
	right: 100%;
	left: auto
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
	right: auto;
	left: 100%
}

.is-dropdown-submenu {
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 1;
	display: none;
	min-width: 250px;
	border: none;
	background: var(--akzent)
}

.dropdown .is-dropdown-submenu a {
	padding: 0.7rem 1rem
}

.is-dropdown-submenu>li {
	width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
	display: block
}

.is-off-canvas-open {
	overflow: hidden
}

.js-off-canvas-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity .5s ease, visibility .5s ease;
	transition: opacity .5s ease, visibility .5s ease;
	background: rgba(78, 78, 72, 0.5);
	opacity: 0;
	visibility: hidden;
	overflow: hidden
}

.js-off-canvas-overlay.is-visible {
	opacity: 1;
	visibility: visible
}

.js-off-canvas-overlay.is-closable {
	cursor: pointer
}

.js-off-canvas-overlay.is-overlay-absolute {
	position: absolute
}

.js-off-canvas-overlay.is-overlay-fixed {
	position: fixed
}

.off-canvas-wrapper {
	position: relative;
	overflow: hidden
}

.off-canvas {
	position: fixed;
	z-index: 12;
	-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: var(--akzent)
}

[data-whatinput='mouse'] .off-canvas {
	outline: 0
}

.off-canvas.is-transition-push {
	z-index: 12
}

.off-canvas.is-closed {
	visibility: hidden
}

.off-canvas.is-transition-overlap {
	z-index: 13
}

.off-canvas.is-transition-overlap.is-open {
	-webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
	box-shadow: 0 0 10px rgba(10, 10, 10, 0.7)
}

.off-canvas.is-open {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.off-canvas-absolute {
	position: absolute;
	z-index: 12;
	-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: var(--akzent)
}

[data-whatinput='mouse'] .off-canvas-absolute {
	outline: 0
}

.off-canvas-absolute.is-transition-push {
	z-index: 12
}

.off-canvas-absolute.is-closed {
	visibility: hidden
}

.off-canvas-absolute.is-transition-overlap {
	z-index: 13
}

.off-canvas-absolute.is-transition-overlap.is-open {
	-webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
	box-shadow: 0 0 10px rgba(10, 10, 10, 0.7)
}

.off-canvas-absolute.is-open {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.position-left {
	top: 0;
	left: 0;
	height: 100%;
	overflow-y: auto;
	width: 250px;
	-webkit-transform: translateX(-250px);
	-ms-transform: translateX(-250px);
	transform: translateX(-250px)
}

@media print,
screen and (min-width: 40em) {
	.position-left {
		width: 300px;
		-webkit-transform: translateX(-300px);
		-ms-transform: translateX(-300px);
		transform: translateX(-300px)
	}
}

@media print,
screen and (min-width: 64em) {
	.position-left {
		width: 400px;
		-webkit-transform: translateX(-400px);
		-ms-transform: translateX(-400px);
		transform: translateX(-400px)
	}
}

.off-canvas-content .off-canvas.position-left {
	-webkit-transform: translateX(-250px);
	-ms-transform: translateX(-250px);
	transform: translateX(-250px)
}

@media print,
screen and (min-width: 40em) {
	.off-canvas-content .off-canvas.position-left {
		-webkit-transform: translateX(-300px);
		-ms-transform: translateX(-300px);
		transform: translateX(-300px)
	}
}

@media print,
screen and (min-width: 64em) {
	.off-canvas-content .off-canvas.position-left {
		-webkit-transform: translateX(-400px);
		-ms-transform: translateX(-400px);
		transform: translateX(-400px)
	}
}

.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.off-canvas-content.is-open-left.has-transition-push {
	-webkit-transform: translateX(250px);
	-ms-transform: translateX(250px);
	transform: translateX(250px)
}

@media print,
screen and (min-width: 40em) {
	.off-canvas-content.is-open-left.has-transition-push {
		-webkit-transform: translateX(300px);
		-ms-transform: translateX(300px);
		transform: translateX(300px)
	}
}

@media print,
screen and (min-width: 64em) {
	.off-canvas-content.is-open-left.has-transition-push {
		-webkit-transform: translateX(400px);
		-ms-transform: translateX(400px);
		transform: translateX(400px)
	}
}

.position-left.is-transition-push {
	-webkit-box-shadow: inset 0 0 0 0 rgba(10, 10, 10, 0);
	box-shadow: inset 0 0 0 0 rgba(10, 10, 10, 0)
}

.position-right {
	top: 0;
	right: 0;
	height: 100%;
	overflow-y: auto;
	width: 250px;
	-webkit-transform: translateX(250px);
	-ms-transform: translateX(250px);
	transform: translateX(250px)
}

@media print,
screen and (min-width: 40em) {
	.position-right {
		width: 300px;
		-webkit-transform: translateX(300px);
		-ms-transform: translateX(300px);
		transform: translateX(300px)
	}
}

@media print,
screen and (min-width: 64em) {
	.position-right {
		width: 400px;
		-webkit-transform: translateX(400px);
		-ms-transform: translateX(400px);
		transform: translateX(400px)
	}
}

.off-canvas-content .off-canvas.position-right {
	-webkit-transform: translateX(250px);
	-ms-transform: translateX(250px);
	transform: translateX(250px)
}

@media print,
screen and (min-width: 40em) {
	.off-canvas-content .off-canvas.position-right {
		-webkit-transform: translateX(300px);
		-ms-transform: translateX(300px);
		transform: translateX(300px)
	}
}

@media print,
screen and (min-width: 64em) {
	.off-canvas-content .off-canvas.position-right {
		-webkit-transform: translateX(400px);
		-ms-transform: translateX(400px);
		transform: translateX(400px)
	}
}

.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.off-canvas-content.is-open-right.has-transition-push {
	-webkit-transform: translateX(-250px);
	-ms-transform: translateX(-250px);
	transform: translateX(-250px)
}

@media print,
screen and (min-width: 40em) {
	.off-canvas-content.is-open-right.has-transition-push {
		-webkit-transform: translateX(-300px);
		-ms-transform: translateX(-300px);
		transform: translateX(-300px)
	}
}

@media print,
screen and (min-width: 64em) {
	.off-canvas-content.is-open-right.has-transition-push {
		-webkit-transform: translateX(-400px);
		-ms-transform: translateX(-400px);
		transform: translateX(-400px)
	}
}

.position-right.is-transition-push {
	-webkit-box-shadow: inset 0 0 0 0 rgba(10, 10, 10, 0);
	box-shadow: inset 0 0 0 0 rgba(10, 10, 10, 0)
}

.position-top {
	top: 0;
	left: 0;
	width: 100%;
	overflow-x: auto;
	height: 250px;
	-webkit-transform: translateY(-250px);
	-ms-transform: translateY(-250px);
	transform: translateY(-250px)
}

@media print,
screen and (min-width: 40em) {
	.position-top {
		height: 300px;
		-webkit-transform: translateY(-300px);
		-ms-transform: translateY(-300px);
		transform: translateY(-300px)
	}
}

@media print,
screen and (min-width: 64em) {
	.position-top {
		height: 400px;
		-webkit-transform: translateY(-400px);
		-ms-transform: translateY(-400px);
		transform: translateY(-400px)
	}
}

.off-canvas-content .off-canvas.position-top {
	-webkit-transform: translateY(-250px);
	-ms-transform: translateY(-250px);
	transform: translateY(-250px)
}

@media print,
screen and (min-width: 40em) {
	.off-canvas-content .off-canvas.position-top {
		-webkit-transform: translateY(-300px);
		-ms-transform: translateY(-300px);
		transform: translateY(-300px)
	}
}

@media print,
screen and (min-width: 64em) {
	.off-canvas-content .off-canvas.position-top {
		-webkit-transform: translateY(-400px);
		-ms-transform: translateY(-400px);
		transform: translateY(-400px)
	}
}

.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.off-canvas-content.is-open-top.has-transition-push {
	-webkit-transform: translateY(250px);
	-ms-transform: translateY(250px);
	transform: translateY(250px)
}

@media print,
screen and (min-width: 40em) {
	.off-canvas-content.is-open-top.has-transition-push {
		-webkit-transform: translateY(300px);
		-ms-transform: translateY(300px);
		transform: translateY(300px)
	}
}

@media print,
screen and (min-width: 64em) {
	.off-canvas-content.is-open-top.has-transition-push {
		-webkit-transform: translateY(400px);
		-ms-transform: translateY(400px);
		transform: translateY(400px)
	}
}

.position-top.is-transition-push {
	-webkit-box-shadow: inset 0 0 0 0 rgba(10, 10, 10, 0);
	box-shadow: inset 0 0 0 0 rgba(10, 10, 10, 0)
}

.position-bottom {
	bottom: 0;
	left: 0;
	width: 100%;
	overflow-x: auto;
	height: 250px;
	-webkit-transform: translateY(250px);
	-ms-transform: translateY(250px);
	transform: translateY(250px)
}

@media print,
screen and (min-width: 40em) {
	.position-bottom {
		height: 300px;
		-webkit-transform: translateY(300px);
		-ms-transform: translateY(300px);
		transform: translateY(300px)
	}
}

@media print,
screen and (min-width: 64em) {
	.position-bottom {
		height: 400px;
		-webkit-transform: translateY(400px);
		-ms-transform: translateY(400px);
		transform: translateY(400px)
	}
}

.off-canvas-content .off-canvas.position-bottom {
	-webkit-transform: translateY(250px);
	-ms-transform: translateY(250px);
	transform: translateY(250px)
}

@media print,
screen and (min-width: 40em) {
	.off-canvas-content .off-canvas.position-bottom {
		-webkit-transform: translateY(300px);
		-ms-transform: translateY(300px);
		transform: translateY(300px)
	}
}

@media print,
screen and (min-width: 64em) {
	.off-canvas-content .off-canvas.position-bottom {
		-webkit-transform: translateY(400px);
		-ms-transform: translateY(400px);
		transform: translateY(400px)
	}
}

.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.off-canvas-content.is-open-bottom.has-transition-push {
	-webkit-transform: translateY(-250px);
	-ms-transform: translateY(-250px);
	transform: translateY(-250px)
}

@media print,
screen and (min-width: 40em) {
	.off-canvas-content.is-open-bottom.has-transition-push {
		-webkit-transform: translateY(-300px);
		-ms-transform: translateY(-300px);
		transform: translateY(-300px)
	}
}

@media print,
screen and (min-width: 64em) {
	.off-canvas-content.is-open-bottom.has-transition-push {
		-webkit-transform: translateY(-400px);
		-ms-transform: translateY(-400px);
		transform: translateY(-400px)
	}
}

.position-bottom.is-transition-push {
	-webkit-box-shadow: inset 0 0 0 0 rgba(10, 10, 10, 0);
	box-shadow: inset 0 0 0 0 rgba(10, 10, 10, 0)
}

.off-canvas-content {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.off-canvas-content.has-transition-overlap,
.off-canvas-content.has-transition-push {
	-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease
}

.off-canvas-content.has-transition-push {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.off-canvas-content .off-canvas.is-open {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

@media print,
screen and (min-width: 40em) {
	.position-left.reveal-for-medium {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		z-index: 12;
		-webkit-transition: none;
		transition: none;
		visibility: visible;
		position: absolute
	}

	.position-left.reveal-for-medium .close-button {
		display: none
	}

	.off-canvas-content .position-left.reveal-for-medium {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	.off-canvas-content.has-reveal-left {
		margin-left: 300px
	}

	.position-left.reveal-for-medium~.off-canvas-content {
		margin-left: 300px
	}

	.position-right.reveal-for-medium {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		z-index: 12;
		-webkit-transition: none;
		transition: none;
		visibility: visible;
		position: absolute
	}

	.position-right.reveal-for-medium .close-button {
		display: none
	}

	.off-canvas-content .position-right.reveal-for-medium {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	.off-canvas-content.has-reveal-right {
		margin-right: 300px
	}

	.position-right.reveal-for-medium~.off-canvas-content {
		margin-right: 300px
	}

	.position-top.reveal-for-medium {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		z-index: 12;
		-webkit-transition: none;
		transition: none;
		visibility: visible;
		position: absolute
	}

	.position-top.reveal-for-medium .close-button {
		display: none
	}

	.off-canvas-content .position-top.reveal-for-medium {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	.off-canvas-content.has-reveal-top {
		margin-top: 300px
	}

	.position-top.reveal-for-medium~.off-canvas-content {
		margin-top: 300px
	}

	.position-bottom.reveal-for-medium {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		z-index: 12;
		-webkit-transition: none;
		transition: none;
		visibility: visible;
		position: absolute
	}

	.position-bottom.reveal-for-medium .close-button {
		display: none
	}

	.off-canvas-content .position-bottom.reveal-for-medium {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	.off-canvas-content.has-reveal-bottom {
		margin-bottom: 300px
	}

	.position-bottom.reveal-for-medium~.off-canvas-content {
		margin-bottom: 300px
	}
}

@media print,
screen and (min-width: 64em) {
	.position-left.reveal-for-large {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		z-index: 12;
		-webkit-transition: none;
		transition: none;
		visibility: visible;
		position: absolute
	}

	.position-left.reveal-for-large .close-button {
		display: none
	}

	.off-canvas-content .position-left.reveal-for-large {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	.off-canvas-content.has-reveal-left {
		margin-left: 400px
	}

	.position-left.reveal-for-large~.off-canvas-content {
		margin-left: 400px
	}

	.position-right.reveal-for-large {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		z-index: 12;
		-webkit-transition: none;
		transition: none;
		visibility: visible;
		position: absolute
	}

	.position-right.reveal-for-large .close-button {
		display: none
	}

	.off-canvas-content .position-right.reveal-for-large {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	.off-canvas-content.has-reveal-right {
		margin-right: 400px
	}

	.position-right.reveal-for-large~.off-canvas-content {
		margin-right: 400px
	}

	.position-top.reveal-for-large {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		z-index: 12;
		-webkit-transition: none;
		transition: none;
		visibility: visible;
		position: absolute
	}

	.position-top.reveal-for-large .close-button {
		display: none
	}

	.off-canvas-content .position-top.reveal-for-large {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	.off-canvas-content.has-reveal-top {
		margin-top: 400px
	}

	.position-top.reveal-for-large~.off-canvas-content {
		margin-top: 400px
	}

	.position-bottom.reveal-for-large {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		z-index: 12;
		-webkit-transition: none;
		transition: none;
		visibility: visible;
		position: absolute
	}

	.position-bottom.reveal-for-large .close-button {
		display: none
	}

	.off-canvas-content .position-bottom.reveal-for-large {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	.off-canvas-content.has-reveal-bottom {
		margin-bottom: 400px
	}

	.position-bottom.reveal-for-large~.off-canvas-content {
		margin-bottom: 400px
	}
}

@media print,
screen and (min-width: 40em) {
	.off-canvas.in-canvas-for-medium {
		visibility: visible;
		height: auto;
		position: static;
		background: none;
		width: auto;
		overflow: visible;
		-webkit-transition: none;
		transition: none
	}

	.off-canvas.in-canvas-for-medium.position-left,
	.off-canvas.in-canvas-for-medium.position-right,
	.off-canvas.in-canvas-for-medium.position-top,
	.off-canvas.in-canvas-for-medium.position-bottom {
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	.off-canvas.in-canvas-for-medium .close-button {
		display: none
	}
}

@media print,
screen and (min-width: 64em) {
	.off-canvas.in-canvas-for-large {
		visibility: visible;
		height: auto;
		position: static;
		background: none;
		width: auto;
		overflow: visible;
		-webkit-transition: none;
		transition: none
	}

	.off-canvas.in-canvas-for-large.position-left,
	.off-canvas.in-canvas-for-large.position-right,
	.off-canvas.in-canvas-for-large.position-top,
	.off-canvas.in-canvas-for-large.position-bottom {
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	.off-canvas.in-canvas-for-large .close-button {
		display: none
	}
}

html.is-reveal-open {
	position: fixed;
	width: 100%;
	overflow-y: hidden
}

html.is-reveal-open.zf-has-scroll {
	overflow-y: scroll
}

html.is-reveal-open body {
	overflow-y: hidden
}

.reveal-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1005;
	display: none;
	background-color: rgba(10, 10, 10, 0.45);
	overflow-y: auto
}

.reveal {
	z-index: 1006;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: none;
	padding: 4rem;
	border: 1px solid #cacaca;
	border-radius: 0;
	background-color: #fefefe;
	position: relative;
	top: 100px;
	margin-right: auto;
	margin-left: auto;
	overflow-y: auto
}

[data-whatinput='mouse'] .reveal {
	outline: 0
}

@media print,
screen and (min-width: 40em) {
	.reveal {
		min-height: 0
	}
}

.reveal .column {
	min-width: 0
}

.reveal>:last-child {
	margin-bottom: 0
}

@media print,
screen and (min-width: 40em) {
	.reveal {
		width: 600px;
		max-width: 85.71429rem
	}
}

.reveal.collapse {
	padding: 0
}

@media print,
screen and (min-width: 40em) {
	.reveal.tiny {
		width: 30%;
		max-width: 85.71429rem
	}
}

@media print,
screen and (min-width: 40em) {
	.reveal.small {
		width: 50%;
		max-width: 85.71429rem
	}
}

@media print,
screen and (min-width: 40em) {
	.reveal.large {
		width: 90%;
		max-width: 85.71429rem
	}
}

.reveal.full {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	max-width: none;
	height: 100%;
	min-height: 100%;
	margin-left: 0;
	border: 0;
	border-radius: 0
}

@media print,
screen and (max-width: 39.99875em) {
	.reveal {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		max-width: none;
		height: 100%;
		min-height: 100%;
		margin-left: 0;
		border: 0;
		border-radius: 0
	}
}

.reveal.without-overlay {
	position: fixed
}

.sticky-container {
	position: relative
}

.sticky {
	position: relative;
	z-index: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.sticky.is-stuck {
	position: fixed;
	z-index: 5;
	width: 100%
}

.sticky.is-stuck.is-at-top {
	top: 0
}

.sticky.is-stuck.is-at-bottom {
	bottom: 0
}

.sticky.is-anchored {
	position: relative;
	right: auto;
	left: auto
}

.sticky.is-anchored.is-at-bottom {
	bottom: 0
}

.hide {
	display: none !important
}

.invisible {
	visibility: hidden
}

@media print,
screen and (max-width: 39.99875em) {
	.hide-for-small-only {
		display: none !important
	}
}

@media screen and (max-width: 0em),
screen and (min-width: 40em) {
	.show-for-small-only {
		display: none !important
	}
}

@media print,
screen and (min-width: 40em) {
	.hide-for-medium {
		display: none !important
	}
}

@media screen and (max-width: 39.99875em) {
	.show-for-medium {
		display: none !important
	}
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
	.hide-for-medium-only {
		display: none !important
	}
}

@media screen and (max-width: 39.99875em),
screen and (min-width: 64em) {
	.show-for-medium-only {
		display: none !important
	}
}

@media print,
screen and (min-width: 64em) {
	.hide-for-large {
		display: none !important
	}
}

@media screen and (max-width: 63.99875em) {
	.show-for-large {
		display: none !important
	}
}

@media print,
screen and (min-width: 64em) and (max-width: 74.99875em) {
	.hide-for-large-only {
		display: none !important
	}
}

@media screen and (max-width: 63.99875em),
screen and (min-width: 75em) {
	.show-for-large-only {
		display: none !important
	}
}

.show-for-sr,
.show-on-focus {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important
}

.show-on-focus:active,
.show-on-focus:focus {
	position: static !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	clip: auto !important;
	white-space: normal !important
}

.show-for-landscape,
.hide-for-portrait {
	display: block !important
}

@media screen and (orientation: landscape) {

	.show-for-landscape,
	.hide-for-portrait {
		display: block !important
	}
}

@media screen and (orientation: portrait) {

	.show-for-landscape,
	.hide-for-portrait {
		display: none !important
	}
}

.hide-for-landscape,
.show-for-portrait {
	display: none !important
}

@media screen and (orientation: landscape) {

	.hide-for-landscape,
	.show-for-portrait {
		display: none !important
	}
}

@media screen and (orientation: portrait) {

	.hide-for-landscape,
	.show-for-portrait {
		display: block !important
	}
}

.text-hide {
	font: 0/0 a !important;
	color: transparent !important;
	text-shadow: none !important;
	background-color: transparent !important;
	border: 0 !important
}

.text-truncate {
	max-width: 100% !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
	white-space: nowrap !important
}

.text-nowrap {
	white-space: nowrap !important
}

.text-wrap {
	word-wrap: break-word !important
}

.text-lowercase {
	text-transform: lowercase !important
}

.text-uppercase {
	text-transform: uppercase !important
}

.text-capitalize {
	text-transform: capitalize !important
}

.text-overline {
	text-decoration: overline !important
}

.text-underline {
	text-decoration: underline !important
}

.text-line-through {
	text-decoration: line-through !important
}

.font-wide {
	letter-spacing: .2381rem
}

.font-normal {
	font-weight: 400
}

.font-bold {
	font-weight: 600
}

.font-italic {
	font-style: italic !important
}

ul.list-disc {
	list-style-type: disc !important
}

ul.list-circle {
	list-style-type: circle !important
}

ul.list-square {
	list-style-type: square !important
}

ol.list-decimal {
	list-style-type: decimal !important
}

ol.list-lower-alpha {
	list-style-type: lower-alpha !important
}

ol.list-lower-latin {
	list-style-type: lower-latin !important
}

ol.list-lower-roman {
	list-style-type: lower-roman !important
}

ol.list-upper-alpha {
	list-style-type: upper-alpha !important
}

ol.list-upper-latin {
	list-style-type: upper-latin !important
}

ol.list-upper-roman {
	list-style-type: upper-roman !important
}

.rounded {
	border-radius: 5000px !important
}

.rounded .switch-paddle {
	border-radius: 5000px !important
}

.rounded .switch-paddle:after {
	border-radius: 50%
}

.radius {
	border-radius: .17857rem
}

.bordered {
	border: .05952rem solid #cacaca
}

.shadow {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.arrow-down {
	display: block;
	width: 0;
	height: 0;
	border: inset .4375rem;
	content: '';
	border-bottom-width: 0;
	border-top-style: solid;
	border-color: #0a0a0a transparent transparent
}

.arrow-up {
	display: block;
	width: 0;
	height: 0;
	border: inset .4375rem;
	content: '';
	border-top-width: 0;
	border-bottom-style: solid;
	border-color: transparent transparent #0a0a0a
}

.arrow-right {
	display: block;
	width: 0;
	height: 0;
	border: inset .4375rem;
	content: '';
	border-right-width: 0;
	border-left-style: solid;
	border-color: transparent transparent transparent #0a0a0a
}

.arrow-left {
	display: block;
	width: 0;
	height: 0;
	border: inset .4375rem;
	content: '';
	border-left-width: 0;
	border-right-style: solid;
	border-color: transparent #0a0a0a transparent transparent
}

.separator-center {
	text-align: center !important
}

.separator-center::before,
.separator-center::after {
	display: table;
	content: ' ';
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}

.separator-center::after {
	clear: both
}

.separator-center::after {
	position: relative !important;
	width: 3rem;
	border-bottom: .11905rem solid var(--akzent-dunkel);
	margin: 1rem auto 0
}

.separator-left {
	text-align: left !important
}

.separator-left::before,
.separator-left::after {
	display: table;
	content: ' ';
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}

.separator-left::after {
	clear: both
}

.separator-left::after {
	position: relative !important;
	width: 3rem;
	border-bottom: .11905rem solid var(--akzent-dunkel);
	margin: 1rem auto 0;
	margin-left: 0 !important
}

.separator-right {
	text-align: right !important
}

.separator-right::before,
.separator-right::after {
	display: table;
	content: ' ';
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}

.separator-right::after {
	clear: both
}

.separator-right::after {
	position: relative !important;
	width: 3rem;
	border-bottom: .11905rem solid var(--akzent-dunkel);
	margin: 1rem auto 0;
	margin-right: 0 !important
}

.overflow-visible {
	overflow: visible !important
}

.overflow-x-visible {
	overflow-x: visible !important
}

.overflow-y-visible {
	overflow-y: visible !important
}

.overflow-hidden {
	overflow: hidden !important
}

.overflow-x-hidden {
	overflow-x: hidden !important
}

.overflow-y-hidden {
	overflow-y: hidden !important
}

.overflow-scroll {
	overflow: scroll !important
}

.overflow-x-scroll {
	overflow-x: scroll !important
}

.overflow-y-scroll {
	overflow-y: scroll !important
}

.display-inline {
	display: inline !important
}

.display-inline-block {
	display: inline-block !important
}

.display-block {
	display: block !important
}

.display-table {
	display: table !important
}

.display-table-cell {
	display: table-cell !important
}

.position-static {
	position: static !important
}

.position-relative {
	position: relative !important
}

.position-absolute {
	position: absolute !important
}

.position-fixed {
	position: fixed !important
}

.position-fixed-top {
	position: fixed !important;
	top: 0rem !important;
	right: 0rem !important;
	left: 0rem !important;
	z-index: 975
}

.position-fixed-bottom {
	position: fixed !important;
	right: 0rem !important;
	bottom: 0rem !important;
	left: 0rem !important;
	z-index: 975
}

.border-box {
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important
}

.border-none {
	border: none !important
}

.width-25 {
	width: 25% !important
}

.width-50 {
	width: 50% !important
}

.width-75 {
	width: 75% !important
}

.width-100 {
	width: 100% !important
}

.height-25 {
	height: 25% !important
}

.height-50 {
	height: 50% !important
}

.height-75 {
	height: 75% !important
}

.height-100 {
	height: 100% !important
}

.max-width-100 {
	max-width: 100% !important
}

.max-height-100 {
	max-height: 100% !important
}

.margin-0 {
	margin: 0rem !important
}

.margin-top-0 {
	margin-top: 0rem !important
}

.margin-right-0 {
	margin-right: 0rem !important
}

.margin-bottom-0 {
	margin-bottom: 0rem !important
}

.margin-left-0 {
	margin-left: 0rem !important
}

.margin-horizontal-0 {
	margin-right: 0rem !important;
	margin-left: 0rem !important
}

.margin-vertical-0 {
	margin-top: 0rem !important;
	margin-bottom: 0rem !important
}

.padding-0 {
	padding: 0rem !important
}

.padding-top-0 {
	padding-top: 0rem !important
}

.padding-right-0 {
	padding-right: 0rem !important
}

.padding-bottom-0 {
	padding-bottom: 0rem !important
}

.padding-left-0 {
	padding-left: 0rem !important
}

.padding-horizontal-0 {
	padding-right: 0rem !important;
	padding-left: 0rem !important
}

.padding-vertical-0 {
	padding-top: 0rem !important;
	padding-bottom: 0rem !important
}

.margin-1 {
	margin: 1rem !important
}

.margin-top-1 {
	margin-top: 1rem !important
}

.margin-right-1 {
	margin-right: 1rem !important
}

.margin-bottom-1 {
	margin-bottom: 1rem !important
}

.margin-left-1 {
	margin-left: 1rem !important
}

.margin-horizontal-1 {
	margin-right: 1rem !important;
	margin-left: 1rem !important
}

.margin-vertical-1 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important
}

.padding-1 {
	padding: 1rem !important
}

.padding-top-1 {
	padding-top: 1rem !important
}

.padding-right-1 {
	padding-right: 1rem !important
}

.padding-bottom-1 {
	padding-bottom: 1rem !important
}

.padding-left-1 {
	padding-left: 1rem !important
}

.padding-horizontal-1 {
	padding-right: 1rem !important;
	padding-left: 1rem !important
}

.padding-vertical-1 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important
}

.margin-2 {
	margin: 2rem !important
}

.margin-top-2 {
	margin-top: 2rem !important
}

.margin-right-2 {
	margin-right: 2rem !important
}

.margin-bottom-2 {
	margin-bottom: 2rem !important
}

.margin-left-2 {
	margin-left: 2rem !important
}

.margin-horizontal-2 {
	margin-right: 2rem !important;
	margin-left: 2rem !important
}

.margin-vertical-2 {
	margin-top: 2rem !important;
	margin-bottom: 2rem !important
}

.padding-2 {
	padding: 2rem !important
}

.padding-top-2 {
	padding-top: 2rem !important
}

.padding-right-2 {
	padding-right: 2rem !important
}

.padding-bottom-2 {
	padding-bottom: 2rem !important
}

.padding-left-2 {
	padding-left: 2rem !important
}

.padding-horizontal-2 {
	padding-right: 2rem !important;
	padding-left: 2rem !important
}

.padding-vertical-2 {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important
}

.margin-3 {
	margin: 3rem !important
}

.margin-top-3 {
	margin-top: 3rem !important
}

.margin-right-3 {
	margin-right: 3rem !important
}

.margin-bottom-3 {
	margin-bottom: 3rem !important
}

.margin-left-3 {
	margin-left: 3rem !important
}

.margin-horizontal-3 {
	margin-right: 3rem !important;
	margin-left: 3rem !important
}

.margin-vertical-3 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important
}

.padding-3 {
	padding: 3rem !important
}

.padding-top-3 {
	padding-top: 3rem !important
}

.padding-right-3 {
	padding-right: 3rem !important
}

.padding-bottom-3 {
	padding-bottom: 3rem !important
}

.padding-left-3 {
	padding-left: 3rem !important
}

.padding-horizontal-3 {
	padding-right: 3rem !important;
	padding-left: 3rem !important
}

.padding-vertical-3 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important
}

.slide-in-down.mui-enter {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.slide-in-down.mui-enter.mui-enter-active {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.slide-in-left.mui-enter {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.slide-in-left.mui-enter.mui-enter-active {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.slide-in-up.mui-enter {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.slide-in-up.mui-enter.mui-enter-active {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.slide-in-right.mui-enter {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.slide-in-right.mui-enter.mui-enter-active {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.slide-out-down.mui-leave {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.slide-out-down.mui-leave.mui-leave-active {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%)
}

.slide-out-right.mui-leave {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.slide-out-right.mui-leave.mui-leave-active {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}

.slide-out-up.mui-leave {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.slide-out-up.mui-leave.mui-leave-active {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}

.slide-out-left.mui-leave {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.slide-out-left.mui-leave.mui-leave-active {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}

.fade-in.mui-enter {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	opacity: 0;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.fade-in.mui-enter.mui-enter-active {
	opacity: 1
}

.fade-out.mui-leave {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	opacity: 1;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.fade-out.mui-leave.mui-leave-active {
	opacity: 0
}

.hinge-in-from-top.mui-enter {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: perspective(2000px) rotateX(-90deg);
	transform: perspective(2000px) rotateX(-90deg);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0
}

.hinge-in-from-top.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	opacity: 1
}

.hinge-in-from-right.mui-enter {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: perspective(2000px) rotateY(-90deg);
	transform: perspective(2000px) rotateY(-90deg);
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0
}

.hinge-in-from-right.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	opacity: 1
}

.hinge-in-from-bottom.mui-enter {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: perspective(2000px) rotateX(90deg);
	transform: perspective(2000px) rotateX(90deg);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	opacity: 1
}

.hinge-in-from-left.mui-enter {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: perspective(2000px) rotateY(90deg);
	transform: perspective(2000px) rotateY(90deg);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0
}

.hinge-in-from-left.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	opacity: 1
}

.hinge-in-from-middle-x.mui-enter {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: perspective(2000px) rotateX(-90deg);
	transform: perspective(2000px) rotateX(-90deg);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	opacity: 1
}

.hinge-in-from-middle-y.mui-enter {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: perspective(2000px) rotateY(-90deg);
	transform: perspective(2000px) rotateY(-90deg);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	opacity: 1
}

.hinge-out-from-top.mui-leave {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 1
}

.hinge-out-from-top.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateX(90deg);
	transform: perspective(2000px) rotateX(90deg);
	opacity: 0
}

.hinge-out-from-right.mui-leave {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 1
}

.hinge-out-from-right.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateY(90deg);
	transform: perspective(2000px) rotateY(90deg);
	opacity: 0
}

.hinge-out-from-bottom.mui-leave {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 1
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateX(-90deg);
	transform: perspective(2000px) rotateX(-90deg);
	opacity: 0
}

.hinge-out-from-left.mui-leave {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 1
}

.hinge-out-from-left.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateY(-90deg);
	transform: perspective(2000px) rotateY(-90deg);
	opacity: 0
}

.hinge-out-from-middle-x.mui-leave {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 1
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateX(90deg);
	transform: perspective(2000px) rotateX(90deg);
	opacity: 0
}

.hinge-out-from-middle-y.mui-leave {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 1
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateY(90deg);
	transform: perspective(2000px) rotateY(90deg);
	opacity: 0
}

.scale-in-up.mui-enter {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: scale(.5);
	-ms-transform: scale(.5);
	transform: scale(.5);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0
}

.scale-in-up.mui-enter.mui-enter-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.scale-in-down.mui-enter {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0
}

.scale-in-down.mui-enter.mui-enter-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.scale-out-up.mui-leave {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 1
}

.scale-out-up.mui-leave.mui-leave-active {
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	opacity: 0
}

.scale-out-down.mui-leave {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 1
}

.scale-out-down.mui-leave.mui-leave-active {
	-webkit-transform: scale(.5);
	-ms-transform: scale(.5);
	transform: scale(.5);
	opacity: 0
}

.spin-in.mui-enter {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: rotate(-.75turn);
	-ms-transform: rotate(-.75turn);
	transform: rotate(-.75turn);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0
}

.spin-in.mui-enter.mui-enter-active {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1
}

.spin-out.mui-leave {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 1
}

.spin-out.mui-leave.mui-leave-active {
	-webkit-transform: rotate(.75turn);
	-ms-transform: rotate(.75turn);
	transform: rotate(.75turn);
	opacity: 0
}

.spin-in-ccw.mui-enter {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: rotate(.75turn);
	-ms-transform: rotate(.75turn);
	transform: rotate(.75turn);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0
}

.spin-in-ccw.mui-enter.mui-enter-active {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1
}

.spin-out-ccw.mui-leave {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 1
}

.spin-out-ccw.mui-leave.mui-leave-active {
	-webkit-transform: rotate(-.75turn);
	-ms-transform: rotate(-.75turn);
	transform: rotate(-.75turn);
	opacity: 0
}

.slow {
	-webkit-transition-duration: 750ms !important;
	transition-duration: 750ms !important
}

.fast {
	-webkit-transition-duration: 250ms !important;
	transition-duration: 250ms !important
}

.linear {
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important
}

.ease {
	-webkit-transition-timing-function: ease !important;
	transition-timing-function: ease !important
}

.ease-in {
	-webkit-transition-timing-function: ease-in !important;
	transition-timing-function: ease-in !important
}

.ease-out {
	-webkit-transition-timing-function: ease-out !important;
	transition-timing-function: ease-out !important
}

.ease-in-out {
	-webkit-transition-timing-function: ease-in-out !important;
	transition-timing-function: ease-in-out !important
}

.bounce-in {
	-webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
	transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important
}

.bounce-out {
	-webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
	transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important
}

.bounce-in-out {
	-webkit-transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
	transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important
}

.short-delay {
	-webkit-transition-delay: 300ms !important;
	transition-delay: 300ms !important
}

.long-delay {
	-webkit-transition-delay: 700ms !important;
	transition-delay: 700ms !important
}

.shake {
	-webkit-animation-name: shake-7;
	animation-name: shake-7
}

@-webkit-keyframes shake-7 {

	0%,
	10%,
	20%,
	30%,
	40%,
	50%,
	60%,
	70%,
	80%,
	90% {
		-webkit-transform: translateX(7%);
		transform: translateX(7%)
	}

	5%,
	15%,
	25%,
	35%,
	45%,
	55%,
	65%,
	75%,
	85%,
	95% {
		-webkit-transform: translateX(-7%);
		transform: translateX(-7%)
	}
}

@keyframes shake-7 {

	0%,
	10%,
	20%,
	30%,
	40%,
	50%,
	60%,
	70%,
	80%,
	90% {
		-webkit-transform: translateX(7%);
		transform: translateX(7%)
	}

	5%,
	15%,
	25%,
	35%,
	45%,
	55%,
	65%,
	75%,
	85%,
	95% {
		-webkit-transform: translateX(-7%);
		transform: translateX(-7%)
	}
}

.spin-cw {
	-webkit-animation-name: spin-cw-1turn;
	animation-name: spin-cw-1turn
}

@-webkit-keyframes spin-cw-1turn {
	0% {
		-webkit-transform: rotate(-1turn);
		transform: rotate(-1turn)
	}

	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

@keyframes spin-cw-1turn {
	0% {
		-webkit-transform: rotate(-1turn);
		transform: rotate(-1turn)
	}

	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

.spin-ccw {
	-webkit-animation-name: spin-ccw-1turn;
	animation-name: spin-ccw-1turn
}

@-webkit-keyframes spin-ccw-1turn {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(-1turn);
		transform: rotate(-1turn)
	}
}

@keyframes spin-ccw-1turn {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(-1turn);
		transform: rotate(-1turn)
	}
}

.wiggle {
	-webkit-animation-name: wiggle-7deg;
	animation-name: wiggle-7deg
}

@keyframes wiggle-7deg {

	40%,
	50%,
	60% {
		-webkit-transform: rotate(7deg);
		transform: rotate(7deg)
	}

	35%,
	45%,
	55%,
	65% {
		-webkit-transform: rotate(-7deg);
		transform: rotate(-7deg)
	}

	0%,
	30%,
	70%,
	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms
}

.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.slow {
	-webkit-animation-duration: 750ms !important;
	animation-duration: 750ms !important
}

.fast {
	-webkit-animation-duration: 250ms !important;
	animation-duration: 250ms !important
}

.linear {
	-webkit-animation-timing-function: linear !important;
	animation-timing-function: linear !important
}

.ease {
	-webkit-animation-timing-function: ease !important;
	animation-timing-function: ease !important
}

.ease-in {
	-webkit-animation-timing-function: ease-in !important;
	animation-timing-function: ease-in !important
}

.ease-out {
	-webkit-animation-timing-function: ease-out !important;
	animation-timing-function: ease-out !important
}

.ease-in-out {
	-webkit-animation-timing-function: ease-in-out !important;
	animation-timing-function: ease-in-out !important
}

.bounce-in {
	-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
	animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important
}

.bounce-out {
	-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
	animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important
}

.bounce-in-out {
	-webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
	animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important
}

.short-delay {
	-webkit-animation-delay: 300ms !important;
	animation-delay: 300ms !important
}

.long-delay {
	-webkit-animation-delay: 700ms !important;
	animation-delay: 700ms !important
}

html {
	scroll-behavior: smooth
}

:target:before {
	content: "";
	display: block;
	height: 100px;
	margin: -100px 0 0
}

.akzent {
	color: var(--akzent)
}

.akzent-dunkel {
	color: var(--akzent-dunkel)
}

.bg-akzent {
	background-color: var(--akzent)
}

.bg-akzent p,
.bg-akzent li,
.bg-akzent dd,
.bg-akzent dt {
	color: white
}

.bg-akzent h1,
.bg-akzent h2,
.bg-akzent h3,
.bg-akzent h4,
.bg-akzent h5,
.bg-akzent h6 {
	color: var(--akzent-dunkel)
}

.bg-akzent a,
.bg-akzent .readon {
	color: var(--akzent-dunkel)
}

.bg-akzent a:hover,
.bg-akzent .readon:hover {
	color: white
}

.bg-akzent.subnav-liste .listen-wrapper {
	border-color: rgba(255, 255, 255, 0.7)
}

.bg-akzent.subnav-liste .listen-wrapper .fa-li {
	--fa-primary-color: var(--akzent-dunkel);
	--fa-secondary-color: var(--akzent-dunkel);
	--fa-primary-opacity: 1;
	--fa-secondary-opacity: .5
}

.bg-akzent .project-description h4 {
	color: white
}

.bg-akzent .project-description p {
	color: #31332F
}

.bg-akzent .project-head {
	color: #31332F
}

.bg-akzent .project-readon a.button {
	background-color: white
}

.bg-akzent .project-readon a.button:hover {
	background-color: var(--akzent-dunkel)
}

.bg-akzent-heller {
	background-color: #9bc448
}

.bg-akzent-heller p,
.bg-akzent-heller li,
.bg-akzent-heller dd,
.bg-akzent-heller dt {
	color: white
}

.bg-akzent-heller h1,
.bg-akzent-heller h2,
.bg-akzent-heller h3,
.bg-akzent-heller h4,
.bg-akzent-heller h5,
.bg-akzent-heller h6 {
	color: var(--akzent-dunkel)
}

.bg-akzent-heller a,
.bg-akzent-heller .readon {
	color: var(--akzent-dunkel)
}

.bg-akzent-heller a:hover,
.bg-akzent-heller .readon:hover {
	color: white
}

.bg-akzent-dunkel {
	background-color: var(--akzent-dunkel)
}

.bg-akzent-dunkel p,
.bg-akzent-dunkel li,
.bg-akzent-dunkel dd,
.bg-akzent-dunkel dt {
	color: white
}

.bg-akzent-dunkel h1,
.bg-akzent-dunkel h2,
.bg-akzent-dunkel h3,
.bg-akzent-dunkel h4,
.bg-akzent-dunkel h5,
.bg-akzent-dunkel h6 {
	color: var(--akzent)
}

.bg-akzent-dunkel a,
.bg-akzent-dunkel .readon {
	color: var(--akzent)
}

.bg-akzent-dunkel a:hover,
.bg-akzent-dunkel .readon:hover {
	color: white
}

.bg-akzent-dunkel .fad {
	--fa-primary-color: var(--akzent);
	--fa-secondary-color: var(--akzent);
	--fa-primary-opacity: .5;
	--fa-secondary-opacity: 1
}

.bg-akzent-dunkel .project-description h4 {
	color: white
}

.bg-akzent-dunkel .project-readon a.button {
	background-color: var(--akzent);
	color: #31332F
}

.bg-akzent-dunkel .project-readon a.button:hover {
	background-color: white
}

.box.bg-hellgrau a p {
	color: #31332F
}

.box.bg-hellgrau a p:hover {
	color: #31332F
}

main b,
main strong {
	font-weight: 600
}

.bigicon-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	content-align: center
}

.bigicon {
	margin: 1rem auto;
	-webkit-transition: -webkit-transform .2s ease;
	transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease
}

a .bigicon:hover {
	margin: 1rem auto;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.bigicon i {
	margin: 0
}

jB main p,
h1,
h2,
h3,
h4,
h5,
h6,
li,
strong,
b,
em,
dd,
dt,
td {
	-webkit-font-feature-settings: "hlig"on, "ss03"on, "ss04"on, "ss11"on, "onum"on, "liga"on, "calt"on;
	font-feature-settings: "hlig"on, "ss03"on, "ss04"on, "ss11"on, "onum"on, "liga"on, "calt"on
}

.bg-spende {
	background-color: var(--spende);
	--fa-primary-color: var(--white);
	--fa-secondary-color: var(--white);
	--fa-primary-opacity: .5;
	--fa-secondary-opacity: 1
}

.bg-spende p,
.bg-spende li,
.bg-spende dd,
.bg-spende dt {
	color: #31332F
}

.bg-spende h1,
.bg-spende h2,
.bg-spende h3,
.bg-spende h4,
.bg-spende h5,
.bg-spende h6,
.bg-spende .project-description,
.bg-spende .project-head {
	color: white
}

.bg-spende a,
.bg-spende .readon {
	color: white;
	opacity: 1
}

.bg-spende a:hover,
.bg-spende .readon:hover {
	color: white;
	opacity: 1
}

.bg-spende a.button {
	background-color: white;
	color: var(--spende)
}

.bg-spende a.button:hover {
	background-color: #ffc88c;
	color: #31332F
}

.bg-hellgrau {
	background-color: var(--hellgrau)
}

.bg-hellgrau h1,
.bg-hellgrau h2,
.bg-hellgrau h3,
.bg-hellgrau h4,
.bg-hellgrau h5,
.bg-hellgrau h6 {
	color: var(--akzent-dunkel)
}

.bg-hellgrau a,
.bg-hellgrau .readon {
	color: var(--akzent-dunkel)
}

.bg-hellgrau a:hover,
.bg-hellgrau .readon:hover {
	color: var(--akzent)
}

.bg-hellgrau .project-head {
	color: var(--akzent-dunkel)
}

.bg-hellgrau .project-description h4 {
	color: #585960
}

.bg-hellgrau .project-readon a.button {
	background-color: var(--akzent);
	color: var(--akzent-dunkel)
}

.bg-hellgrau .project-readon a.button:hover {
	background-color: var(--akzent-dunkel);
	color: white
}

.bg-dunkelgrau {
	background-color: var(--dunkelgrau)
}

.bg-dunkelgrau p,
.bg-dunkelgrau li,
.bg-dunkelgrau dd,
.bg-dunkelgrau dt {
	color: var(--hellgrau)
}

.bg-dunkelgrau h1,
.bg-dunkelgrau h2,
.bg-dunkelgrau h3,
.bg-dunkelgrau h4,
.bg-dunkelgrau h5,
.bg-dunkelgrau h6 {
	color: var(--akzent)
}

.bg-mittelgrau {
	background-color: var(--mittelgrau)
}

.bg-mittelgrau p,
.bg-mittelgrau li,
.bg-mittelgrau dd,
.bg-mittelgrau dt {
	color: white
}

.bg-mittelgrau h1,
.bg-mittelgrau h2,
.bg-mittelgrau h3,
.bg-mittelgrau h4,
.bg-mittelgrau h5,
.bg-mittelgrau h6 {
	color: var(--akzent-dunkel)
}

hr {
	border-width: 2px;
	border-color: var(--akzent)
}

.kasten {
	padding: 1.5rem
}

.wichtigerhinweis > * {
	color: var(--rot);
}

blockquote {
	font-style: italic;
	font-size: 1.1em;
	line-height: 1.7em;
	padding-left: 0;
	border: none;
	margin-right: 3rem
}

blockquote cite {
	margin-top: 0.5em;
	text-align: right;
	font-size: 1em;
	font-style: normal;
	font-weight: 600
}

.subnav-liste.horizontal .subnav {
	margin-left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	margin-left: 0
}

.subnav-liste.horizontal .subnav li {
	list-style: none;
	font-size: .85em;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin: .5rem 1rem .5rem 0;
	background: var(--akzent);
	-webkit-transition: background .25s ease;
	transition: background .25s ease
}

.subnav-liste.horizontal .subnav li .fa-li {
	--fa-primary-color: var(--black);
	--fa-secondary-color: var(--white);
	--fa-primary-opacity: 0.35;
	--fa-secondary-opacity: 1
}

.subnav-liste.horizontal .subnav li.active {
	background: var(--spende)
}

.subnav-liste.horizontal .subnav li:hover {
	background: var(--akzent-dunkel)
}

.subnav-liste.horizontal .subnav li:hover .fa-li {
	--fa-primary-color: var(--akzent);
	--fa-secondary-color: var(--white);
	--fa-primary-opacity: .75;
	--fa-secondary-opacity: 1
}

.subnav-liste.horizontal .subnav li a {
	padding: 0.6em 1.1em 0.6em 2.4em;
	color: white;
	display: inline-block
}

.subnav-liste.horizontal .subnav li span.fa-li {
	left: 0.3em;
	margin: 0 !important;
	padding: 0
}

.subnav-liste.vertikal {
	margin-bottom: 1rem
}

.subnav-liste.vertikal h5 {
	margin-bottom: .5em;
	margin-top: 0;
	font-weight: 600
}

.subnav-liste.vertikal .listen-wrapper {
	padding: 1em 0 0.5em 0;
	border-top: 2px solid var(--akzent);
	border-bottom: 2px solid var(--akzent)
}

.subnav-liste.vertikal.kasten .listen-wrapper {
	padding: 1em 0 0.5em 0;
	border-top: none;
	border-bottom: none
}

.subnav-liste.vertikal ul {
	margin-bottom: 0;
	margin-left: 1.5em
}

.subnav-liste.vertikal ul li {
	margin-bottom: .5em;
	text-transform: uppercase;
	letter-spacing: .025em;
	margin-bottom: .75em;
	font-size: .85rem
}

.subnav-liste.vertikal ul li a {
	display: inline-block;
	margin-left: .5rem
}

.bg-akzent .subnav-liste.vertikal .listen-wrapper {
	border-color: white
}

.bg-akzent .subnav-liste.vertikal i {
	--fa-primary-color: var(--akzent-dunkel);
	--fa-secondary-color: var(--akzent-dunkel);
	--fa-primary-opacity: 1;
	--fa-secondary-opacity: .5
}

label {
	color: #585960;
	font-size: 1em
}

.accordion-title {
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: .05em
}

.accordion-title:hover,
.accordion-title:focus {
	background-color: var(--hellgrau)
}

.off-canvas ul ul {
	background: red;
	margin-left: 0
}

.off-canvas ul.menu {
	margin-top: 0
}

.off-canvas ul.menu a {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	word-spacing: .15em;
	font-size: .85em;
	padding: 0.6em 0.5em .6em 1em;
	color: white;
	line-height: 1.5em
}

.off-canvas ul.menu .active>a {
	background-color: var(--akzent-dunkel);
	color: white
}

.off-canvas .drilldown a,
.off-canvas .drilldown .is-drilldown-submenu {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: var(--akzent);
	-webkit-transition: color .25s ease;
	transition: color .25s ease
}

.off-canvas .drilldown a:hover,
.off-canvas .drilldown .is-drilldown-submenu:hover {
	color: var(--akzent-dunkel);
	-webkit-transition: color .15s ease;
	transition: color .15s ease
}

.drilldown .is-drilldown-submenu-parent>a::after {
	border-left-color: var(--akzent-dunkel)
}

.reveal {
	padding: 2rem 1rem
}

main p,
.reveal-overlay p {
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}

main .disclaimer p,
.reveal-overlay .disclaimer p {
	font-size: .85em;
	line-height: 1.5em;
	color: dunkelgrau
}

main h2,
.reveal-overlay h2 {
	width: 100%;
	color: var(--akzent-dunkel);
	text-transform: uppercase;
	font-size: 1.4rem;
	letter-spacing: 0.025em;
	border-bottom: 2px solid var(--akzent);
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	line-height: 1.4em;
	padding-bottom: 0.6em;
	font-weight: 400
}

main h3,
.reveal-overlay h3 {
	color: #585960;
	font-weight: 600;
	font-size: 1.5rem;
	margin-top: 1em;
	margin-bottom: 0.6em;
	line-height: 1.3em
}

main h4,
.reveal-overlay h4 {
	font-style: italic;
	font-weight: 400;
	font-size: 1.4rem;
	color: #585960;
	margin-top: 1em;
	margin-bottom: .5em
}

main h4:first-child,
.reveal-overlay h4:first-child {
	margin-top: 0
}

main h5,
.reveal-overlay h5 {
	color: #585960;
	font-size: 1rem;
	margin-top: .5em;
	margin-bottom: 0;
	font-weight: 700
}

.error {
	color: #A51516
}

.error input {
	border-color: #A51516
}

.kontaktformular {
	background-color: var(--hellgrau);
	padding: 2rem
}

.kontaktformular .pflicht {
	color: #A51516
}

.kontaktformular .pflichtfeld input,
.kontaktformular .pflichtfeld select {
	border-color: var(--akzent-dunkel)
}

.kontaktformular .pflichtfeld.errorfeld input,
.kontaktformular .pflichtfeld.errorfeld select {
	border-color: #A51516
}

.kontaktformular form label {
	text-transform: uppercase;
	color: #585960;
	font-size: .8rem;
	font-weight: 600
}

.formgrid {
	display: grid;
	grid-template-columns: auto 1fr;
	-webkit-column-gap: 1em;
	column-gap: 1em;
	grid-template-areas: "label input"
}

.formgrid label {
	place-self: start start;
	grid-area: label
}

.formgrid .forminput {
	place-self: start start;
	grid-area: input
}

input[type="radio"]+span {
	margin-right: 1rem
}

.schatten {
	-webkit-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
	box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25)
}

.bigtext {
	font-size: 1.15em
}

.bigtextkasten {
	margin-bottom: 1rem;
	margin-right: 0em;
	border-left: 0.5em solid var(--akzent);
	padding: 1rem 1.5rem;
	background-color: var(--hellgrau)
}

.bigtextkasten p:last-of-type {
	margin-bottom: 0
}

.BigIcon-Container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.BigIcon-Container .BigIcon {
	color: var(--akzent);
	margin: 0.5em 0em 1em 0em;
	-webkit-transform: scale(0.75);
	-ms-transform: scale(0.75);
	transform: scale(0.75)
}

.karte-container {
	margin: 0 auto;
	width: 100%;
	padding-bottom: 135%;
	position: relative
}

.karte-container svg {
	position: absolute;
	top: 0;
	left: 0
}

.karte-container .karte-dot {
	position: absolute;
	width: .3em;
	height: .3em;
	background-color: #FD281B;
	border-radius: 50% 50%;
	-webkit-box-shadow: 0 0.15em 0.15em rgba(0, 0, 0, 0.25);
	box-shadow: 0 0.15em 0.15em rgba(0, 0, 0, 0.25)
}

.Map-link,
.Map-area {
	-webkit-transition: fill .75s ease;
	transition: fill .75s ease
}

.Map-link:focus {
	outline: 0
}

.Map-link:focus .Map-area,
.Map-link:hover .Map-area,
.Map-link:active .Map-area {
	fill: var(--akzent-dunkel);
	-webkit-transition: fill .25s ease;
	transition: fill .25s ease
}

.Map-area {
	fill: var(--akzent);
	fill-opacity: 1;
	stroke: white;
	stroke-opacity: 1;
	stroke-width: 1
}

.karte {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10em;
	flex: 0 0 10em
}

.kartebig {
	width: 100%;
	padding-bottom: 100%;
	position: relative
}

.landbig {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: var(--hellgrau);
	background-size: contain;
	border: 1em solid var(--hellgrau)
}

.landbig .punktebig {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.landbig .punktebig .punktbig {
	position: absolute;
	width: 4%;
	height: 4%;
	background-color: #FD281B;
	border-radius: 50% 50%;
	-webkit-box-shadow: 0 0.15em 0.25em rgba(0, 0, 0, 0.5);
	box-shadow: 0 0.15em 0.25em rgba(0, 0, 0, 0.5)
}

.landbig .punktebig a .punktbig {
	-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease
}

.landbig .punktebig a:hover .punktbig {
	-webkit-transition: -webkit-transform .1s ease;
	transition: -webkit-transform .1s ease;
	transition: transform .1s ease;
	transition: transform .1s ease, -webkit-transform .1s ease;
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2)
}

.land {
	position: relative;
	width: 12em;
	height: 12em;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: var(--hellgrau);
	background-size: contain;
	border: 1em solid var(--hellgrau)
}

.land .punkt {
	position: absolute;
	width: 4%;
	height: 4%;
	background-color: #FD281B;
	border-radius: 50% 50%;
	-webkit-box-shadow: 0 0.15em 0.25em rgba(0, 0, 0, 0.5);
	box-shadow: 0 0.15em 0.25em rgba(0, 0, 0, 0.5)
}

.infoblock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: var(--hellgrau);
	padding: 1.5rem 1rem;
	margin-bottom: 2rem
}

.infoblock .info {
	margin-left: 1em;
	font-size: .9em
}

.infoblock .info h4 {
	font-style: normal;
	font-weight: 600;
	font-size: 1.4em;
	line-height: 1.25em;
	margin-bottom: 0.7em;
	color: #585960
}

.infoblock .info p {
	font-size: 1.075em;
	margin-bottom: 0
}

.navbar-container {
	z-index: 10;
	background-color: var(--akzent);
	padding-bottom: .5em
}

header {
	padding-bottom: 0.4rem;
	background-color: white;
	-webkit-transition: -webkit-box-shadow .5s ease, -webkit-transform .5s ease;
	transition: -webkit-box-shadow .5s ease, -webkit-transform .5s ease;
	transition: box-shadow .5s ease, transform .5s ease;
	transition: box-shadow .5s ease, transform .5s ease, -webkit-box-shadow .5s ease, -webkit-transform .5s ease;
	-webkit-box-shadow: 0 2em 4em -2em rgba(0, 0, 0, 0);
	box-shadow: 0 2em 4em -2em rgba(0, 0, 0, 0)
}

.scrolled header {
	-webkit-box-shadow: 0 2em 4em -2em rgba(0, 0, 0, 0.5);
	box-shadow: 0 2em 4em -2em rgba(0, 0, 0, 0.5);
	-webkit-transform: translate(0, -2.25rem);
	-ms-transform: translate(0, -2.25rem);
	transform: translate(0, -2.25rem)
}

.dropdown-hamburger {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.dropdown-hamburger span,
.dropdown-hamburger i {
	color: var(--akzent-dunkel);
	margin-bottom: .5rem;
	font-size: 1.8rem
}

.dropdown-hamburger span {
	padding-right: 1rem;
	font-size: 1.3rem;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .05rem
}

.dropdown {
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: .9rem;
	font-weight: 600
}

.dropdown .dropdown.menu>li.is-active>a {
	color: #31332F
}

.dropdown .menu .is-active>a {
	background-color: transparent
}

.dropdown ul {
	-webkit-box-shadow: -0.5rem 0.5rem 1rem -0.5rem rgba(0, 0, 0, 0.25);
	box-shadow: -0.5rem 0.5rem 1rem -0.5rem rgba(0, 0, 0, 0.25)
}

.dropdown ul.first-sub {
	margin-top: 0.55rem
}

.dropdown ul.first-sub a {
	padding: .5rem;
	color: var(--akzent-dunkel);
	color: white;
	line-height: 1.5em;
	-webkit-transition: color .25s ease, background .25s ease;
	transition: color .25s ease, background .25s ease
}

.dropdown ul.first-sub a:hover {
	background-color: var(--akzent-dunkel);
	color: white
}

.dropdown .dropdown a {
	background-color: transparent
}

.dropdown li {
	padding: 0;
	text-align: right
}

.dropdown li.is-active>a {
	color: #31332F
}

.alternativ .dropdown {
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: .8rem;
	font-weight: 600
}

.alternativ .dropdown>li>a:hover,
.alternativ .dropdown>li.active>a:hover {
	background-color: var(--akzent);
	color: white
}

.alternativ .dropdown .dropdown.menu>li.is-active>a {
	color: #31332F
}

.alternativ .dropdown.menu>li>a {
	padding: 1.25em 1em
}

.alternativ .dropdown.menu .active>a {
	background-color: transparent;
	color: var(--akzent-dunkel)
}

.alternativ .dropdown .menu .is-active>a {
	background-color: transparent
}

.alternativ .dropdown ul {
	-webkit-box-shadow: -0.5rem 0.5rem 1rem -0.5rem rgba(0, 0, 0, 0.25);
	box-shadow: -0.5rem 0.5rem 1rem -0.5rem rgba(0, 0, 0, 0.25)
}

.alternativ .dropdown ul.first-sub {
	margin-top: 0.55rem
}

.alternativ .dropdown ul.first-sub a {
	padding: .5rem;
	color: var(--akzent-dunkel);
	color: white;
	line-height: 2em;
	-webkit-transition: color .25s ease, background .25s ease;
	transition: color .25s ease, background .25s ease
}

.alternativ .dropdown ul.first-sub a:hover {
	background-color: var(--akzent-dunkel);
	color: white
}

.alternativ .dropdown .dropdown a {
	background-color: transparent
}

.alternativ .dropdown li {
	padding: 0;
	text-align: right
}

.alternativ .dropdown li.is-active>a {
	color: #31332F
}

.filtersymbol input[type=radio]:not(old) {
	margin: 0;
	padding: 0;
	opacity: 0;
	width: 0;
	height: 0
}

.termine p {
	margin-bottom: .5em
}

.termine .filterliste {
	display: grid;
	grid-column-gap: 1.5rem;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
}

.termine .farblegende-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 1em
}

.termine .farblegende-container>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.termine .farblegende-container>div>div {
	margin-bottom: .5rem
}

.termine .farblegende-container .legendentext {
	display: inline-block;
	padding-right: 2em
}

.termine .farblegende-container .farbe {
	display: inline-block;
	height: 1em;
	width: 1.5em;
	margin-right: 0.25em
}

.termine .farblegende-container .farbe.gelb {
	background-color: var(--boberg)
}

.termine .farblegende-container .farbe.blau {
	background-color: oklch(68.69% 0.1416 250.5);
}

.termine .farblegende-container .farbe.gruen {
	background-color: var(--akzent)
}

.termine .farblegende-container .farbe.lila {
	background-color: var(--fischbek)
}

.termine .termin-item {
	display: grid;
	grid-template-columns: 3rem 6fr 3rem 3fr;
	grid-template-areas: "Wochentag Datum Datum Datum""Titel Titel Titel Titel""Zielgruppe Bezirk Bezirk Bezirk""Link Link Link Link ";
	grid-column-gap: 1rem;
	grid-row-gap: .5rem;
	margin: 0 0 0 -1rem;
	padding: 1.5rem 0 1.5rem 1rem;
	border-top: 1px dashed var(--mittelgrau);
	border-left: 1rem solid var(--mittelgrau)
}

.termine .termin-item>div:nth-of-type(1) {
	grid-area: Wochentag
}

.termine .termin-item>div:nth-of-type(2) {
	grid-area: Datum
}

.termine .termin-item>div:nth-of-type(3) {
	grid-area: Titel
}

.termine .termin-item>div:nth-of-type(4) {
	grid-area: Zielgruppe
}

.termine .termin-item>div:nth-of-type(5) {
	grid-area: Bezirk
}

.termine .termin-item>div:nth-of-type(6) {
	grid-area: Link
}

.termine .termin-item--header {
	grid-template-columns: 3rem 7fr 5rem;
	background-color: var(--hellgrau);
	grid-template-areas: "Wochentag Wochentag Link""Titel Titel Titel""Zielgruppe Zielgruppe Zielgruppe";
	padding: 1rem 0 1rem 1rem;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: .85em
}

.termine .termin-item--header>div:nth-of-type(1) {
	grid-area: Wochentag
}

.termine .termin-item--header>div:nth-of-type(2) {
	grid-area: Titel
}

.termine .termin-item--header>div:nth-of-type(3) {
	grid-area: Zielgruppe
}

.termine .termin-item--header>div:nth-of-type(4) {
	grid-area: Link
}

.termine .termin-item.Zeilenfarbe-gruen {
	border-left-color: var(--akzent)
}

.termine .termin-item.Zeilenfarbe-blau {
	border-left-color: oklch(68.69% 0.1416 250.5);
}

.termine .termin-item.Zeilenfarbe-gelb {
	border-left-color: var(--boberg)
}

.termine .termin-item.Zeilenfarbe-lila {
	border-left-color: var(--fischbek)
}

.termine .termin-item:last-of-type {
	border-bottom: 1px dashed var(--mittelgrau)
}

.termine .termin-item .titel strong {
	text-transform: uppercase;
	font-size: 0.85em;
	letter-spacing: .025em
}

.termine .button-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 3em;
	border-radius: .25em;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.termine .button-container--wochentag {
	background-color: var(--hellgrau)
}

.termine .button-container--wochentag .wochentag {
	color: #666666;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	font-size: 1em
}

.termine .button-container--link {
	background-color: var(--akzent);
	color: var(--akzent-dunkel);
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: .8em;
	-webkit-transition: background-color .5s ease, color .5s ease;
	transition: background-color .5s ease, color .5s ease
}

.termine .button-container--link .far {
	color: white
}

.termine .button-container--link:hover {
	background-color: var(--akzent-dunkel);
	color: white
}

main ul.fa-ul {
	margin-top: 1em
}

main ul.fa-ul li {
	margin-bottom: .5em;
	margin-left: -.5em;
	padding-left: .5em
}

.sitemap ul ul {
	margin-left: 1rem !important
}

.menu span.menutitle {
	color: var(--akzent-dunkel)
}

.Nachbarn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: no-wrap;
	flex-wrap: no-wrap;
	margin: 0 1.5rem 1.5rem 1.5rem;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.Nachbarn a {
	opacity: 0.5;
	margin-left: .5em
}

.Nachbarn a:hover {
	color: white;
	opacity: 1
}

.hell .Nachbarn {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.hell .Nachbarn a {
	opacity: 1;
	color: var(--akzent-dunkel)
}

.hell .Nachbarn a:hover {
	color: var(--akzent)
}

.folge {
	background-color: var(--akzent)
}

.folge .grid-container {
	padding: 0
}

.folge--titel {
	background-color: var(--akzent);
	padding: 1rem 1rem 0 1rem;
	text-wrap: balance;
}

.folge--image {
	height: 15rem;
	background-position: center center;
	background-size: cover
}

.folge h1 {
	margin-top: 0.5em;
	font-size: 1.3rem;
	color: white;
	text-transform: uppercase;
	letter-spacing: .075em
}

.folge p.folge--untertitel {
	font-style: italic;
	font-weight: 400;
	color: #31332F;
	margin-bottom: 0;
	margin-bottom: 1rem;
	text-wrap: balance;

}

.folge p.folge--kategorie {
	font-style: normal;
	color: #31332F;
	margin-bottom: 0
}

.folge p.folge--datum {
	font-style: italic;
	color: #646860;
	font-size: .85em;
	margin-bottom: 0
}

.folge-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 1em;
	margin-bottom: 1em;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-right: 1rem;
	font-size: 0.8em
}

.folge-nav div {
	margin-left: 1em
}

.folge-nav div a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 2.5em;
	height: 2.5em;
	border-radius: 1.5em;
	-webkit-box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.3);
	box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.3);
	-webkit-transition: -webkit-transform .25s ease;
	transition: -webkit-transform .25s ease;
	transition: transform .25s ease;
	transition: transform .25s ease, -webkit-transform .25s ease
}

.folge-nav div a:hover {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

ul#breadcrumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	text-transform: uppercase;
	font-size: .85em;
	margin-left: 0;
	margin-top: 1em
}

ul#breadcrumb li {
	margin-right: .25rem
}

ul#breadcrumb li a {
	color: var(--akzent-dunkel)
}

ul#breadcrumb li a:hover {
	color: var(--akzent)
}

ul#breadcrumb li+li:before {
	display: inline-block;
	content: ' ';
	background: url("../img/chevron-right-grey.svg");
	background-size: 0.7em 0.7em;
	height: 0.7em;
	width: 0.7em;
	margin: 0 .25rem
}

main {
	margin: 0 auto;
	background: white
}

main a {
	color: #70912f
}

main a:hover {
	color: var(--akzent-dunkel)
}

main .Richtext-Block a::before {
	display: inline-block;
	content: ' ';
	background: url("../img/caret-right-akzent.svg");
	background-size: 0.7em 0.7em;
	height: 0.7em;
	width: 0.7em;
	margin: 0 .15rem
}

main .Richtext-Block a.clean::before {
	content: none;
	font-family: inherit
}

a.button,
button {
	text-transform: uppercase;
	letter-spacing: 0.075em;
	font-weight: 400;
	font-size: 0.85em;
	padding: 1em 2em;
	line-height: 1.5em;
	-webkit-transition: color .25s ease-out, background-color .25s ease-out;
	transition: color .25s ease-out, background-color .25s ease-out
}

a.button i,
button i {
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5)
}

a.button.akzent,
button.akzent {
	background-color: var(--akzent);
	color: var(--akzent-dunkel)
}

a.button.akzent i,
button.akzent i {
	color: white
}

a.button.akzent:hover,
button.akzent:hover {
	background-color: var(--akzent-dunkel);
	color: white
}

a.button.akzent-dunkel,
button.akzent-dunkel {
	background-color: var(--akzent-dunkel);
	color: white
}

a.button.akzent-dunkel:hover,
button.akzent-dunkel:hover {
	background-color: var(--akzent)
}

a.button.weiss-akzent,
button.weiss-akzent {
	background-color: white;
	color: var(--akzent);
	font-weight: 400
}

a.button.weiss-akzent:hover,
button.weiss-akzent:hover {
	background-color: #d9d9d9;
	color: var(--akzent)
}

a.button.weiss-akzent-dunkel,
button.weiss-akzent-dunkel {
	background-color: white;
	color: var(--akzent-dunkel);
	font-weight: 400
}

a.button.weiss-akzent-dunkel:hover,
button.weiss-akzent-dunkel:hover {
	background-color: #d9d9d9;
	color: var(--akzent-dunkel)
}

a.button.transparent,
button.transparent {
	background-color: transparent;
	color: var(--akzent-dunkel);
	font-weight: 400;
	-webkit-box-shadow: 0px 0px 0px 2px var(--akzent) inset;
	box-shadow: 0px 0px 0px 2px var(--akzent) inset
}

a.button.transparent:hover,
button.transparent:hover {
	background-color: var(--akzent);
	color: white
}

a.button.spende,
button.spende {
	background-color: var(--spende);
	color: white;
	font-weight: 400
}

a.button.spende:hover,
button.spende:hover {
	background-color: var(--akzent)
}

/*Unveröffentlicht*/
.pub-0 {
	&.status-fertig {
		background: repeating-linear-gradient(-45deg, oklch(74.956% 0.1601 125.833 / 0.1) 0%, oklch(74.956% 0.1601 125.833 / 0.1) 2em, oklch(74.956% 0.1601 125.833 / 0.2) 2em, oklch(74.956% 0.1601 125.833 / 0.2) 4em)
	}
	&.status-inarbeit {
		background: repeating-linear-gradient(-45deg, oklch(55.224% 0.16311 24.16 / 0.1) 0%, oklch(55.224% 0.16311 24.16 / 0.1) 2em, oklch(55.224% 0.16311 24.16 / 0.2) 2em, oklch(55.224% 0.16311 24.16 / 0.2) 4em)
	}
}
/*Veröffentlicht*/
.pub-1 {
	&.status-fertig {
		background: oklch(74.956% 0.1601 125.833 / 0.2);
	}
	&.status-inarbeit {
		background: oklch(55.224% 0.16311 24.16 / 0.2);
	}
}


.vert-abstand {
	height: 1em
}

.vert-abstand.doppelt {
	height: 2em
}

.vert-abstand.vierfach {
	height: 4em
}

figure.bild-mit-zoom,
figure.bild-mit-link {
	margin-top: .2rem
}

figure.bild-mit-zoom figcaption,
figure.bild-mit-link figcaption {
	background-color: var(--hellgrau);
	padding: .75em 1em;
	color: var(--dunkelgrau);
	font-weight: 400;
	margin-bottom: 2rem
}

figure.bild-mit-zoom figcaption .copyright,
figure.bild-mit-link figcaption .copyright {
	font-weight: 400;
	font-size: .8em;
	font-style: italic;
	color: var(--mittelgrau)
}

.download-liste {
	margin-top: 1em
}

.download-liste .download-item {
	margin-bottom: 1em
}

.download-liste .download-item img {
	margin-bottom: .5rem
}

.covertext-grid {
	margin: 0 auto;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 1.5rem
}

.covertext-grid .covertext {
	background-color: var(--akzent);
	padding: 1rem
}

.covertext-grid .covertext h1 {
	font-size: 1.6rem;
	text-transform: uppercase;
	letter-spacing: .075em;
	color: var(--akzent-dunkel)
}

.covertext-grid .covertext p {
	font-style: italic;
	color: white;
	text-shadow: 0em 0.1em 0.3em rgba(0, 0, 0, 0.1)
}

.covertext-grid .covertext a {
	color: var(--akzent-dunkel)
}

.slick-wrapper {
	margin-bottom: 1rem
}

.slick-item .slick-background {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 20rem;
	width: 100%;
	background-position: center center;
	background-size: cover
}

.slick-item .slick-covertext-grid {
	width: 100%
}

.slick-item .slick-covertext-grid .slick-covertext {
	background-color: var(--akzent);
	position: relative;
	padding: 1rem
}

.slick-item .slick-covertext-grid .slick-covertext h1 {
	font-size: 1.4rem;
	text-transform: uppercase;
	letter-spacing: .075em;
	color: var(--akzent-dunkel);
	position: relative
}

.slick-item .slick-covertext-grid .slick-covertext p {
	position: relative;
	font-style: italic;
	color: rgba(255, 255, 255, 0.9);
	text-shadow: 0em 0.1em 0.3em rgba(0, 0, 0, 0.1);
	margin-bottom: 0;
	line-height: 1.5em;
	font-size: 1rem
}

.slick-item .slick-covertext-grid .slick-covertext a {
	position: relative;
	color: var(--akzent-dunkel)
}

.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	-webkit-transform-origin: 50% 250% 0;
	-ms-transform-origin: 50% 250% 0;
	transform-origin: 50% 250% 0;
	-webkit-transition: -webkit-transform .25s ease;
	transition: -webkit-transform .25s ease;
	transition: transform .25s ease;
	transition: transform .25s ease, -webkit-transform .25s ease
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent
}

.slick-prev:hover,
.slick-next:hover {
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5)
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25
}

.slick-prev:before,
.slick-next:before {
	font-size: 3rem;
	line-height: 1;
	font-weight: 600;
	opacity: .75;
	color: white;
	display: inline-block
}

.slick-prev {
	left: 25px;
	z-index: 10
}

.slick-prev:before {
	content: '\00AB'
}

.slick-next {
	right: 25px
}

.slick-next:before {
	content: '\00BB'
}

.layout--polster-oben {
	padding-top: 2rem
}

.layout--polster-unten {
	padding-bottom: 2rem
}

.layout--abstand-oben {
	margin-top: 2rem
}

.layout--abstand-unten {
	margin-bottom: 2rem
}

figure.layout-abstand-unten {
	margin-bottom: 1.5rem
}

.farbblock--akzent {
	background: var(--akzent);
	color: white
}

.farbblock--akzent-dunkel {
	background: var(--akzent-dunkel);
	color: white
}

.farbblock--spende {
	background: var(--spende);
	color: white
}

.farbblock--hellgrau {
	background: var(--hellgrau);
	color: #585960
}

.farbblock--mittelgrau {
	background: var(--mittelgrau);
	color: #31332F
}

.farbblock--dunkelgrau {
	background: var(--dunkelgrau);
	color: white
}

footer {
	background-color: var(--dunkelgrau)
}

footer h4 {
	border-bottom: 2px solid var(--mittelgrau);
	color: var(--mittelgrau);
	font-size: 1.3em;
	padding-bottom: .25em;
	font-style: normal;
	font-weight: 400
}

footer p,
footer li {
	color: var(--mittelgrau);
	font-size: .9em
}

footer ul.fa-ul {
	margin-bottom: 0;
	margin-left: 1.75em
}

footer ul.fa-ul .fa-li {
	color: var(--akzent);
	--fa-primary-color: var(--akzent);
	--fa-secondary-color: var(--akzent);
	--fa-primary-opacity: .5;
	--fa-secondary-opacity: 1
}

footer ul.fa-ul li {
	margin-bottom: .5em
}

footer ul.fa-ul li a {
	color: var(--akzent)
}

footer ul.fa-ul li a:hover {
	color: white
}

.footer-logo {
	width: 100%;
	background-image: url("../img/Logo-Baum-Text-Footer.svg");
	background-repeat: no-repeat;
	background-size: auto 3.5rem;
	height: 3.5rem
}

/* Advsearch */

/*.suche {
	z-index: 100;
	-webkit-transition: opacity .5s ease, -webkit-transform 0s linear;
	transition: opacity .5s ease, -webkit-transform 0s linear;
	transition: opacity .5s ease, transform 0s linear;
	transition: opacity .5s ease, transform 0s linear, -webkit-transform 0s linear;
	opacity: 1
}

.scrolled .suche {
	-webkit-transition: opacity .5s ease, -webkit-transform 0s linear .5s;
	transition: opacity .5s ease, -webkit-transform 0s linear .5s;
	transition: opacity .5s ease, transform 0s linear .5s;
	transition: opacity .5s ease, transform 0s linear .5s, -webkit-transform 0s linear .5s;
	opacity: 0;
	-webkit-transform: translate(0rem, -5rem);
	-ms-transform: translate(0rem, -5rem);
	transform: translate(0rem, -5rem)
}

.suche form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 2.5rem
}

.suche form input {
	margin: 0;
	padding: 0 1rem;
	height: 2rem
}

.suche form #searchField {
	background-image: url("../img/Lupe.svg");
	background-size: 1rem 1rem;
	background-position: 1rem 50%;
	background-repeat: no-repeat;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 2px solid var(--akzent);
	outline: none;
	border-radius: 1rem;
	padding-left: 2.5rem;
	color: var(--dunkelgrau);
	font-size: .8rem;
	font-weight: 600;
	line-height: 2rem;
	text-transform: uppercase;
	letter-spacing: .05rem;
	-webkit-transition: width 0.5s ease;
	transition: width 0.5s ease;
	width: 10rem
}

.suche form #searchField:focus {
	width: 20rem
}

.simplesearch-highlight {
	background-color: #F6EC9B
}

.simplesearch-results {
	font-weight: 600
}

.simplesearch-paging {
	margin-bottom: 2em
}

.suche {
	z-index: 100;
	-webkit-transition: opacity .5s ease, -webkit-transform 0s linear;
	transition: opacity .5s ease, -webkit-transform 0s linear;
	transition: opacity .5s ease, transform 0s linear;
	transition: opacity .5s ease, transform 0s linear, -webkit-transform 0s linear;
	opacity: 1
}

.scrolled .suche {
	-webkit-transition: opacity .5s ease, -webkit-transform 0s linear .5s;
	transition: opacity .5s ease, -webkit-transform 0s linear .5s;
	transition: opacity .5s ease, transform 0s linear .5s;
	transition: opacity .5s ease, transform 0s linear .5s, -webkit-transform 0s linear .5s;
	opacity: 0;
	-webkit-transform: translate(0rem, -5rem);
	-ms-transform: translate(0rem, -5rem);
	transform: translate(0rem, -5rem)
}

.suche form#as0_advsea-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 2.5rem
}

.suche form#as0_advsea-form fieldset {
	border: none;
	padding: 0;
	margin: 0
}

.suche form#as0_advsea-form input#as0_advsea-submit {
	display: none
}

.suche form#as0_advsea-form input {
	margin: 0;
	padding: 0 1rem;
	height: 2rem
}

.suche form#as0_advsea-form #as0_advsea-search {
	background-image: url("../img/Lupe.svg");
	background-size: 1rem 1rem;
	background-position: 1rem 50%;
	background-repeat: no-repeat;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 2px solid var(--akzent);
	outline: none;
	border-radius: 1rem;
	padding-left: 2.5rem;
	color: var(--dunkelgrau);
	font-size: .8rem;
	font-weight: 600;
	line-height: 2rem;
	text-transform: uppercase;
	letter-spacing: .05rem;
	-webkit-transition: width 0.5s ease;
	transition: width 0.5s ease;
	width: 10rem
}

.suche form#as0_advsea-form #as0_advsea-search:focus {
	width: 20rem
}

.advsea-results-list {
	margin-bottom: 2rem
}

.advsea-extract {
	font-style: italic
}

.advsea-highlight.advsea-highlight-1 {
	background-color: #FFF0AC
}

.advsea-paging2 {
	font-size: .9rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .05rem
}*/

/*Advsearch Ende*/

/* Simplesearch */

/*Search*/

.simplesearch-highlight {
	background-color: var(--hellgrau);
	font-weight: var(--weight-medium);
	
}

.ssearch-results-wrapper {
	p.ssearch-treffer {
		font-weight: var(--weight-bold);
	}	
}

.search-result-item {
	margin-bottom: calc(2 * var(--parskip));
}

.ssearchlink {
	--text-color: var(--grey-800);
	font-size: var(--text-xxs);
	font-style: italic;
}

.ssearch-paging {
	.simplesearch-current-page, .simplesearch-page a {
		padding: .25em .5em;
		font-weight: var(--weight-medium);
	}
	.simplesearch-current-page {
		background: var(--hellgrau);
	}
	.simplesearch-page a:hover {
		background: var(--hellgrau);
	}
}  

.suche {
	font-size: var(--text-xxs);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	/*height: 2.5rem;*/
	fieldset {
		border: none;
		padding: 0;
		margin: 0;
	}
	input[type=submit] {
		display: none;
	}
	input[type=text] {
		color: white;
		margin: 0;
		padding: 0 1em 0 3em;
		height: 2em;
		width: 10em;
		border: none;
		border-radius: 100px; 
		transition: width .5s ease-out, background .5s ease-out, color .5s ease-out;
		font-weight: var(--weight-medium);
		outline: none;
		background-color: var(--grey-800);
		&::placeholder {
			text-transform: uppercase;
			color: white;
			font-weight: var(--weight-regular);
		}
		&:focus {
			width: 15em;
			background-color: white;
			border: none;
			outline: none;
			color: var(--grey-700);
			&::placeholder {
				color: var(--grey-700);
			}
		}
	}
	label {
		display: inline-block;
		translate: 2em 0;
		i {
			--fa-primary-color: white;
			--fa-secondary-color: white;
			text-color: white;
		}
		.search-form:focus-within & {
			i {
				/*--fa-primary-color: var(--grey-800);*/
				/*--fa-secondary-color: var(--grey-800);*/
			}
		}
	}
}

/*Simplesearch Ende*/

.header-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
	transition: opacity .5s ease, -webkit-transform .5s ease;
	transition: opacity .5s ease, transform .5s ease;
	transition: opacity .5s ease, transform .5s ease, -webkit-transform .5s ease
}

.scrolled .header-nav {
	-webkit-transform: translate(3.5rem, 4.45rem);
	-ms-transform: translate(3.5rem, 4.45rem);
	transform: translate(3.5rem, 4.45rem)
}

ul.topnav {
	margin-right: 1rem
}

ul.topnav a {
	color: var(--dunkelgrau);
	font-size: .8rem;
	font-weight: 600;
	line-height: 2.5rem;
	text-transform: uppercase;
	letter-spacing: .05rem;
	padding: 0 1rem;
	margin-bottom: .1em;
	-webkit-transition: color .25s ease;
	transition: color .25s ease
}

ul.topnav a:hover {
	color: var(--akzent)
}

.unten {
	-webkit-transform: translate(-3.5rem, -4.45rem);
	-ms-transform: translate(-3.5rem, -4.45rem);
	transform: translate(-3.5rem, -4.45rem);
	-webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
	transition: opacity .5s ease, -webkit-transform .5s ease;
	transition: opacity .5s ease, transform .5s ease;
	transition: opacity .5s ease, transform .5s ease, -webkit-transform .5s ease;
	opacity: 0
}

.scrolled .unten {
	-webkit-transform: translate(0, -0.1em);
	-ms-transform: translate(0, -0.1em);
	transform: translate(0, -0.1em);
	opacity: 1
}

.oben {
	opacity: 1
}

.scrolled .oben {
	opacity: 0
}

.grid--header {
	display: grid;
	grid-column-gap: 1rem;
	padding-top: 0.25rem;
	padding-right: 1rem;
	padding-left: 1rem;
	grid-template-columns: auto 2rem;
	grid-template-rows: 1.5rem 3.5rem;
	grid-template-areas: "logo topnavigation""logo menu";
	border-bottom: 3px solid var(--akzent)
}

.grid--header .header-logo {
	grid-area: logo;
	position: relative
}

.grid--header .header-logo .A,
.grid--header .header-logo .B {
	position: absolute;
	-webkit-transition: opacity .5s ease .25s, -webkit-transform .5s ease 0s;
	transition: opacity .5s ease .25s, -webkit-transform .5s ease 0s;
	transition: opacity .5s ease .25s, transform .5s ease 0s;
	transition: opacity .5s ease .25s, transform .5s ease 0s, -webkit-transform .5s ease 0s;
	padding-top: 1rem;
	height: 100%;
	z-index: 12;
	-webkit-transform: translate(0, 3px);
	-ms-transform: translate(0, 3px);
	transform: translate(0, 3px);
	background-repeat: no-repeat;
	background-position: bottom left
}

.grid--header .header-logo .A {
	width: 10rem;
	opacity: 1;
	background-image: url("../img/Logo-Baum-Text.svg")
}

.grid--header .header-logo .B {
	width: 15rem;
	opacity: 0;
	background-image: url("../img/Logo-scrolled-04.svg")
}

.scrolled .grid--header .header-logo {
	-webkit-transition: opacity .5s ease 0s, -webkit-transform .5s ease 0s;
	transition: opacity .5s ease 0s, -webkit-transform .5s ease 0s;
	transition: opacity .5s ease 0s, transform .5s ease 0s;
	transition: opacity .5s ease 0s, transform .5s ease 0s, -webkit-transform .5s ease 0s;
	-webkit-transform: translate(0, 0) scale(1);
	-ms-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}

.scrolled .grid--header .header-logo .B {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.scrolled .grid--header .header-logo .A {
	opacity: 0;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.grid--header .header-nav {
	grid-area: topnavigation
}

.grid--header .mainmenu {
	grid-area: menu;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.grid--header .mainmenu--buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.grid--header .mainmenu--buttons a.hamburger-text {
	text-align: right;
	z-index: 100
}

.grid--header .mainmenu--buttons a.hamburger-bars {
	cursor: pointer;
	text-align: right;
	z-index: 100;
	--fa-primary-color: var(--akzent-dunkel);
	--fa-secondary-color: var(--akzent-dunkel);
	--fa-primary-opacity: 1;
	--fa-secondary-opacity: 1;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease
}

:hover>.grid--header .mainmenu--buttons a.hamburger-bars {
	--fa-primary-color: var(--akzent);
	--fa-secondary-color: var(--akzent);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.grid--header .mainmenu--buttons i {
	-webkit-transition: color .25s ease, -webkit-transform .25s ease;
	transition: color .25s ease, -webkit-transform .25s ease;
	transition: transform .25s ease, color .25s ease;
	transition: transform .25s ease, color .25s ease, -webkit-transform .25s ease
}

.grid--header .mainmenu--buttons:hover a {
	color: var(--akzent)
}

.grid--header .mainmenu--buttons:hover a i {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.grid--header .mainmenu--buttons a {
	color: var(--akzent-dunkel);
	margin-bottom: .5rem;
	font-size: 0.9rem;
	-webkit-transition: color .25s ease;
	transition: color .25s ease
}

.grid--header .mainmenu--buttons a:first-child {
	padding-right: 1rem;
	font-size: 1.3rem;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .05rem
}

a.spende .spendenbutton {
	opacity: 0;
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: .05rem;
	font-weight: 700;
	text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.3);
	border-radius: 1.2rem;
	background-color: var(--spende);
	color: white;
	margin: 0 1rem 0.3rem 0;
	padding: .6rem 0.8rem;
	-webkit-transition: opacity .25s ease 0s, background-color .5s ease;
	transition: opacity .25s ease 0s, background-color .5s ease
}

a.spende .spendenbutton svg {
	margin-right: 1rem
}

.morescrolled a.spende .spendenbutton {
	opacity: 1;
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transition: opacity 1s ease .25s, background-color .5s ease, -webkit-transform 1s ease;
	transition: opacity 1s ease .25s, background-color .5s ease, -webkit-transform 1s ease;
	transition: opacity 1s ease .25s, background-color .5s ease, transform 1s ease;
	transition: opacity 1s ease .25s, background-color .5s ease, transform 1s ease, -webkit-transform 1s ease
}

a.spende:hover .spendenbutton {
	background-color: var(--akzent)
}

.rastergallery {
	display: grid;
	grid-gap: 1.5rem;
	grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
	margin-bottom: 2rem
}

.eventraster {
	display: grid;
	grid-gap: 1.5rem;
	grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr))
}

.eventraster article.event-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	min-width: 100%;
	background-color: var(--akzent)
}

.eventraster article.event-item p,
.eventraster article.event-item h4 {
	padding: 0 1.25rem
}

.eventraster article.event-item .event-description .event-category {
	padding-top: .25rem;
	font-size: .85em;
	color: var(--akzent-dunkel);
	font-weight: 600;
	margin-bottom: .25em;
	font-style: italic
}

.eventraster article.event-item .event-description .event-title {
	color: white;
	font-size: 1.5em;
	line-height: 1.2em;
	text-shadow: 0 0.1em 0.15em rgba(0, 0, 0, 0.1);
	font-style: normal;
	font-weight: 400
}

.eventraster article.event-item .event-description .event-date {
	font-size: .85em;
	color: #31332F;
	font-weight: 600;
	margin-bottom: .25em;
	font-style: italic
}

.eventraster article.event-item .event-description .event-intro {
	font-size: .9em;
	color: #31332F;
	margin-bottom: .25em;
	text-align: left;
	margin-bottom: .75em
}

.eventraster article.event-item .event-readon {
	font-size: .8em;
	margin-bottom: 1.25rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .05em
}

.eventraster article.event-item .event-readon a {
	color: var(--akzent-dunkel)
}

.eventraster article.event-item .event-readon a:hover {
	color: white
}

.newsflex {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
	grid-gap: 1.5rem
}

.newsflex article:nth-child(2) {
	display: none
}

.newsflex article:nth-child(3) {
	display: none
}

.newsflex article:nth-child(4) {
	display: none
}

.newsflex article {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%;
	background-color: var(--akzent);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.newsflex article p,
.newsflex article h4 {
	padding: 0 1.25rem
}

.newsflex article p.newsflex-category {
	font-size: .85em;
	color: var(--akzent-dunkel);
	font-weight: 600;
	margin: .75rem 0;
	font-style: italic
}

.newsflex article h4.newsflex-title {
	color: white;
	font-size: 1.5em;
	line-height: 1.2em;
	text-shadow: 0 0.1em 0.15em rgba(0, 0, 0, 0.1);
	font-style: normal;
	font-weight: 400
}

.newsflex article p.newsflex-date {
	font-size: .85em;
	color: #31332F;
	font-weight: 600;
	margin-bottom: .25em;
	font-style: italic
}

.newsflex article p.newsflex-intro {
	font-size: .9em;
	color: #31332F;
	margin-bottom: .25em;
	text-align: left;
	margin-bottom: .75em
}

.newsflex article p.newsflex-readon {
	font-size: .8em;
	margin-bottom: 0;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .05em;
	padding-bottom: 1rem
}

.newsflex article p.newsflex-readon a {
	color: var(--akzent-dunkel)
}

.newsflex article p.newsflex-readon a:hover {
	color: white
}

.project {
	display: grid
}

.project--1-2 {
	grid-template-columns: 1fr 2fr;
	grid-template-rows: auto;
	grid-template-areas: "bild bild""info info"
}

.project--1-1 {
	grid-template-columns: 1fr 1fr;
	grid-template-areas: " bild bild""info info"
}

.project--1-1.swap {
	grid-template-areas: " bild bild""info info"
}

.project--2-1 {
	grid-template-columns: 2fr 1fr;
	grid-template-areas: "bild bild""info info"
}

.project .project-title-with-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.project .project-spende-icon {
	margin-right: 1rem
}

.project .project-info {
	grid-area: info;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1.5em
}

.project .project-info .project-head {
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-weight: 400;
	margin-bottom: 1em
}

.project .project-info .project-description {
	font-size: .9em
}

.project .project-info .project-description p {
	text-align: left
}

.project .project-info .project-description h4 {
	font-style: normal;
	font-weight: 600;
	font-size: 1.8rem;
	line-height: 1.3em;
	margin-bottom: 1em
}

.project .project-info .project-readon a.button {
	margin-top: 1rem;
	margin-bottom: 0
}

.project .project-image {
	grid-area: bild;
	background-size: cover;
	min-height: 30vh;
	background-position: center center
}

.spendenflex {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
	grid-gap: 1.5rem
}

.spendenflex article {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%;
	background-color: var(--spende);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.spendenflex article p,
.spendenflex article h4 {
	padding: 0 1.25rem
}

.spendenflex article p.spendenflex-category {
	font-size: .85em;
	color: #31332F;
	font-weight: 600;
	margin: .75rem 0;
	font-style: italic
}

.spendenflex article h4.spendenflex-title {
	color: white;
	font-size: 1.5em;
	line-height: 1.2em;
	text-shadow: 0 0.1em 0.15em rgba(0, 0, 0, 0.1);
	font-style: normal;
	font-weight: 400
}

.spendenflex article p.spendenflex-intro {
	font-size: .9em;
	color: #31332F;
	margin-bottom: .25em;
	text-align: left;
	margin-bottom: .75em
}

.spendenflex article p.spendenflex-readon {
	font-size: .8em;
	margin-bottom: 0;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .05em;
	padding-bottom: 1rem
}

.spendenflex article p.spendenflex-readon a {
	color: #0a0a0a
}

.spendenflex article p.spendenflex-readon a:hover {
	color: white
}

.news {
	margin-top: 2rem
}

.news--item {
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 2rem;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px dashed var(--mittelgrau)
}

.news--item:last-of-type {
	border-bottom: none
}

.news--description {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.news--description h4 {
	font-style: normal;
	font-weight: 400;
	font-size: 1.8rem;
	color: #585960;
	margin-top: .5em
}

.news--category {
	color: var(--akzent);
	font-weight: 700;
	font-size: .9em;
	margin-top: 1em
}

.news--date {
	font-size: .8rem;
	color: var(--mittelgrau);
	font-style: italic;
	font-weight: 700;
	margin-bottom: 0.25em;
	margin-top: 1.25em
}

.news--readon {
	margin-bottom: 0
}

.news--readon a {
	font-size: .8em;
	color: var(--akzent-dunkel);
	text-transform: uppercase;
	letter-spacing: .05em;
	font-weight: 600;
	margin-bottom: 0
}

.news--readon a:hover {
	color: var(--akzent)
}

.logo-raster {
	display: grid;
	grid-gap: 1.5rem;
	grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr))
}

.logo-raster .logo-item {
	-ms-flex-item-align: stretch;
	align-self: stretch;
	justify-self: stretch
}

.logo-raster .logo-item .logo-image {
	width: 100%;
	height: 20rem;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat
}

.linkraster {
	display: grid;
	grid-gap: 1.5rem;
	grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr))
}

.linkraster .linkraster-item {
	position: relative
}

.linkraster .linkraster-item .linkraster-image {
	background-size: cover;
	min-height: 13em;
	background-position: center center
}

.linkraster .linkraster-item .linkraster-info {
	width: 100%;
	background-color: var(--akzent);
	padding: .5em;
	opacity: 1;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease
}

.linkraster .linkraster-item .linkraster-info .linkraster-title {
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: .025em;
	font-weight: 400;
	color: white;
	text-align: left;
	line-height: 1.4em;
	margin: 0 0 .25em 0
}

.linkraster .linkraster-item .linkraster-info .linkraster-readon {
	text-transform: uppercase;
	font-size: .8em;
	font-weight: 600;
	margin: 0;
	color: var(--akzent-dunkel)
}

.linkraster .linkraster-item a:hover .linkraster-info {
	opacity: 1;
	-webkit-transition: opacity .35s ease;
	transition: opacity .35s ease
}

.close-button {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	--fa-primary-color: var(--akzent-dunkel);
	--fa-secondary-color: var(--akzent);
	--fa-primary-opacity: 1;
	--fa-secondary-opacity: 1;
	-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease
}

.close-button:hover {
	-webkit-transform: rotate(-90deg) scale(1.2);
	-ms-transform: rotate(-90deg) scale(1.2);
	transform: rotate(-90deg) scale(1.2)
}

.box-akzent {
	--fa-primary-color: var(--akzent-dunkel);
	--fa-secondary-color: var(--akzent-dunkel)
}

.box-akzent-dunkel {
	--fa-primary-color: var(--akzent);
	--fa-secondary-color: var(--akzent);
	--fa-primary-opacity: 1;
	--fa-secondary-opacity: .5
}

.box-hellgrau {
	--fa-secondary-color: var(--akzent-dunkel);
	--fa-primary-color: var(--akzent);
	--fa-secondary-opacity: 1
}

.box-akzent {
	--fa-primary-color: var(--akzent-dunkel);
	--fa-secondary-color: var(--akzent-dunkel)
}

.box-spende {
	--fa-primary-color: var(--white);
	--fa-secondary-color: var(--white);
	--fa-primary-opacity: .5;
	--fa-secondary-opacity: 1
}

li {
	--fa-primary-color: var(--akzent-dunkel);
	--fa-secondary-color: var(--akzent);
	--fa-secondary-opacity: 1
}

.klein {
	font-size: .85rem
}

.warnung {
	color: #990C00;
	font-weight: 600;
	font-style: italic
}

.person--liste {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(27rem, 1fr));
	grid-template-columns: 1fr;
	grid-gap: 1.5rem
}

.person--name,
.person--category,
.person--description {
	text-align: center
}

.person--item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 4rem
}

.person--image div {
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	background-size: cover;
	background-position: center center;
	margin-bottom: 2rem
}

.person--description {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-left: 0
}

.person--category {
	font-size: .8em;
	color: #777;
	font-weight: 600;
	margin-bottom: 1.00em;
	text-transform: uppercase;
	letter-spacing: .025em
}

.person--name {
	font-style: normal;
	font-weight: 700;
	margin-bottom: 0.15em
}

.person--kontakt p {
	margin-bottom: .5em
}

.person--icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: .5rem;
	margin-top: .5rem
}

.person--icons a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: var(--akzent-dunkel);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 .25rem;
	margin-right: .5rem
}

.person--icons a:hover {
	color: var(--akzent)
}

.testimonial--name,
.testimonial--category,
.testimonial--description {
	text-align: center
}

.testimonial--item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 4rem;
	background-color: var(--hellgrau);
	padding: 2rem;
	border-left: 1em solid var(--akzent)
}

.testimonial--image div {
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	background-size: cover;
	background-position: center center;
	margin-bottom: 2rem
}

.testimonial--zitat {
	font-style: italic;
	font-size: 1.1em;
	line-height: 1.7em;
	margin-bottom: 0.25em
}

.testimonial--zitat i {
	color: var(--akzent)
}

.testimonial--description {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-left: 0
}

.testimonial--category {
	font-size: .75em;
	color: #777;
	font-weight: 600;
	margin-bottom: 1.00em;
	text-transform: uppercase;
	letter-spacing: .025em
}

.testimonial--name {
	font-style: normal;
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 0.15em
}

.testimonial--icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: .5rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.testimonial--icons a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: var(--akzent);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 .25rem
}

.testimonial--icons a:hover {
	color: var(--akzent-dunkel)
}

.termin-titelblock {
	grid-area: titelblock
}

.termin-bildblock {
	grid-area: bildblock
}

.termin-kurzinfo {
	grid-area: infoblock;
	background: var(--hellgrau);
	padding: 1.5rem
}

.termin-kurzinfo p {
	margin-bottom: .25em
}

.termin-kurzinfo p strong {
	font-weight: 700; 
	text-transform: uppercase;
	font-size: .85em;
	letter-spacing: .025em
}

.grid-container--4-boxes .box {
	padding: 0;
	text-align: center;
	font-size: .85rem;
	margin-bottom: 1rem;
	-webkit-transition: -webkit-transform .5s ease, -webkit-box-shadow .5s ease;
	transition: -webkit-transform .5s ease, -webkit-box-shadow .5s ease;
	transition: transform .5s ease, box-shadow .5s ease;
	transition: transform .5s ease, box-shadow .5s ease, -webkit-transform .5s ease, -webkit-box-shadow .5s ease;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5)
}

.grid-container--4-boxes .box:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-box-shadow: 0rem 1rem 0.5rem -0.5rem rgba(0, 0, 0, 0.2);
	box-shadow: 0rem 1rem 0.5rem -0.5rem rgba(0, 0, 0, 0.2);
	-webkit-transition: -webkit-transform .25s ease-in-out, -webkit-box-shadow .25s ease-in-out;
	transition: -webkit-transform .25s ease-in-out, -webkit-box-shadow .25s ease-in-out;
	transition: transform .25s ease-in-out, box-shadow .25s ease-in-out;
	transition: transform .25s ease-in-out, box-shadow .25s ease-in-out, -webkit-transform .25s ease-in-out, -webkit-box-shadow .25s ease-in-out
}

.grid-container--4-boxes .box .category-icon {
	font-size: 0.7em;
	margin: .5em 0 1em 0
}

.grid-container--4-boxes .box a {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .5em
}

.grid-container--4-boxes .box h2 {
	font-size: 0.8em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	text-align: center;
	border: none;
	margin-bottom: 0
}

.grid-container--4-boxes .box p {
	text-align: center;
	line-height: 1.3em;
	font-size: 0.9em
}

.grid-container--4-boxes .box p.readon {
	text-align: center;
	text-transform: uppercase;
	font-size: .85em;
	letter-spacing: .05em;
	font-weight: 600;
	margin-bottom: 0
}

.actionbutton {
	opacity: 0;
	position: fixed;
	bottom: 1.5rem;
	right: 1.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--spende);
	border-radius: 1.8rem;
	width: 3.6rem;
	height: 3.6rem;
	-webkit-transition: background-color .25s ease, opacity 1s ease;
	transition: background-color .25s ease, opacity 1s ease;
	z-index: 100;
	-webkit-box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.25);
	box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.25)
}

.morescrolled .actionbutton {
	opacity: 1
}

.actionbutton a {
	color: white
}

.actionbutton i {
	color: white;
	font-size: 1.7em
}

.actionbutton:hover {
	background-color: var(--akzent)
}

.grid-container {
	display: grid;
	grid-column-gap: 1.5rem;
	padding-right: 1rem;
	padding-left: 1rem;
	max-width: 85.71429rem;
	margin-left: auto;
	margin-right: auto
}

.grid-container--2 {
	grid-template-columns: 1fr
}

.grid-container--2-1 {
	grid-template-columns: 1fr
}

.grid-container--1-2 {
	grid-template-columns: 1fr
}

.grid-container--3 {
	grid-template-columns: 1fr
}

.grid-container--4 {
	grid-template-columns: 1fr
}

.grid-container--1-2-1 {
	grid-template-columns: 1fr
}

.grid-container--news-header {
	grid-template-columns: 1fr;
	grid-row-gap: 0
}

.grid-container--news-header>div:first-child {
	grid-column: span 1
}

.grid-container--folge-header {
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	grid-template-areas: "folgenav""folgetitel"
}

.grid-container--folge-header .folge--titel {
	grid-area: folgetitel
}

.grid-container--folge-header .folge-nav {
	grid-area: folgenav
}

.grid-container--gallery {
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
	grid-row-gap: 1.5rem;
	grid-column-gap: 1.5rem;
	padding-right: 0;
	padding-left: 0
}

.grid-container--nested-2 {
	padding: 0;
	grid-template-columns: 1fr
}

.grid-container--4-boxes {
	grid-column-gap: 1rem;
	grid-template-columns: repeat(2, 1fr)
}

.grid-container--termininfo {
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 1rem;
	grid-template-areas: "bildblock""titelblock""infoblock"
}

.accordion-list {
	border-top: 1px solid var(--hellgrau);
	padding-top: 0.5rem
}

.ac-item {
	margin-bottom: 1rem;
	border-bottom: 1px solid var(--hellgrau)
}

.ac-button {
	margin-bottom: 1rem
}

.ac-button:hover {
	color: var(--akzent-dunkel)
}

.ac-button i {
	color: var(--akzent)
}

.ac-button:hover i {
	color: var(--akzent-dunkel)
}

.Paginierung {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.Paginierung ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	text-transform: uppercase;
	letter-spacing: .01em;
	margin: 0
}

.Paginierung ul li {
	display: block;
	margin: 0;
	padding: 0.25em;
	width: auto;
	height: auto
}

.Paginierung ul li span {
	padding: .25em 0.5em
}

.Paginierung ul li a {
	padding: .25em 0.5em
}

.Paginierung ul li a:hover {
	background-color: var(--hellgrau);
	color: #31332F
}

.Paginierung ul li.active a {
	font-weight: 700
}

.zoom-gallery img {
	-webkit-transition: -webkit-transform .2s ease-out, -webkit-box-shadow .2s ease-out;
	transition: -webkit-transform .2s ease-out, -webkit-box-shadow .2s ease-out;
	transition: transform .2s ease-out, box-shadow .2s ease-out;
	transition: transform .2s ease-out, box-shadow .2s ease-out, -webkit-transform .2s ease-out, -webkit-box-shadow .2s ease-out;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.zoom-gallery img:hover {
	-webkit-transform: scale(1.035) rotate3d(0, 0, 1, 1.3deg);
	transform: scale(1.035) rotate3d(0, 0, 1, 1.3deg);
	-webkit-box-shadow: 0.2rem 0.4rem 0.5rem -0.2em rgba(0, 0, 0, 0.3);
	box-shadow: 0.2rem 0.4rem 0.5rem -0.2em rgba(0, 0, 0, 0.3)
}

.fotorama__caption {
	font-family: inherit;
	color: #585960;
	font-size: .9em;
	font-weight: 400
}

.fotorama__caption strong {
	font-weight: 600
}

/*!
 * AjaxUpload - Upload button for uploading multiple files with progress-bar
 * Version: 1.5.7
 * Build date: 2019-05-16
 */
.file-uploader-buttons,
.file-uploader-items {
	clear: left
}

.file-uploader-items .file-wrap {
	position: relative;
	float: left;
	margin: 0 1em 1em 0
}

.file-uploader-items .delete-button {
	display: block;
	background: url("../img/close-icon.svg");
	width: 20px;
	height: 20px;
	position: absolute;
	top: -10px;
	right: -10px;
	text-indent: -1000em
}

.file-uploader-items .thumb {
	width: initial;
	height: initial
}

.file-uploader-items .title {
	display: none
}

.qq-uploader {
	position: relative;
	width: 100%
}

.qq-clear-button,
.qq-upload-button {
	display: block;
	padding: .25em 1em;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: .9em;
	text-align: center;
	background: var(--akzent);
	border-bottom: 1px solid #ddd;
	color: #fff;
	float: left;
	margin-right: 1em
}

.qq-clear-button {
	background: var(--akzent-dunkel)
}

.qq-clear-button:hover {
	background: var(--spende)
}

.qq-upload-button:hover {
	background: var(--spende)
}

.qq-clear-button {
	cursor: pointer
}

.qq-clear-button:focus {
	outline: 1px dotted #000
}

.qq-upload-drop-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 5em;
	z-index: 2;
	background: var(--spende);
	text-align: center;
	color: var(--dunkelgrau)
}

.qq-upload-drop-area span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%
}

.qq-upload-drop-area-active {
	background: var(--akzent)
}

.qq-upload-list {
	clear: left;
	margin: 15px 0;
	padding: 0;
	list-style: none
}

.qq-upload-list li {
	margin: 0;
	padding: 0;
	line-height: 15px;
	font-size: 12px
}

.qq-upload-cancel,
.qq-upload-failed-text,
.qq-upload-file,
.qq-upload-size,
.qq-upload-spinner {
	margin-right: 7px
}

.qq-upload-spinner {
	display: inline-block;
	background: url("assets/components/ajaxupload/images/loading.gif");
	width: 15px;
	height: 15px;
	vertical-align: text-bottom
}

.qq-upload-cancel,
.qq-upload-size {
	font-size: 11px
}

.qq-upload-failed-text {
	display: none
}

.qq-upload-fail .qq-upload-failed-text {
	display: inline
}

#file-uploader-image {
	margin-bottom: 4em
}

@media screen and (min-width: 40em) {
	.grid-container {
		grid-column-gap: 2rem;
		padding-right: 2rem;
		padding-left: 2rem
	}

	.grid-container--2 {
		grid-template-columns: repeat(2, 1fr)
	}

	.grid-container--2--reveal {
		grid-template-columns: repeat(1, 1fr)
	}

	.grid-container--2-1 {
		grid-template-columns: 3fr 2fr
	}

	.grid-container--1-2 {
		grid-template-columns: 2fr 3fr
	}

	.grid-container--3 {
		grid-template-columns: 1fr
	}

	.grid-container--4 {
		grid-template-columns: 1fr;
		grid-auto-flow: column
	}

	.grid-container--news-header {
		grid-template-columns: repeat(3, 1fr)
	}

	.grid-container--news-header>div:first-child {
		grid-column: span 2
	}

	.grid-container--folge-header {
		grid-template-columns: 2fr 1fr;
		grid-template-areas: "folgetitel folgenav"
	}

	.grid-container--gallery {
		grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
		grid-row-gap: 1.5rem;
		grid-column-gap: 1.5rem;
		padding-right: 0;
		padding-left: 0
	}

	.grid-container--1-2-1 {
		grid-template-columns: repeat(3, 1fr)
	}

	.grid-container--nested-2 {
		padding: 0;
		grid-template-columns: repeat(1, 1fr)
	}

	.grid-container--4-boxes {
		grid-template-columns: repeat(4, 1fr);
		grid-column-gap: 1.5rem
	}

	.grid-container--termininfo {
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 0;
		grid-template-areas: "titelblock bildblock""titelblock infoblock"
	}

	.person--liste {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(27rem, 1fr));
		grid-gap: 1.5rem
	}

	.newsflex {
		display: grid
	}

	.newsflex article:nth-child(2) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.newsflex article:nth-child(3) {
		display: none
	}

	.newsflex article:nth-child(4) {
		display: none
	}

	main h2 {
		font-size: 1.8rem
	}

	main h3 {
		font-size: 1.5rem
	}

	main h4 {
		font-size: 1.4rem
	}

	main h5 {
		font-size: 1.2rem
	}

	.layout--polster-oben {
		padding-top: 3rem
	}

	.layout--polster-unten {
		padding-bottom: 3rem
	}

	.layout--abstand-oben {
		margin-top: 3rem
	}

	.layout--abstand-unten {
		margin-bottom: 3rem
	}

	.morescrolled a.spende .spendenbutton {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}

	.scrolled header {
		-webkit-transform: translate(0, -5rem);
		-ms-transform: translate(0, -5rem);
		transform: translate(0, -5rem)
	}

	.grid-container--4-boxes .box {
		padding: 0rem;
		margin-top: 1rem
	}

	.grid-container--4-boxes .box a {
		padding: 1rem
	}

	.grid--header {
		padding-right: 1rem;
		padding-left: 1rem;
		grid-template-columns: 13rem auto;
		grid-template-rows: 2.5rem 4.5rem
	}

	.project--1-2 {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: "info bild"
	}

	.project--2-1 {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: "info bild"
	}

	.project .project-image {
		min-height: 25em
	}

	.project--1-1 {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: "info bild"
	}

	.project--1-1.swap {
		grid-template-areas: "bild info"
	}

	.news--item {
		grid-template-columns: 2fr 3fr
	}

	.news--category {
		margin-top: 0
	}

	.footer-logo {
		height: 5rem;
		background-size: auto 5rem
	}

	.linkraster .linkraster-item .linkraster-info {
		position: absolute;
		bottom: 0;
		left: 0;
		opacity: 0;
		padding: 1em
	}

	.linkraster .linkraster-item .linkraster-info .linkraster-title {
		font-size: 1.2em
	}

	.linkraster .linkraster-item a:hover .linkraster-info {
		opacity: 1
	}

	.slick-item {
		position: relative;
		display: block
	}

	.slick-item .slick-background {
		height: 40rem;
		max-height: 40rem;
		height: clamp(20rem, 65vw, 50vh);
		max-height: 20rem, 65vw, 50vh
	}

	.slick-item.transparent .slick-covertext-grid .slick-covertext {
		background-color: transparent
	}

	.slick-item.transparent .slick-covertext-grid .slick-covertext h1,
	.slick-item.transparent .slick-covertext-grid .slick-covertext a {
		color: var(--akzent)
	}

	.slick-item.hell .slick-covertext-grid .slick-covertext {
		background-color: rgba(255, 255, 255, 0.5)
	}

	.slick-item.hell .slick-covertext-grid .slick-covertext h1,
	.slick-item.hell .slick-covertext-grid .slick-covertext a {
		color: var(--akzent-dunkel)
	}

	.slick-item.hell .slick-covertext-grid .slick-covertext p {
		color: #31332F
	}

	.slick-item.dunkel .slick-covertext-grid .slick-covertext {
		background-color: rgba(0, 0, 0, 0.5)
	}

	.slick-item.dunkel .slick-covertext-grid .slick-covertext h1,
	.slick-item.dunkel .slick-covertext-grid .slick-covertext a {
		color: var(--akzent)
	}

	.slick-item.bottomleft .slick-covertext-grid {
		bottom: 0;
		left: 0
	}

	.slick-item.topleft .slick-covertext-grid {
		top: 1rem;
		left: 0
	}

	.slick-item.bottomright .slick-covertext-grid {
		bottom: 0;
		right: 0;
		grid-template-areas: ". . text text text text"
	}

	.slick-item.topright .slick-covertext-grid {
		top: 1rem;
		right: 0;
		grid-template-areas: ". . text text text text"
	}

	.slick-item .slick-covertext-grid {
		position: absolute;
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		grid-template-areas: "text text text text . .";
		grid-column-gap: 1.5rem
	}

	.slick-item .slick-covertext-grid .slick-covertext {
		padding: 1rem 1rem 1rem 2rem;
		grid-area: text
	}

	.slick-item .slick-covertext-grid .slick-covertext h1 {
		font-size: 1.5rem
	}

	.grid--header {
		padding-top: 1rem;
		grid-template-rows: 2.5rem 4.5rem
	}

	.grid--header .header-logo .A {
		width: 15rem
	}

	a.spende .spendenbutton {
		padding: 0.5rem 1.5rem
	}

	.folge--image {
		height: 20rem
	}

	.folge h1 {
		font-size: 1.7rem
	}

	.folge .folge-nav {
		margin-top: 1.5rem;
		margin-right: 2rem
	}

	.folge .folge-nav div {
		margin-left: 1em
	}

	.folge .folge-nav div a {
		font-size: 1.3em;
		border-radius: 1.5em;
		-webkit-box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.2);
		box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.2)
	}

	.folge--titel {
		padding: 1rem 0 1rem 2rem
	}

	.Nachbarn {
		margin: 1.7rem 1.5rem 1.5rem 1.5rem
	}

	.termine .termin-item {
		margin: 0 0 0 0
	}

	.BigIcon-Container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.BigIcon-Container .BigIcon {
		margin: 1.5em 3em 2em 2.5em;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}

	.termine * {
		outline: 0px solid red
	}

	.termine .termin-item {
		grid-template-columns: 3rem 3fr 3rem 1fr 1fr;
		grid-template-areas: "Wochentag Datum Zielgruppe Bezirk Link"". Titel Titel Titel Titel"
	}

	.termine .termin-item--header {
		grid-template-columns: 3rem 3fr 3rem 1fr 1fr;
		grid-template-areas: ". Wochentag Zielgruppe Zielgruppe Link"". Titel Titel Titel Titel"
	}
}

@media screen and (min-width: 64em) {
	.grid-container {
		display: grid;
		grid-column-gap: 2rem;
		padding-right: 2rem;
		padding-left: 2rem
	}

	.nested .grid-container {
		padding-right: 0;
		padding-left: 0
	}

	.grid-container--1 {
		grid-template-columns: 1fr
	}

	.grid-container--1-2-1 {
		grid-template-columns: repeat(4, 1fr)
	}

	.grid-container--1-2-1 .col2 {
		grid-column-start: 2;
		grid-column-end: span 2
	}

	.grid-container--2 {
		grid-template-columns: repeat(2, 1fr)
	}

	.grid-container--2-1 {
		grid-template-columns: repeat(3, 1fr)
	}

	.grid-container--2-1>div:first-child {
		grid-column: span 2
	}

	.grid-container--1-2 {
		grid-template-columns: repeat(3, 1fr)
	}

	.grid-container--1-2>div:last-of-type {
		grid-column: span 2
	}

	.grid-container--3 {
		grid-template-columns: repeat(3, 1fr)
	}

	.grid-container--4 {
		grid-template-columns: repeat(4, 1fr)
	}

	.grid-container--news-header {
		grid-template-columns: repeat(3, 1fr)
	}

	.grid-container--news-header>div:first-child {
		grid-column: span 2
	}

	.grid-container--folge-header {
		grid-template-columns: 2fr 1fr;
		grid-template-areas: "folgetitel folgenav"
	}

	.grid-container--gallery {
		grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
		grid-row-gap: 1.5rem;
		grid-column-gap: 1.5rem;
		padding-right: 0;
		padding-left: 0;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.grid-container--nested-2 {
		padding: 0;
		grid-template-columns: repeat(2, 1fr)
	}

	.grid-container--4-boxes {
		grid-column-gap: 2rem;
		grid-row-gap: 0rem;
		padding-right: 2rem;
		padding-left: 2rem;
		grid-template-columns: repeat(4, 1fr)
	}

	.grid-container--termininfo {
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 1.5rem;
		grid-template-areas: "bildblock infoblock""titelblock titelblock"
	}

	main h2 {
		font-size: 1.6rem
	}

	.layout--polster-oben {
		padding-top: 4rem
	}

	.layout--polster-unten {
		padding-bottom: 4rem
	}

	.layout--abstand-oben {
		margin-top: 4rem
	}

	.layout--abstand-unten {
		margin-bottom: 4rem
	}

	.grid-container--4-boxes {
		-webkit-transform: translate(0, -5rem);
		-ms-transform: translate(0, -5rem);
		transform: translate(0, -5rem);
		margin-bottom: -5rem
	}

	.grid-container--4-boxes .box {
		font-size: 1rem
	}

	.grid-container--4-boxes .box .category-icon {
		font-size: 0.8em
	}

	.grid-container--4-boxes .box h2 {
		font-size: 0.9em
	}

	.grid--header {
		grid-template-columns: 12rem auto;
		grid-template-rows: 2.5rem 4.5rem;
		padding-right: 1.5rem;
		padding-left: 1.5rem
	}

	.project--1-2 {
		grid-template-columns: 1fr 2fr
	}

	.project--2-1 {
		grid-template-columns: 2fr 1fr;
		grid-template-areas: "bild info"
	}

	.news--item {
		grid-template-columns: 1fr 2fr
	}

	.footer-logo {
		height: 6rem;
		background-size: auto 6rem
	}

	.slick-item .slick-background {
		height: 65rem;
		max-height: 75vh;
		height: clamp(20rem, 65vw, 75vh)
	}

	.slick-item.bottomleft .slick-covertext-grid {
		grid-template-areas: "text text text . . .";
		-webkit-transform: translate(0, -5rem);
		-ms-transform: translate(0, -5rem);
		transform: translate(0, -5rem)
	}

	.slick-item.topleft .slick-covertext-grid {
		grid-template-areas: "text text text . . ."
	}

	.slick-item.bottomright .slick-covertext-grid {
		grid-template-areas: ". . . text text text";
		-webkit-transform: translate(0, -5rem);
		-ms-transform: translate(0, -5rem);
		transform: translate(0, -5rem)
	}

	.slick-item.topright .slick-covertext-grid {
		grid-template-areas: ". . . text text text"
	}

	.slick-item .slick-covertext-grid .slick-covertext h1 {
		font-size: 1.6rem
	}

	.folge--image {
		height: 25rem
	}

	.folge h1 {
		font-size: 2rem
	}

	.newsflex {
		display: grid;
		grid-gap: 1.5rem
	}

	.newsflex article:nth-child(2) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.newsflex article:nth-child(3) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.newsflex article:nth-child(4) {
		display: none
	}

	.person--item {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.person--description {
		margin-left: 2rem
	}

	.person--image div {
		margin-bottom: 0
	}

	.person--name,
	.person--category,
	.person--description {
		text-align: left
	}

	.person--icons {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.person--icons a {
		margin-right: .75rem;
		margin-left: 0
	}

	.testimonial--item {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.testimonial--description {
		margin-left: 2rem
	}

	.testimonial--image div {
		margin-bottom: 0
	}

	.testimonial--name,
	.testimonial--category,
	.testimonial--description {
		text-align: left
	}

	.testimonial--icons {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.testimonial--icons a {
		margin-right: .75rem;
		margin-left: 0
	}

	.termine .termin-item {
		grid-template-columns: 3rem 4fr 13fr 3rem 4fr 4fr;
		grid-template-rows: auto;
		grid-template-areas: "Wochentag Datum Titel Zielgruppe Bezirk Link";
		grid-column-gap: 1.5rem;
		grid-row-gap: 1.5rem
	}

	.termine .termin-item--header {
		grid-template-areas: "Wochentag Wochentag Titel Zielgruppe Zielgruppe Link";
		padding: 1rem 0 1rem 1rem
	}

	.termine .termin-item--header>div:nth-of-type(1) {
		grid-area: Wochentag
	}

	.termine .termin-item--header>div:nth-of-type(2) {
		grid-area: Titel
	}

	.termine .termin-item--header>div:nth-of-type(3) {
		grid-area: Zielgruppe
	}

	.termine .termin-item--header>div:nth-of-type(4) {
		grid-area: Link
	}
}

@media screen and (min-width: 75em) {
	.grid-container {
		display: grid;
		grid-column-gap: 4rem;
		padding-right: 4rem;
		padding-left: 4rem
	}

	.grid-container--4-boxes {
		grid-column-gap: 2rem;
		padding-right: 4rem;
		padding-left: 4rem
	}

	.slick-item .slick-covertext-grid {
		grid-column-gap: 2rem
	}

	.folge--titel {
		padding: 1rem 0 1rem 4rem
	}

	.folge .folge-nav {
		margin-right: 4rem
	}

	.newsflex {
		display: grid;
		grid-gap: 2rem
	}

	.newsflex article:nth-child(2) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.newsflex article:nth-child(3) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.newsflex article:nth-child(4) {
		display: none
	}
}

.GEO-Logo-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 2em;
	width: 100%
}

.GEO-Logo-header img {
	width: 12rem;
	max-width: 40vw
}

#contactAllowed_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline
}

#contactAllowed_wrap>label {
	margin-right: 1em
}

#contactAllowed_wrap span.boolDiv {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline
}

.schulpublisher h2#newspublisherHeader {
	display: none
}

.schulpublisher #np-pagetitle-container {
	display: none
}

.schulpublisher input#np_submit_button,
.schulpublisher input#np_cancel_button {
	padding: 0.7em 1em;
	border: none;
	text-transform: uppercase;
	letter-spacing: .05em;
	-webkit-transition: -webkit-filter .2s ease;
	transition: -webkit-filter .2s ease;
	transition: filter .2s ease;
	transition: filter .2s ease, -webkit-filter .2s ease
}

.schulpublisher input#np_submit_button:hover,
.schulpublisher input#np_cancel_button:hover {
	-webkit-filter: saturate(170%) brightness(1.2);
	filter: saturate(170%) brightness(1.2)
}

.schulpublisher hr {
	margin: 2em 0
}

.schulpublisher button.imageupload {
	margin-top: 1em
}

.schulpublisher input#np_submit_button {
	background-color: oklch(71.095% 0.17562 55.166)
}

.schulpublisher input#np_cancel_button {
	background-color: oklch(43.388% 0.09264 160.302);
	color: white;
	margin-left: 0.5em
}

.schulpublisher span.option {
	display: block
}

.schulpublisher #np-Sch-Datei-01-container button,
.schulpublisher #np-Sch-Datei-02-container button,
.schulpublisher #np-Sch-Datei-03-container button {
	padding: 0.85em 1em;
	background-color: oklch(72.786% 0.15807 126.166);
	margin-bottom: 1em
}

.schulpublisher #np-Sch-Bild-05-container,
.schulpublisher #np-Sch-Datei-03-container {
	margin-bottom: 3em
}

p.schule-map-entry {
	font-family: 'Averta', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	font-size: 1.2em;
	margin-top: .5em;
	margin-bottom: 0
}

button.mapboxgl-popup-close-button {
	font-size: 2em;
	padding: 0 .25em 0
}

.schulprojekt__entry__stadtteilschule {
	--schultypfarbe: oklch(72.565% 0.18217 136.975);
	--schultyptext: white
}

.schulprojekt__entry__gymnasium {
	--schultypfarbe: oklch(68.6% 0.09997 213.471);
	--schultyptext: white
}

.schulprojekt__entry__grundschule {
	--schultypfarbe: oklch(67.33% 0.15855 53.426);
	--schultyptext: white
}

.schulprojekt__entry__grundschuleprivatschule {
	--schultypfarbe: oklch(58.339% 0.19252 33.063);
	--schultyptext: white
}

.schulprojekt__entry__gssonderschulemitfrderschwerpunkt {
	--schultypfarbe: oklch(83.12% 0.17307 109.655);
	--schultyptext: black
}

.schulprojekt__entry__gssonderschulemitfrderschwerpunktgeistigeentwicklung {
	--schultypfarbe: oklch(78.957% 0.19484 127.555);
	--schultyptext: black
}

.schulprojekt__entry {
	padding: 2em;
	margin-bottom: 2em;
	border-width: 0;
	border-left: 1em solid var(--schultypfarbe);
	background-color: oklch(0% 0 0 / 0.05)
}

.schulprojekt__entry__form {
	margin: -2em -2em 0 -2.001em;
	background-color: var(--schultypfarbe);
	padding: .5em 2em;
	text-transform: uppercase;
	color: var(--schultyptext);
	font-weight: 600;
	letter-spacing: .1em
}

.schulraster {
	display: grid;
	max-width: 130rem;
	max-width: 100%;
	padding: calc(var(--abstand)/2) var(--abstand);
	margin: 0 auto;
	grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
	gap: 1em
}

.schulraster__entry {
	background-color: var(--hellgrau)
}

.schulraster__infoblock {
	padding: 1em
}

.schulraster__schule {
	font-weight: 600;
	margin-bottom: .25em;
	font-size: .85em
}

.schulraster__projekt {
	font-size: 1.1em;
	color: var(--akzent-dunkel);
	font-weight: 600;
	margin-bottom: .25em;
	line-height: 1.5em
}

.schulraster__kurztext {
	margin-bottom: 0
}

/*--------------------------------------------*/

/* Anmeldeportal in anderer Datei! */