@charset "UTF-8";

@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 400;
	src: url(assets/fonts/PlayfairDisplay.ttf) format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 400;
	src: url(assets/fonts/FiraSans.woff2) format('woff2');
	font-display: swap;
}

@media all {
	:root {
		--black: #000000;
		--shadow-color: #00000029;
		--darker-gray: #575756;
		--dark-gray: #9D9D9C;
		--gray: #C9C9C9;
		--light-gray: #EBEBEB;
		--light-gray-tranparent: #EBEBEBF7;
		--white: #FFFFFF;
		--transparent-white: #FFFFFFF2;

		--sidebar-level-2: #FFFFFF40;
		--sidebar-level-3: #FFFFFF80;
		--sidebar-level-4: #FFFFFFBF;

		--yellow: #FFCB04;
		--blue: #0D5373;
		--red: #AB1735;
		--green: #A1BE52;

		--font-size-h1: 32px;
		--font-size-h2: 28px;
		--font-size-h3: 22px;
		--font-size-h4: 20px;
		--font-size-h5: 16px;
		--font-size-default: 16px;


		--font-weight-bold: 700;
		--font-weight-regular: 300;
		--font-weight-light: 100;
	}

	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		scroll-margin-top: 200px !important;
	}

	/** ==== Misc ==== **/
	::placeholder {
		color: var(--gray);
		opacity: 1;
	}

	body {
		background-color: var(--content-background-color);
		font-family: var(--font-family-default);
		font-size: var(--font-size-default);
		line-height: 1.7;
		color: var(--text-default-fallback-color);
		hyphens: auto;
	}

	h1, span.h1, h2, h3, h4, h5, h6 {
		position: relative;
		display: block;
		line-height: 1;
		font-weight: var(--font-weight-bold);
		color: var(--highlight-text-color);
	}

	h1:not(.default)::after,
	span.h1:not(.default)::after,
	h2:not(.default)::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: -20px;
		width: 125px;
		height: 3px;
		background-color: var(--heading-underline-color);
	}

	h1.underline::after,
	span.h1.underline::after,
	h2.underline::after {
		width: 100%;
	}

	h1,
	span.h1 {
		margin: 15px 0 60px 0;
		font-size: var(--font-size-h1);
		font-family: var(--font-family-h1);
	}

	h2 {
		margin-bottom: 60px;
		font-size: var(--font-size-h2);
		font-family: var(--font-family-h2);
	}

	h3 {
		margin: 10px 0 25px;
		font-size: var(--font-size-h3);
		font-family: var(--font-family-h3);
	}

	h3.small {
		font-size: var(--font-size-h4);
	}

	h4 {
		font-size: var(--font-size-h4);
		font-family: var(--font-family-h4);
	}

	h5 {
		font-size: var(--font-size-h5);
		font-family: var(--font-family-h5);
	}

	p {
		margin-bottom: 10px;
	}

	a {
		position: relative;
		color: var(--link-content-color);
		text-decoration: none;
	}

	a svg.arrow-right {
		width: 18px;
		height: 16px;
		margin-left: 5px;
	}

	a svg.arrow-right .cls-1 {
		stroke: var(--highlight-text-color);
	}

	a svg.arrow-right {
		stroke: var(--sidebar-arrows-color);
	}

	a:hover {
		text-decoration: underline;
	}

	strong {
		font-weight: var(--font-weight-bold);
	}

	hr {
		margin: 20px 0;
		border-color: var(--content-lines-color);
	}

	.leaflet-container {
		z-index: 1;
	}

	img,
	video {
		width: 100%;
		height: auto;
	}

	.square {
		aspect-ratio: 1/1;
		object-fit: cover;
	}

	input, select {
		height: 40px;
		border: 1px solid var(--filter-border-color);
		font-family: "Fira Sans", sans-serif;
		font-size: 20px;
		padding: 0 5px;
	}

	input[required], select[required] {
		scroll-margin-top: 200px;
	}

	input[type="date"] {
		width: 100%;
		text-align: center;
	}

	input[type="date"]:hover {
		cursor: pointer;
	}

	input[type="file"] {
		background-color: var(--white);
		padding: 4px;
	}

	select {
		background-color: var(--white);
		padding: 5px 10px;
		font-family: "Fira Sans", sans-serif;
		font-size: 20px;
		cursor: pointer;
	}

	textarea {
		resize: none;
		border: 1px solid var(--filter-border-color);
		padding: 10px 5px;
		min-height: 200px;
		font-size: var(--font-size-default);
		font-family: var(--font-family-default);
	}

	.error {
		color: var(--red);
	}

	.block {
		margin-bottom: 75px;
	}

	.spinner-container {
		position: relative;
		display: inline-block;
		margin-right: 10px;
	}

	.spinner-container svg {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 20px;
		height: 20px;
		pointer-events: none;
	}

	.spinner-container svg .cls-1 {
		stroke: var(--highlight-text-color);
	}

	.spinner-container svg {
		stroke: var(--icons-general-color);
	}

	select.spinner {
		-moz-appearance: none;
		-webkit-appearance: none;
		padding: 5px 30px 5px 10px;
		color: var(--sort-pagination-text-color);
		font-weight: var(--font-weight-bold);
	}

	button,
	a.button,
	input[type="submit"] {
		display: flex;
		align-items: center;
		min-height: 40px;
		border: none;
		background-color: var(--highlight-text-color);
		padding: 5px 10px;
		font-family: var(--font-family-default);
		font-size: var(--font-size-default);
		font-weight: var(--font-weight-bold);
		color: var(--white);
		cursor: pointer;
	}

	button.warning,
	a.button.warning {
		background-color: var(--red);
	}

	main ul {
		margin-left: 15px;
	}

	main ol {
		margin-left: 20px;
	}

	main ul > li:last-of-type,
	main ol > li:last-of-type {
		margin-bottom: 10px;
	}

	svg.external-link {
		position: relative;
		top: 2px;
		margin-right: 3px;
	}

	svg.external-link .cls-1 {
		stroke: var(--icons-general-color);
	}

	.multiline-truncate-3 {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		overflow: hidden;
	}


	/** ==== Multi-Select ==== **/
	.multi-select {
		background-color: var(--white);
		padding: 20px;
		border: 3px solid var(--filter-main-selection-border-color);
		margin-bottom: 25px;
	}

	.multi-select:hover {
		cursor: pointer;
	}

	.multi-select label {
		flex-direction: row;
		gap: 10px;
		margin-bottom: 0;
	}

	.multi-select label span {
		color: var(--span-default-text-color);
		font-size: var(--font-size-default);
		font-weight: var(--font-weight-regular);
		margin-bottom: 0;
		line-height: 1.5;
	}

	.multi-select .multi-select-all {
		position: relative;
		color: var(--highlight-text-color);
		text-decoration: none;
	}

	.multi-select .multi-select-all:hover {
		cursor: pointer;
	}

	.multi-select input {
		height: min-content;
		margin: auto 0;
		border: 2px solid var(--filter-selection-border-color);
		border-radius: 0;
	}
	/** ==== Misc ==== **/

	/** ==== Header ==== **/
	header {
		position: sticky;
		top: 0;
		height: 180px;
		background-color: var(--content-background-color);
		box-shadow: 0 5px 6px var(--nav-shadow-color);
		z-index: 2;
	}

	header .header-top {
		height: 130px;
		background: var(--background-header-top);
	}

	header .header-top .container,
	header .header-top .row {
		height: 100%;
	}

	header #logo {
		width: auto;
		max-width: 100%;
		height: 80px;
	}

	header .nav-toggle {
		width: 45px;
		border: none;
		padding-top: 5px;
		background-color: transparent;
	}

	header .nav-toggle:hover {
		cursor: pointer;
	}

	header .nav-toggle span {
		display: block;
		width: 45px;
		height: 5px;
		margin-bottom: 5px;
		border: none;
		background-color: var(--span-default-text-color);
	}

	header .nav-toggle span:first-child {
		top: -10px;
		transition: transform .5s ease;
	}

	header .nav-toggle span:nth-child(2) {
		opacity: 1;
		transition: opacity .6s ease-in;
	}

	header .nav-toggle span:last-child {
		top: 10px;
		transition: transform .5s ease;
	}

	header .nav-toggle.active span:first-child {
		transform: translateY(10px) rotate(45deg);
		transition: transform .5s ease;
	}

	header .nav-toggle.active span:nth-child(2) {
		opacity: 0;
		transition: opacity 10ms ease-in;
	}

	header .nav-toggle.active span:last-child {
		transform: translateY(-10px) rotate(-45deg);
		transition: transform .5s ease;
	}

	header .quicklinks {
		font-size: 18px;
	}

	header .quicklinks a {
		color: var(--quicklinks-header-text-color);
		font-family: var(--font-family-quicklinks);
		text-decoration: none;
	}

	header .quicklinks a:hover {
		text-decoration: underline;
	}

	header .quicklinks a:not(:last-of-type) {
		margin-right: 0;
	}

	header .quicklinks a:not(:first-of-type) {
		margin-left: 0;
	}

	header .quicklinks a.quicklink-icon:not(:first-of-type) {
		margin-left: 0;
	}

	header .quicklinks a.quicklink-icon i {
		display: none;
	}

	header .navigation-mobile div button svg .cls-1 {
		stroke: var(--highlight-text-color);
	}

	header .navigation-mobile div button svg{
		stroke: var(--icons-general-color);
	}

	header .navigation-mobile div button svg {
		width: 18px;
		height: 29px;
	}

	header .navigation-mobile div button svg path {
		stroke: var(--icons-general-color) !important;
	}

	header .quicklinks a > i {
		margin-right: 5px;
	}

	.quicklinks a.active {
		font-weight: var(--font-weight-bold);
	}

	header .search-container {
		position: relative;
		width: 75%;
		text-align: center;
	}

	header .search-container svg {
		position: absolute;
		width: 24px;
		height: 24px;
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
	}

	header .search-container svg .cls-1 {
		stroke: var(--gray);
	}

	header .search-container svg {
		stroke: var(--icons-general-color);
	}

	header .search-container input[type="search"] {
		width: 100%;
		height: 50px;
		padding: 0 10px 0 45px;
		font-size: 20px;
		text-align: center;
	}

	.search-container .search-subcontainer {
		display: flex;
		justify-content: center;
	}

	.search-container .search-subcontainer button {
		min-width: 100px;
		display: block;
	}

	header nav {
		height: 50px;
		background-color: var(--nav-background-color);
	}

	header nav .navigation {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 20px;
	}

	header nav .navigation > div {
		height: 100%;
	}

	header nav .navigation > div > button {
		height: 100%;
		display: flex;
		align-items: center;
		color: var(--nav-text-color);
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 2px solid transparent;
		background-color: transparent;
		font-size: 20px;
		font-family: var(--font-family-nav);
		font-weight: var(--font-weight-bold);
	}

	/*header nav .navigation > div > button:not([disabled]):hover,*/
	header nav .navigation > div > button.active {
		border-bottom: 2px solid var(--nav-main-active-underline-color);
		cursor: pointer;
	}

	header nav .navigation > div > button:not([disabled]):hover {
		border-bottom: 2px solid var(--nav-underline-color);
	}

	header nav .navigation > div > button.active:hover {
		border-bottom: 2px solid transparent;
	}

	header nav .navigation .menu {
		position: absolute;
		display: none;
		left: 0;
		width: 100%;
		padding: 50px 0 0 0;
		z-index: 1;
		box-shadow: inset 0 5px 6px var(--nav-shadow-color);
		background-color: var(--nav-dropdown-background-color);
		font-family: var(--font-family-subnav);
	}

	header nav .navigation .menu .col-3 {
		padding-bottom: 60px;
		border-right: 1px solid var(--color_subnav_line);
	}

	header nav .navigation .menu .col-3.last {
		margin-bottom: 60px;
		padding-bottom: 0;
	}

	header nav .navigation .menu .col-3:nth-child(4n) {
		border-right-color: transparent;
	}

	header nav .navigation .menu a {
		color: var(--subnav-text-color);
		font-weight: var(--font-weight-bold);
		text-decoration: none;
	}

	header nav .navigation .menu a:hover {
		text-decoration: underline;
		text-decoration-color: var(--subnav-underline-color);
	}

	header nav .navigation-mobile .menu a {
		color: var(--darker-gray);
		font-weight: var(--font-weight-regular);
		text-decoration: none;
	}

	header nav .navigation-mobile .menu a.current {
		font-weight: var(--font-weight-bold);
	}

	header nav .navigation-mobile .menu a:hover {
		text-decoration: underline;
	}

	header nav .navigation button.active + .menu {
		display: block;
	}
	/** ==== Header ==== **/

	/** ==== Breadcrumbs ==== **/
	.breadcrumbs {
		margin: 50px 0 40px;
	}

	.breadcrumbs span:not(:first-of-type) {
		margin-left: 5px;
		border-left: 1px solid var(--darker-gray);
		padding-left: 5px;
	}

	.breadcrumbs span,
	.breadcrumbs a{
		color: var(--breadcrumb-color);
	}

	.breadcrumbs .active {
		font-weight: var(--font-weight-bold);
	}
	/** ==== Breadcrumbs ==== **/

	/** ==== Sidebar ==== **/
	.sidebar > div,
	.sidebar > nav {
		margin-bottom: 65px;
		background-color: var(--sidebar-blocks-background-color);
		padding: 30px;
	}

	.sidebar > nav {
		padding: 30px 0;
	}

	.sidebar nav ul {
		list-style: none;
	}

	.sidebar nav ul li:not(:last-of-type) {
		margin-bottom: 25px;
	}

	.sidebar nav ul {
		margin-left: 0;
	}

	.sidebar nav ul > li ul {
		margin-top: 10px;
	}

	.sidebar nav .container button.active {
		font-weight: var(--font-weight-bold);
	}

	.sidebar {
		font-family: var(--font-family-sidenav);
		color: var(--sidebar-text-color);
	}

	.sidebar nav ul span {
		display: block;
	}
	/** ==== Sidebar ==== **/

	/** ==== Footer ==== **/
	footer {
		margin-top: 80px;
	}

	footer .colors > div.flex div {
		width: 25%;
		height: 12px;
	}

	footer .colors div:nth-child(1) {background-color: var(--footer-stripe-1-color);}
	footer .colors div:nth-child(2) {background-color: var(--footer-stripe-2-color);}
	footer .colors div:nth-child(3) {background-color: var(--footer-stripe-3-color);}
	footer .colors div:nth-child(4) {background-color: var(--footer-stripe-4-color);}

	footer .data {
		padding: 50px 0;
		background-color: var(--above-footer-background-color);
	}

	footer .data a {
		color: var(--span-default-text-color);
		font-weight: var(--font-weight-regular);
		text-decoration: none;
	}

	footer .data .row div:not(.social-icons) a:hover {
		text-decoration: underline;
	}

	footer .data [class^="col-"]:not(:last-of-type) {
		margin-bottom: 50px;
	}

	footer .data p.header strong {
		margin-bottom: 15px;
		color: var(--highlight-text-color);
		font-size: 20px;
	}

	footer .data li {
		list-style: none;
	}

	footer .data .social-icons {
		margin-top: 15px;
	}

	footer .data .social-icons a:not(:last-of-type) {
		margin-right: 15px;
	}

	footer .data .container {
		position: relative;
	}

	footer .data .go-to-top {
		width: 50px;
		height: 50px;
		position: absolute;
		right: 0;
		bottom: 0;
	}

	footer .data .go-to-top a {
		display: flex;
	}

	footer .data .go-to-top svg .cls-1 {
		stroke: var(--highlight-text-color);
	}

	footer .data .go-to-top svg {
		stroke: var(--backtotop-icon-color);
	}

	footer .data .go-to-top svg path:first-of-type{
		fill: var(--backtotop-icon-color);
	}

	.slick-prev svg,
	.slick-next svg {
		fill: var(--backtotop-icon-color) !important;
	}

	footer .data .go-to-top a:hover {
		text-decoration: none;
	}

	footer .copyright {
		background-color: var(--footer-background-color);
		padding: 30px 0 40px 0;
		color: var(--footer-text-color);
	}

	footer .copyright p {
		text-align: center;
	}

	footer .copyright p:first-child {
		margin-bottom: 15px;
	}

	footer .copyright p:last-child {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	footer .copyright a {
		color: var(--white);
	}

	footer .copyright a:not(:last-of-type) {
		margin-right: 20px;
	}

	footer .copyright a:not(:first-of-type) {
		margin-left: 20px;
	}

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

	footer .width-50 {
		width: 50% !important;
	}
	/** ==== Footer ==== **/

	/** ==== Formulare ==== **/
	form label {
		position: relative;
		display: flex;
		flex-direction: column;
		margin-bottom: 25px;
	}

	form fieldset {
		min-width: 0;
		margin-bottom: 25px;
		padding: 15px 15px 0;
	}

	form fieldset * {
		max-width: 100%;
	}

	form div.label {
		margin-bottom: 25px;
	}

	form label span,
	form span.label,
	form div.label > span,
	form legend {
		color: var(--highlight-text-color);
		font-size: 26px;
		font-weight: var(--font-weight-bold);
		margin-bottom: 10px;
	}

	form span.label {
		display: block;
	}

	form label[data-form-type="range-output"] {
		display: grid;
		grid-template-columns: 90% 10%;
		column-gap: 10px;
	}

	form label[data-form-type="range-output"] > span {
		grid-column: span 2;
	}

	form label[data-form-type="range-output"] > output {
		display: flex;
		align-items: center;
	}

	form select[multiple] {
		min-height: 200px;
	}

	form fieldset[data-form-type="captcha"] label {
		margin-bottom: 0;
	}

	form #captcha_user {
		width: 100%;
		margin-bottom: 25px;
	}

	form #captcha_image {
		width: 25%;
		margin-bottom: 15px;
	}

	form .leaflet-container {
		margin-bottom: 25px;
	}

	form label.search svg {
		position: absolute;
		bottom: 7px;
		left: 7px;
		width: 25px;
		height: 25px;
		stroke: var(--icons-general-color);
	}

	form label.search svg .cls-1 {
		stroke: var(--gray);
	}

	form label.search input {
		padding: 10px 10px 10px 40px;
	}

	form label.date {
		flex-direction: row;
		align-items: flex-start;
	}

	form label.date span {
		min-width: 35px;
		margin-right: 10px;
		margin-bottom: 0;
		font-size: 20px;
		color: var(--span-default-text-color);
	}

	form label.checkbox {
		display: block;
	}

	form label.checkbox input[type="checkbox"],
	form label.checkbox input[type="radio"] {
		height: 16px;
		margin-right: 5px;
	}

	form label.checkbox > span {
		font-size: var(--font-size-default);
		font-weight: var(--font-weight-regular);
		color: var(--span-default-text-color);
		margin-bottom: 0;
	}

	form label.checkbox.invalid > span {
		color: var(--red);
	}

	form label.file > span small {
		font-size: 14px;
		font-weight: var(--font-weight-regular);
		color: var(--span-default-text-color);
	}

	form label.invalid span {
		color: var(--red);
	}

	form div.buttons {
		display: flex !important;
		justify-content: space-between !important;
	}
	/** ==== Formulare ==== **/

	/** ==== Icon-Block ==== **/
	.row.block.icons > a {
		margin-bottom: 15px;
	}

	.row.block.icons > a > div {
		background-color: var(--highlight-text-color);
		height: 100%;
		width: 100%;
		position: relative;
		display: flex;
		align-content: center;
		justify-content: center;
		align-items: center;
		flex-flow: column;
		padding: 40px 0 25px;
	}

	.row.block.icons img {
		display: inline-block;
		height: 100px;
		width: 100px;
	}

	.row.block.icons p {
		padding: 0 5px;
		color: var(--white);
		font-size: 16px;
		font-weight: var(--font-weight-bold);
		text-align: center;
		display: inline-flex;
		align-items: flex-end;
		margin-top: 15px;
	}

	.row.block.icons p em {
		color: var(--text-category-bold-color);
	}
	/** ==== Icon-Block ==== **/

	/** ==== Contacts-Block ==== **/
	.block.contacts p {
		margin-bottom: 0 !important;
	}

	.block.contacts .row.content {
		row-gap: 20px;
	}

	.block.contacts .row.content .contact-name,
	.block.contacts .row.content .contact-title {
		margin-bottom: 0;
	}

	.block.contacts .row.content .contact-name {
		color: var(--highlight-text-color);
	}

	.block.contacts .row.content .contact-title-container {
		margin-bottom: 20px;
	}
	/** ==== Contacts-Block ==== **/

	/** ==== Newsletter-Block ==== **/
	.row.block.newsletter form > div {
		display: flex;
		flex-wrap: wrap;
	}

	.row.block.newsletter button {
		font-size: 20px;
		width: 40%;
	}

	.row.block.newsletter input {
		padding: 0 10px;
		width: 60%;
	}

	.row.block.newsletter button,
	.row.block.newsletter input {
		margin: 10px 0;
	}
	/** ==== Newsletter-Block ==== **/

	/** ==== Aktuelles & Highlights-Block ==== **/
	.row.block.teaser > div {
		position: relative;
		margin-bottom: 55px;
	}

	.row.block.teaser .news-container + p a,
	.row.block.teaser .highlights p a,
	.row.block.teaser .calendar-container + p a {
		font-size: 26px;
		font-weight: var(--font-weight-bold);
	}

	.row.block.teaser .news-container > div > p:last-child {
		margin-bottom: 0;
	}

	.row.block.teaser > div > p:has(a) {
		position: absolute;
		bottom: -55px;
	}

	.row.block.teaser .news-container a svg {
		width: 16px;
		height: 12px;
	}

	.row.block.teaser .news-container {
		margin-bottom: 20px;
	}

	.row.block.teaser .highlights {
		margin-top: 75px;
	}

	.row.block.teaser .calendar-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		background-color: var(--calendar-background-color);
		margin-bottom: 20px;
		padding: 30px;
	}

	.row.block.teaser .events-container {
		margin-top: 45px;
	}

	.row.block.teaser .events-container .event {
		display: flex;
		margin-bottom: 20px;
	}

	.row.block.teaser .events-container .event p {
		display: flex;
		justify-content: center;
		align-items: center;
		min-width: 66px;
		max-width: 66px;
		min-height: 66px;
		margin: 0;
		background-color: var(--highlight-text-color);
		font-size: 20px;
		font-family: "Playfair Display", sans-serif;
		color: var(--white);
	}

	.row.block.teaser .events-container .event h3 {
		display: flex;
		align-items: center;
		flex-grow: 1;
		margin: 0;
		background-color: var(--white);
		padding: 0 10px;
	}
	/** ==== Aktuelles & Highlights-Block ==== **/

	/** ==== Akkordeon-Block ==== **/
	.accordion summary {
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: var(--sidebar-blocks-background-color);
		padding: 30px;
		list-style-type: none;
		cursor: pointer;
	}

	.accordion details {
		margin-bottom: 10px;
	}

	.accordion summary h3 {
		margin-bottom: 0;
	}

	.accordion .content h4 {
		margin-bottom: 20px;
	}

	.accordion summary svg {
		min-width: 21px;
		max-width: 21px;
		height: 21px;
	}

	.accordion summary svg .cls-1 {
		stroke: var(--highlight-text-color);
	}

	.accordion summary svg {
		stroke: var(--icons-general-color);
	}

	.accordion summary svg {
		margin-left: auto;
	}

	.accordion summary h3 + svg {
		margin-left: unset;
	}

	.accordion details:not([open]) summary .close,
	.accordion details[open] .open {
		display: none;
	}

	.accordion details[open] .close {
		display: block;
	}

	.accordion details .content {
		padding: 25px 0;
	}
	/** ==== Akkordeon-Block ==== **/

	/** ==== Teaser Slider Block ==== **/
	.teaser_slider {
		background-color: var(--light-gray);
		padding: 40px;
	}

	.teaser_slider .slick-track {
		display: flex;
		gap: 7.5px;
	}

	.teaser_slider .teaser {
		display: block;
		position: relative;
		min-height: 400px;
	}

	.teaser_slider .teaser > div {
		position: relative;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	.teaser_slider .teaser > div:not(.content) {
		position: absolute;
	}

	.teaser_slider .teaser img {
		height: 100%;
		object-fit: cover;
	}

	.teaser_slider .teaser .blue_filter {
		background-color: var(--project-tile-overlay-color);
		opacity: 0.7;
	}

	.teaser_slider .teaser .content {
		display: flex;
		flex-direction: column;
		flex: 1 1 0;
	}

	.teaser_slider .teaser .content > .category {
		margin-top: 40px;
	}

	.teaser_slider .teaser .content > .category p {
		padding: 15px 20px 15px 40px;
		background-color: var(--white);
		color: var(--genre-text-color);
		display: inline-block;
		font-family: "Playfair Display", sans-serif;
		font-size: 20px;
		font-weight: var(--font-weight-bold);
	}

	.teaser_slider .teaser .content > .header {
		flex: 1 0 0;
		padding: 20px 40px;
	}

	.teaser_slider .teaser .content > .header h3 {
		color: var(--white);
		font-weight: var(--font-weight-bold);
	}

	.teaser_slider .teaser .content > .link {
		padding: 0 40px 30px 40px;
	}

	.teaser_slider .teaser .content > .link a {
		color: var(--white);
		font-size: 20px;
		font-weight: var(--font-weight-bold);
	}

	.teaser_slider .teaser .content > .link svg .cls-1 {
		stroke: var(--white);
	}

	.teaser_slider a.all {
		font-size: 26px;
		font-weight: var(--font-weight-bold);
	}

	.block.teaser_slider .slick-dots > li {
		border: 2px solid var(--highlight-text-color);
	}

	.block.teaser_slider .slick-dots > li.slick-active {
		background-color: var(--highlight-text-color);
	}

	.block.teaser_slider .slick-dots li button .slick-dot-icon,
	.block.teaser_slider .slick-dots li.slick-active button .slick-dot-icon {
		display: none;
	}

	.teaser_slider .slick-arrow svg .cls-1 {
		stroke: var(--highlight-text-color);
	}

	.teaser_slider .slick-next,
	.teaser_slider .slick-prev {
		font-size: 42px;
		color: var(--highlight-text-color);
	}

	.teaser_slider .slick-prev {
		left: -25px !important;
	}

	.teaser_slider .slick-next {
		right: -25px !important;
	}

	.teaser_slider .watermark img {
		opacity: 0.5;
	}

	.teaser_slider .slick-dots-container {
		position: relative;
		margin-bottom: 35px;
	}

	.teaser_slider .slick-dots-container .slick-dots {
		position: initial;
	}

	.teaser_slider .all svg .cls-1 {
		stroke: var(--highlight-text-color);
	}

	.teaser_slider .all svg .cls-1 {
		stroke: var(--icons-general-color);
	}
	/** ==== Teaser Slider Block ==== **/

	/** ==== Header Block ==== **/
	.block.header .header-container,
	.block.header .slide-container,
	.block.header .slide {
		position: relative;
		height: 900px;
	}

	.block.header .slick-track,
	.block.header .slick-slide,
	.block.header .slick-slide > div,
	.block.header .image-container img,
	.block.header .watermark-container img,
	.block.header .content-container {
		height: 900px;
	}

	.block.header.small .header-container,
	.block.header.small .slide-container,
	.block.header.small .slide,
	.block.header.small .slick-track,
	.block.header.small .slick-slide,
	.block.header.small .slick-slide > div,
	.block.header.small .image-container img,
	.block.header.small .watermark-container img,
	.block.header.small .content-container {
		height: 300px;
	}

	.block.header.small .content-container {
		display: none;
	}

	.block.header .image-container,
	.block.header .watermark-container,
	.block.header .content-container {
		position: absolute;
		top: 0;
		width: 100%;
	}

	.block.header .image-container img {
		object-fit: cover;
	}

	.block.header .watermark-container img {
		object-fit: contain;
		height: auto;
	}

	.block.header .watermark-container {
		top: unset;
		bottom: 0;
		right: 0;
		width: 50%;
		opacity: 0.35;
	}

	.block.header .content-container {
		display: flex;
		align-items: center;
	}

	.block.header .content-container .slide-content {
		display: inline-block;
		position: relative;
		background-color: var(--header-teaser-background-color);
		padding: 30px;
	}

	.block.header .content-container .slide-content .category {
		color: var(--genre-text-color);
		font-size: 26px;
		font-weight: var(--font-weight-bold);
	}

	.block.header .content-container .slide-content a {
		font-size: 20px;
	}

	.block.header .content-container .slide-content a svg .cls-1 {
		stroke: var(--highlight-text-color);
	}

	.block.header .content-container .slide-content a svg {
		stroke: var(--icons-general-color);
	}

	.block.header #slick-dots-container {
		position: relative;
		bottom: 129px;
	}

	.block.header.small #slick-pause-container {
		bottom: 20px;
	}

	.block.header #slick-pause-container {
		position: absolute;
		display: flex;
		align-items: center;
		bottom: 70px;
		width: 100%;
		text-align: right;
	}

	.block.header #slick-pause-container button {
		position: relative;
		right: 5px;
		background-color: transparent;
		width: 52px;
		height: 52px;
		padding: 0;
		z-index: 1;
	}

	.block.header #slick-pause-container button > * {
		pointer-events: none;
	}

	.block.header #slick-pause-container button svg.pause,
	.block.header #slick-pause-container button svg.play {
		width: 52px;
		height: 52px;
		fill: var(--icons-general-color);
	}

	.block.header #slick-pause-container button.playing .pause,
	.block.header #slick-pause-container button:not(.playing) .play {
		display: inline-block;
	}

	.block.header #slick-pause-container button:not(.playing) .pause,
	.block.header #slick-pause-container button.playing .play {
		display: none;
	}

	.block.header #slick-dots-container .slick-dots {
		position: relative;
		right: 0;
	}

	.block.header:not(.small) #slick-dots-container .slick-dots {
		bottom: 23px;
	}

	.block.header #slick-dots-container .slick-dots li {
		margin: 0 2px;
	}

	.block.header #slick-dots-container .slick-dots {
		text-align: center;
	}

	.block.header #slick-dots-container .slick-dots > li {
		border: 2px solid var(--highlight-text-color);
	}

	.block.header #slick-dots-container .slick-dots > li.slick-active {
		background-color: var(--highlight-text-color);
	}

	.block.header #slick-dots-container .slick-dots > li {
		background-color: var(--header-teaser-background-color);
	}

	.block.header .slick-dots li button .slick-dot-icon,
	.block.header .slick-dots li.slick-active button .slick-dot-icon {
		display: none;
	}

	.block.header .slick-autoplay-toggle-button {
		display: none;
	}
	/** ==== Header Block ==== **/

	/** ==== Weitere Informationen-Block ==== **/
	.more-information-block h2,
	.more-information-block-small h2 {
		font-size: 26px;
		margin: 0 0 10px;
	}

	.more-information-block-small summary h2 {
		margin: 0;
	}

	.more-information-block h2::after,
	.more-information-block-small h2::after {
		all: unset;
	}

	.block.more-information .tiles h3,
	.more-information-block h3 {
		font-size: 20px;
		font-weight: var(--font-weight-bold);
	}

	.more-information-block h3,
	.more-information-block-small h3 {
		margin: 30px 0 20px;
	}

	.block.more-information .tiles {
		background-color: var(--light-gray);
		margin: 15px 0 0;
		padding: 15px;
	}

	.more-information-block-small summary {
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: var(--light-gray);
		list-style-type: none;
		cursor: pointer;
	}

	.more-information-block-small details summary svg {
		width: 18px;
		height: 18px;
	}

	.more-information-block-small details:not([open]) summary .close,
	.more-information-block-small details[open] .open {
		display: none;
	}

	.more-information-block-small details[open] .close {
		display: block;
	}

	.more-information-block-small details .content {
		padding: 25px 0;
	}
		/** ==== Weitere Informationen-Block ==== **/

	/** ==== Kalender ==== **/
	div.ego-calendar-container {
		width: auto;
	}

	.ego-calendar-container .ego-calendar-day,
	.ego-calendar-container .ego-calendar-prev,
	.ego-calendar-container .ego-calendar-month-name,
	.ego-calendar-container .ego-calendar-next,
	.ego-calendar-container .ego-calendar-weekend {
		background-color: transparent;
	}

	.ego-calendar-container .ego-calendar-header {
		margin-bottom: 10px;
	}

	.ego-calendar-container .ego-calendar-prev:hover,
	.ego-calendar-container .ego-calendar-next:hover {
		background-color: transparent;
	}

	.ego-calendar-container .ego-calendar-divider {
		display: none;
	}

	.ego-calendar-container .ego-calendar-day:nth-child(-n+7),
	.ego-calendar-container .ego-calendar-day:not(.ego-calendar-disabled) {
		color: var(--calendar-otherdays-text-color);
	}


	.ego-calendar-container .ego-calendar-prev,
	.ego-calendar-container .ego-calendar-month-name,
	.ego-calendar-container .ego-calendar-next {
		color: var(--darker-gray);
	}

	.ego-calendar-container .ego-calendar-weekend {
		font-weight: var(--font-weight-regular);
	}

	.ego-calendar-container .ego-calendar-weekend,
	.ego-calendar-container .ego-calendar-day:not(:nth-child(-n+7)):hover {
		background-color: transparent;
		cursor: default;
	}

	#events_list .ego-calendar-container .ego-calendar-day:not(.ego-calendar-disabled):not(:nth-child(-n+7)):hover {
		cursor: pointer;
	}

	.ego-calendar-container .ego-calendar-today {
		color: var(--calendar-today-text-color);
		position: relative;
		border: 1px solid var(--calendar-today-border-color);
		font-weight: var(--font-weight-bold);
	}

	.ego-calendar-container .ego-calendar-day.ego-calendar-disabled {
		color: var(--calendar-prevnext-text-color);
	}
	/** ==== Kalender ==== **/

	/** ==== Pagination ==== **/
	.pagination {
		display: flex;
		column-gap: 20px;
		align-items: center;
	}

	.pagination button {
		border: none;
		background-color: transparent;
		color: var(--sort-pagination-text-color);
		font-size: 20px;
		font-weight: var(--font-weight-light);
	}

	.pagination .pagination__item.active button {
		font-weight: var(--font-weight-bold);
	}

	.pagination button[disabled] {
		pointer-events: none;
	}

	.pagination button svg {
		width: 14px;
		height: 14px;
	}

	.pagination button svg .cls-1 {
		stroke: var(--highlight-text-color);
	}

	.pagination button svg {
		stroke: var(--icons-general-color);
	}

	.pagination button svg path {
		stroke: var(--sort-pagination-text-color);
	}
	/** ==== Pagination ==== **/

	/** ==== Kategorie ==== **/
	.category-image {
		display: flex;
		align-items: center;
		column-gap: 5px;
		margin-bottom: 10px;
	}

	.category-image > div,
	.category-image picture,
	.category-image img {
		width: 30px;
		height: 30px;
	}

	.category-image.large > div,
	.category-image.large picture,
	.category-image.large img {
		width: 45px;
		height: 45px;
	}
	/** ==== Kategorie ==== **/

	/** ==== Tabelle ==== **/
	table {
		border-collapse: collapse;
		width: 100%;
	}

	table thead {
		color: var(--table-header-text-color);
		background-color: var(--table-header-background-color);
	}

	table thead a {
		color: var(--white);
		font-weight: var(--font-weight-bold);
		text-decoration: underline;
	}

	table thead a:hover {
		text-decoration: none;
	}

	table th {
		padding: 10px;
	}

	table th:first-child {
		text-align: left;
	}

	table td {
		color: var(--highlight-text-color);
		text-align: center;
		padding: 15px;
	}

	table td:first-child {
		text-align: left;
	}

	table td a {
		font-weight: var(--font-weight-bold);
		text-decoration: underline;
	}

	table td a:hover {
		text-decoration: none;
	}

	table tbody tr:nth-child(odd) {
		background-color: var(--white);
	}

	table tbody tr:nth-child(even) {
		background-color: var(--sidebar-blocks-background-color);
	}
	/** ==== Tabelle ==== **/

	header .navigation button {
		display: flex;
		justify-content: space-between;
		width: 100%;
		border: none;
		padding: 0;
		background-color: transparent;
		font-size: 29px;
		color: var(--nav-text-color);
		font-weight: var(--font-weight-bold);
		text-align: left;
		height: auto;
	}

	header .navigation button:not([disabled]):hover {
		cursor: pointer;
	}

	header .navigation div button svg path,
	button svg path{
		stroke: var(--nav-arrows-color) !important;
	}

	header .navigation div button svg {
		width: 15px;
		height: 20px;
		margin-left: 10px;
	}

	header .navigation button svg {
		transform: rotate(0deg);
		transition: transform .25s ease-in-out;
	}

	header .navigation button.active svg {
		transform: rotate(90deg);
		transition: transform .25s ease-in-out;
	}

	.sidenav a:hover {
		text-decoration: none;
	}

	.sidenav .nav-button:has(a.current) {
		border-bottom: 2px solid var(--sidebar-active-underline-color);

	}

	.sidenav .navigation-mobile button,
	.sidenav .navigation-mobile .nav-button {
		display: flex;
		justify-content: space-between;
		border: none;
		padding: 0;
		background-color: transparent;
		color: var(--nav-text-color);
		font-weight: var(--font-weight-regular);
		height: auto;
	}

	.sidenav .navigation-mobile .nav-button button {
		padding-left: 20px;
		min-height: 20px;
	}

	.sidenav .navigation-mobile button:not([disabled]):hover,
	.sidenav .navigation-mobile .nav-button:not([disabled]):hover {
		cursor: pointer;
	}

	.sidenav .navigation-mobile .nav-button:hover {
		border-bottom: 2px solid var(--sidebar-underline-color);
	}

	.sidenav .navigation-mobile button:not([disabled]):hover > span:first-child,
	.sidenav .navigation-mobile .nav-button:not([disabled]):hover > span:first-child {
		text-decoration: underline;
	}

	.sidenav .navigation-mobile button svg path,
	.sidenav .navigation-mobile .nav-button svg path {
		stroke: var(--sidebar-arrows-color) !important;
	}

	.sidenav .navigation-mobile button svg,
	.sidenav .navigation-mobile .nav-button svg {
		width: 15px;
		height: 20px;
		margin-right: 20px;
	}

	.sidenav .navigation-mobile button + .menu,
	.sidenav .navigation-mobile .nav-button + .menu {
		display: none;
	}

	.sidenav .navigation-mobile button svg,
	.sidenav .navigation-mobile .nav-button svg {
		transform: rotate(0deg);
		transition: transform .25s ease-in-out;
	}

	.sidenav .navigation-mobile button.active + .menu,
	.sidenav .navigation-mobile .nav-button.active + .menu {
		display: block;
		background-color: var(--sub-menu-background);
		padding: 0 0 1px;
	}

	.menu a {
		color: var(--sub-menu-text-color);
	}

	.sidenav .navigation-mobile button.active,
	.sidenav .navigation-mobile .nav-button.active {
		background-color: var(--white);
	}

	.sidenav .navigation-mobile button.active svg,
	.sidenav .navigation-mobile .nav-button.active svg {
		transform: rotate(90deg);
		transition: transform .25s ease-in-out;
	}

	.sidenav .navigation-mobile .menu button.second-level {
		display: inline;
		width: unset;
		padding: 5px;
		color: var(--darker-gray);
		font-size: 19px;
	}

	.sidenav .navigation-mobile .menu button.second-level svg {
		width: 11px;
		height: 13px;
	}

	.sidenav .navigation-mobile .menu button.second-level svg .cls-1 {
		stroke: var(--darker-gray);
	}

	.sidenav .navigation-mobile .menu button.second-level + ul {
		margin-left: 20px;
	}

	.sidenav .navigation-mobile button.active + ul.menu {
		padding-bottom: 0;
	}

	.sidenav .navigation-mobile ul > li:first-child {
		padding-top: 15px;
	}

	.sidenav .navigation-mobile .nav-container {
		padding-top: 20px;
	}

	.sidenav .navigation-mobile .nav-container.active {
		background-color: var(--white);
	}

	.sidenav .navigation-mobile a.current {
		font-weight: var(--font-weight-bold);
	}

	.sidenav .navigation-mobile a.current + button {
		background-color: var(--white);
	}

	.sidenav .navigation-mobile .container div.active {
		font-weight: var(--font-weight-bold);
	}

	.sidenav .navigation-mobile .container .menu button {
		padding: 0 0 0 20px;
	}

	.sidenav .navigation-mobile .container .nav-button button[disabled=""] {
		display: none !important;
	}

	.sidenav .navigation-mobile .container .nav-button a {
		padding: 5px 0 10px 0;
	}

	.sidenav .navigation-mobile .container .nav-button a.current {
		background-color: var(--white);
		width: 100%;
	}

	.sidenav .navigation-mobile .container .menu ul li a.active {
		font-weight: var(--font-weight-bold);
	}

	.block figure figcaption p.copyright {
		text-align: right;
		font-size: var(--font-size-default);
	}

	.block figure figcaption p.copyright::before {
		content: '©';
		padding-right: 5px;
		font-size: var(--font-size-default);
		vertical-align: middle;
	}

	.map-text {
		display: flex !important;
		flex-direction: row;
	}

	div.map-text.row-reverse {
		flex-direction: row-reverse;
	}

	div.map-text div.col-5.ego_leaflet > div.leaflet-container {
		width: 100% !important;
	}

	div.map-text div.col-5.text {
		flex: 50% !important;
	}

	.block.text_image {
		position: relative;
	}

	.slick-dots li {
		margin: 0 5px !important;
	}

	dt:nth-of-type(even),
	dt:nth-of-type(even) + dd,
	dt:nth-of-type(even) + dd + dd,
	dt:nth-of-type(even) + dd + dd + dd,
	dt:nth-of-type(even) + dd + dd + dd + dd {
		background-color: var(--light-gray) !important;
	}
}

/** XXS und kleiner **/
@media (max-width: 512px) {
	header .quicklinks a.icon i {
		display: none;
	}
}

@media (min-width: 512px) {
	.block.header #slick-dots-container .slick-dots li {
		margin: 0 5px;
	}
}

/** XS und kleiner **/
@media (max-width: 767px) {
	/** ==== Newsletter-Block ==== **/
	.row.block.newsletter button,
	.row.block.newsletter input {
		width: 100%;
	}
	/** ==== Newsletter-Block ==== **/
	.row.block.teaser .calendar-container {
		padding: 5px;
	}

	/** ==== Tabelle ==== **/
	table thead {
		display: none;
	}

	table tr {
		display: flex;
		flex-direction: column;
	}

	table td:first-child {
		text-align: center;
		background-color: var(--highlight-text-color);
		color: var(--white);
	}

	table td:first-child a {
		color: var(--white);
		text-decoration: underline;
		font-weight: var(--font-weight-bold);
	}

	table tbody td:nth-child(even):not(:first-child) {
		background-color: var(--white);
	}

	table tbody td:nth-child(odd):not(:first-child) {
		background-color: var(--light-gray);
	}

	table td {
		font-size: var(--font-size-h3);
	}
	/** ==== Tabelle ==== **/
}

/** SM **/
@media (min-width: 768px) and (max-width: 991px) {
	/** ==== Newsletter-Block ==== **/
	.row.block.newsletter button,
	.row.block.newsletter input {
		width: 100%;
	}
}

/** MD und kleiner **/
@media (max-width: 1199px) {
	* {
		scroll-margin-top: 120px !important;
	}

	.sidenav {
		display: none !important;
	}

	header {
		height: 120px;
		box-shadow: 0 -5px 0 var(--nav-shadow-color) inset;
	}

	header .header-top {
		height: 120px;
	}

	header nav {
		display: none;
	}

	header nav.active {
		position: relative;
		display: block;
		height: calc(100vh - 120px);
		background-color: var(--light-gray);
		padding: 20px 0;
		z-index: 2;
		box-shadow: 0 5px 5px var(--shadow-color) inset;
		overflow-y: auto;
	}

	header .search-container {
		width: 100%;
		margin-bottom: 35px;
	}

	header .quicklinks {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 35px;
	}

	header .navigation-mobile .nav-container .container,
	header .navigation-mobile .nav-container li {
		position: relative;
	}

	header .navigation-mobile .nav-container > .container > a span {
		font-size: 29px;
		color: var(--nav-text-color);
		font-weight: var(--font-weight-bold);
		text-align: left;
		text-decoration: none;
	}

	header .navigation-mobile a span {
		display: block;
		width: 80%;
		overflow-wrap: break-word;
	}

	header .navigation-mobile a {
		display: block;
	}

	header .navigation-mobile button {
		display: flex;
		justify-content: end;
		align-content: center;
		padding: 0 10px;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 36px;
		border: none;
		background-color: transparent;
		font-size: 29px;
		color: var(--nav-text-color);
		font-weight: var(--font-weight-bold);
		text-align: left;
	}

	header .navigation-mobile button.active {
		left: calc(100% - 40px);
	}

	header .navigation-mobile button:not([disabled]):hover {
		cursor: pointer;
	}

	header .navigation-mobile button:not([disabled]):hover > span:first-child {
		text-decoration: underline;
	}

	header .navigation-mobile button + .menu {
		display: none;
		font-size: 21px;
	}

	header .navigation-mobile button svg {
		transform: rotate(0deg);
		transition: transform .25s ease-in-out;
	}

	header .navigation-mobile button.active + .menu {
		display: block;
		background-color: var(--white);
		padding: 0 0 10px;
	}

	header .navigation-mobile button.active svg {
		transform: rotate(90deg);
		transition: transform .25s ease-in-out;
	}

	header .navigation-mobile .menu li {
		list-style: none;
	}

	header .navigation-mobile .menu li:not(:last-of-type) {
		margin-bottom: 25px;
	}

	header .navigation-mobile .menu button.second-level {
		width: unset;
		color: var(--darker-gray);
		font-size: 19px;
		min-height: 36px !important;
	}

	header .navigation-mobile .menu button.second-level svg {
		width: 24px;
		height: 24px;
	}

	header .navigation-mobile .menu button.second-level svg .cls-1 {
		stroke: var(--darker-gray);
	}

	header .navigation-mobile .menu button.second-level + ul {
		margin-left: 20px;
	}

	header .navigation-mobile button.active + ul.menu {
		padding-bottom: 0;
	}

	header .navigation-mobile ul > li:first-child {
		padding-top: 15px;
	}

	header .navigation-mobile .nav-container {
		padding-top: 20px;
	}

	header .navigation-mobile .nav-container.active {
		background-color: var(--white);
	}

	.header-top button.nav-toggle {
		flex-direction: column;
	}

	div.row.block.map-text {
		display: inline-block !important;
	}

	.more-information-block {
		display: none;
	}
}

/** LG und größer **/
@media (min-width: 1200px) {
	:root {
		--font-size-h1: 56px;
		--font-size-h2: 43px;
		--font-size-h3: 34px;
		--font-size-h4: 26px;
		--font-size-h5: 20px;
		--font-size-default: 18px;

		--font-family-h3: "Fira Sans", sans-serif;
		--font-family-h4: "Fira Sans", sans-serif;
		--font-family-h5: "Playfair Display", sans-serif;
	}

	.row.block.teaser .highlights {
		margin-top: 0;
	}

	/** ==== Akkordeon-Block ==== **/
	.accordion details .content {
		padding: 25px 30px 60px;
	}
	/** ==== Akkordeon-Block ==== **/

	.row.block.icons p {
		font-size: 34px;
	}

	.row.block.icons > a > div {
		padding: 90px 0 25px;
	}

	.row.block.icons p {
		margin-top: 60px;
	}

	.block.header #slick-dots-container .slick-dots {
		text-align: right;
		right: 67px;
	}

	.more-information-block-small {
		display: none;
	}
}

/** LG **/
@media (min-width: 1200px) {
	header .quicklinks a:not(:last-of-type) {
		margin-right: 5px;
	}

	header .quicklinks a:not(:first-of-type),
	header .quicklinks a.icon:not(:first-of-type),
	header .quicklinks a.quicklink-icon:not(:first-of-type) {
		margin-left: 5px;
	}

	header .quicklinks a.quicklink-icon i {
		display: inline;
	}

	img.desktop_width {
		max-width: 75% !important;
	}
}

/* XL und größer */
@media (min-width: 1400px) {
	header .quicklinks a:not(:last-of-type) {
		margin-right: 20px;
	}

	header .quicklinks a:not(:first-of-type) {
		margin-left: 20px;
	}

	header .quicklinks a.quicklink-icon:not(:first-of-type) {
		margin-left: 15px;
	}

	.teaser_slider .slick-prev {
		left: -50px !important;
	}

	.teaser_slider .slick-next {
		right: -50px !important;
	}
}