/* ---------- START /pub/theme/bocholt/skin/style.css ---------- */

@charset "UTF-8";

:root {
	--primary-color: #65B32E;
	--primary-transparent-color: #65B32E66;
	--primary-contrast: #337B00;
	--secondary-color: #FFFFFF;
	--background-color: #f6f6f2;
	--hover-color: #C1E1AB;
	--font-color: #0C0C0C;
	--box-shadow-color: #00000029;
	--footer-primary-color: #6C757D;
	--footer-secondary-color: #5A6268;
	--category-color: #404041;
	--disabled-color: #606060bf;
	--table-even-color: #E6E5DD;
	--table-odd-color: #F1F0EB;
	--error: #DF0000;

	--vh: 1vh;

	--font-weight--light: 300;
	--font-weight--regular: 500;
	--font-weight--bold: 700;

	--font-size--h1: 38px;
	--font-size--h2: 30px;
	--font-size--h3: 28px;
	--font-size--h4: 26px;
	--font-size--h5: 24px;
	--font-size--h6: 22px;

	--font-size--button-cta: 26px;
	--font-size--button: 24px;
	--font-size--footer: 22px;
	--font-size--success: 22px;
	--font-size--header: clamp(18px, 1.2vw, 22px);
	--font-size--menu: clamp(18px, 1.2vw, 20px);
	--font-size--submenu: 18px;
	--font-size--text: 1rem;
	--font-size--small-text: 0.9rem;
	--font-size--breadcrumb: 20px;
	--font-size--filter: 20px;
}

@media all {
	body:not(.browser_font) {
		font-family: "Roboto Condensed", sans-serif;
		--font-size--text: 18px;
	}

	html {
		height: auto !important;
		min-height: 0 !important;
	}

	html, body {
		background: var(--secondary-color);
		color: var(--font-color);
		display: flex;
		flex-direction: column;
		font-size: var(--font-size--text);
		margin: 0;
		overflow-wrap: anywhere;
		word-break: normal;
		min-height: 100vh;
		/* svh ist die tatsächliche verfügbare Viewheight
		 * -> wichtig für mobile Geräte, da u.a. die Adressleiste nicht in der normalen vh ausgeschlossen ist
		 * -> wird aber noch nicht in jeder aktuellen Browserversion unterstützt, deshalb Fallback auf eine durch Javascript ermittelte Höhe
		 */
		min-height: 100svh; /* IntelliJ CSS Syntax Error ignorieren! */
		min-height: calc(var(--vh) * 100);
	}

	button, input, select {
		color: var(--font-color);
	}

	.darksite-button-container {
		margin-top: 40px;
	}

	body.no-scroll {
		width: 100%;
		overflow: hidden;
	}

	*:focus {
		outline: 2px dashed var(--font-color);
		outline-offset: 2px;
	}

	a {
		color: inherit;
		text-decoration: inherit;
	}

	a:hover {
		text-decoration: underline;
	}

	.clickable:hover {
		cursor: pointer;
		text-decoration: underline;
	}

	.area_login {
		margin-top: 50px;
		min-height: 200px;
	}

	.area_login .btn {
		margin-top: 20px;
	}

	#main ul, #main ol {
		margin-left: 15px;
		overflow: hidden;
	}

	.no-script {
		display: none;
	}

	#main a,
	#main a svg {
		color: var(--primary-color);
		fill: var(--primary-color);
		text-decoration: underline;
	}

	#main a.lightbox,
	#main a.lightbox svg {
		color: var(--font-color);
		fill: var(--font-color);
		text-decoration: none;
	}

	#main a.text-dark {
		color: var(--font-color);
	}

	#main a:hover {
		text-decoration: none;
	}

	#main a.btn,
	#main button.btn,
	#notifications button.btn,
	#notifications_mobile .unread-news-container.dialog button.btn,
	form.darksite-button button.btn,
	#select-language-banner button.btn {
		display: inline-flex;
		align-items: stretch;
		border-radius: 5px;
		background-color: var(--secondary-color);
		color: var(--font-color);
		text-decoration: none;
		font-family: "Roboto Condensed", sans-serif;
		font-size: 18px;
		font-weight: var(--font-weight--bold);
		text-transform: uppercase;
		box-shadow: 0 3px 6px var(--box-shadow-color);
	}

	#main button.btn,
	#notifications button.btn,
	#notifications_mobile .unread-news-container.dialog button.btn,
	form.darksite-button button.btn,
	#select-language-banner  button.btn {
		border: none;
		padding: 0;
		cursor: pointer;
	}

	#main a.btn span,
	#main button.btn span,
	#notifications button.btn span,
	#notifications_mobile .unread-news-container.dialog button.btn span,
	form.darksite-button button.btn span,
	#select-language-banner button.btn span {
		display: inline-flex;
		flex-grow: 1;
		align-items: center;
		justify-content: center;
		padding: 5px 10px;
	}

	#main a.btn:hover span,
	#main button.btn:hover span,
	#notifications button.btn:hover span,
	#notifications_mobile .unread-news-container.dialog button.btn_hover span,
	form.darksite-button button.btn:hover span,
	#select-language-banner button.btn:hover span {
		text-decoration: underline;
	}

	#main a.btn i,
	#main button.btn i,
	#notifications button.btn i,
	#notifications_mobile .unread-news-container.dialog button.btn i,
	form.darksite-button button.btn i,
	#select-language-banner button.btn i {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 35px;
		width: 35px;
		min-height: 38px;
		border-radius: 0 5px 5px 0;
		background-color: var(--primary-color);
		color: var(--secondary-color);
	}

	#main a.btn.reverse i,
	#main button.btn.reverse i,
	#select-language-banner button.btn.reverse i {
		border-radius: 5px 0 0 5px;
	}

	/* Bei Print-Button Hintergrund Farbe entfernen */
	#main button.icon__btn {
		background-color: unset;
	}

	#main .icon__btn i {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 50px;
		min-height: 50px;
		border-radius: 5px;
		background-color: var(--primary-color);
		color: var(--secondary-color);
		margin-top: 20px;
		text-decoration: none;
	}

	#main .icon__btn:hover {
		text-decoration: none;
	}

	#main .icon__btn i {
		font-size: xx-large;
	}

	.icon-check, .icon-error {
		background-color: var(--primary-color);
		color: var(--secondary-color);
		border-radius: 50%;
		font-size: 18px;
		padding: 6px 7px;
		border: 2px solid var(--secondary-color);
		box-shadow: 0 3px 6px var(--box-shadow-color);
	}

	.icon-check-2 {
		color: var(--primary-color);
		border-radius: 50%;
		font-size: 64px;
		border: 6px solid var(--primary-color);
		width: 100px;
		height: 100px;
		line-height: 100px !important;
		text-align: center;
	}

	.icon-check-2.error {
		border-color: var(--error);
	}

	footer a,
	footer a svg {
		color: var(--secondary-color);
		fill: var(--secondary-color);
		text-decoration: underline;
	}

	footer a:hover {
		text-decoration: none;
	}

	.header-top a:hover {
		color: var(--primary-color);
	}

	a:not(.extern_left) svg.extern {
		margin-left: 3px;
	}

	.mega-menu p, .mobile-main-nav p, .news-teaser__wrapper p, .news-list__news p, .contacts__block p, .more_info p, .topic_tile p, footer p,
	.headerteaser p, .breadcrumb-container p, figure {
		margin: 0;
	}

	form.form-layout > p {
		color: var(--error);
	}

	p {
		margin: 15px 0;
	}

	h1 {
		margin: 25px 0;
		--font-size--h1: var(--font-size--h2);
		font-size: var(--font-size--h1);
	}

	h2 {
		margin: 20px 0;
		font-size: var(--font-size--h2);
		font-weight: var(--font-weight--bold);
	}

	h3 {
		margin: 15px 0;
		font-size: var(--font-size--h3);
	}

	h4 {
		margin: 15px 0;
		font-size: var(--font-size--h4);
	}

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

	h6 {
		font-size: var(--font-size--h6);
	}

	h1:not(.underlined),
	h2:not(.underlined),
	h3:not(.underlined),
	h4:not(.underlined),
	h5:not(.underlined),
	h6:not(.underlined) {
		margin: 15px 0;
	}

	/* Besondere Heading Styles mit Unterstrich */
	h1.underlined, h2.underlined, h3.underlined, h4.underlined {
		position: relative;
	}

	h1.underlined::after, h2.underlined::after, h3.underlined::after, h4.underlined::after {
		content: '';
		position: absolute;
		bottom: -5px;
		left: 0;
		width: 135px;
		height: 5px;
		border-radius: 5px;
		background-color: var(--primary-color);
	}

	figure img {
		margin-bottom: 10px;
	}

	figure > figcaption p {
		margin: 0;
	}

	img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.invalid > input,
	input:invalid,
	textarea:required:empty,
	#main .form-container [aria-invalid="true"],
	form .mandatory-error {
		outline: 2px dashed var(--error);
		outline-offset: 2px;
	}

	form .form-error-message.hidden {
		display: none;
	}

	input, select {
		height: 34px;
		border: 1px solid var(--category-color);
		background-color: var(--secondary-color);
		padding: 0 10px;
		font-size: 18px;
	}

	input[type="file"] {
		line-height: 34px;
		padding-left: 0;
	}

	input::file-selector-button {
		border: none;
		border-radius: 0 5px 5px 0;
		background: var(--secondary-color) url("/pub/theme/bocholt/skin/assets/icons/file-add.png") right center no-repeat;
		background-size: contain;
		color: var(--font-color);
		text-decoration: none;
		font-family: "Roboto Condensed", sans-serif;
		font-size: 16px;
		line-height: 34px;
		font-weight: var(--font-weight--bold);
		text-transform: uppercase;
		box-shadow: 0 3px 6px var(--box-shadow-color);
		padding: 0 36px 0 6px;
		margin-right: 8px;
		cursor: pointer;
	}

	textarea {
		height: 250px;
		border: 1px solid var(--category-color);
		background-color: var(--secondary-color);
		padding: 10px;
		font-size: 18px;
		resize: none;
	}

	input, select, textarea {
		font-family: "Roboto Condensed", sans-serif;
	}

	input[type="radio"],
	input[type="checkbox"] {
		height: 16px;
	}

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

	body.contrast {
		--primary-color: var(--primary-contrast);
	}

	.small {
		--font-size--h2: 26px;
		--font-size--h3: 24px;
	}

	.tiny {
		--font-size--h2: 24px;
		--font-size--h3: 22px;
	}

	.message {
		text-align: center;
		font-weight: bold;
		font-size: var(--font-size--h3);
		color: var(--primary-color);
	}

	.sidebarI_toc .block,
	.block:not(:last-of-type),
	.page_frame .block {
		margin-bottom: 30px;
	}

	.primary-color {
		color: var(--primary-color);
	}

	.float-clear {
		clear: both;
	}

	.scrollable {
		overflow: auto;
	}

	.scrollable-x {
		overflow-x: auto;
	}

	.scrollable-y {
		overflow-y: auto;
	}

	.category,
	.category--top  {
		display: inline-block;
		margin-bottom: 5px;
		padding: 0 10px;
		background-color: var(--category-color);
		color: var(--secondary-color);
		font-size: 18px;
		text-align: center;
	}

	.category--top {
		margin-top: 45px;
	}

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

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

	.error {
		color: var(--error);
		text-transform: uppercase;
		font-weight: var(--font-weight--bold);
	}

	.success {
		color: var(--primary-color);
		text-transform: uppercase;
		font-weight: var(--font-weight--bold);
		font-size: var(--font-size--success);
	}

	.form-group > * {
		margin-bottom: 30px;
	}

	hr.form-group-separator {
		border: none;
		border-bottom: 1px dashed var(--footer-primary-color);
		margin-bottom: 30px;
	}

	hr.form-group-separator:last-of-type:not(:first-of-type) {
		display: none;
	}

	.text-input,
	.text-input--plain {
		display: flex !important;
		flex-direction: column;
		row-gap: 10px;
	}

	.text-input span {
		font-size: 22px;
		font-weight: var(--font-weight--bold);
	}

	.radio-horizontal {
		display: flex;
		align-items: center;
		height: 36px;
	}

	.radio-horizontal label:not(:first-of-type) {
		margin-left: 10px;
	}

	body .leaflet-container * {
		z-index: 10;
	}

	body .map-block .leaflet-top.leaflet-right .leaflet-control,
	body .event-entry .leaflet-top.leaflet-right .leaflet-control {
		display: none;
	}

	.leaflet-popup-close-button {
		text-decoration: none !important;
		color: #757575 !important;
	}

	#main .leaflet-control-zoom a {
		color: unset;
		text-decoration: none;
	}

	/* Für Elemente die eigentlich keine font-size brauchen, z.b. Logo in Header, aber von Browser Font beeinflusst werden würde */
	.font-fix {
		font-size: 1px;
	}

	#mobile-menu .mobile-menu-content .font-fix {
		line-height: 1px;
	}

	header {
		z-index: 1002;
	}

	header .header-top {
		width: 100%;
		position: fixed;
		bottom: 0;
		background: var(--secondary-color);
		box-shadow: inset 0 3px 6px var(--box-shadow-color);
		height: 75px;
		z-index: 1;
	}

	header .mobile-search-bar {
		position: absolute;
		display: none;
		top: -76px;
		width: 100%;
		height: 76px;
		background-color: var(--primary-color);
	}

	header .mobile-search-bar.active {
		display: block;
	}

	header .mobile-search-bar.chatbot {
		top: -96px;
		height: 96px;
	}

	header #search-suggestions_mobile {
		bottom: calc(100% + 96px);
	}

	header .mobile-search-bar__wrapper {
		position: relative;
		display: flex;
		margin: 20px;
	}

	header .mobile-search-bar .search-button {
		position: absolute;
		top: -17px;
		right: -15px;
		width: 70px;
		border: 5px solid var(--primary-color) !important;
		background-color: var(--secondary-color) !important;
		border-radius: 50%;
		padding: 15px;
	}

	header .mobile-search-bar__wrapper input[type="text"] {
		width: 100%;
		border: none;
		background-color: var(--secondary-color);
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		padding-right: 70px;
		color: var(--font-color);
	}

	header .mobile-search-bar__wrapper button:not(.toggle-search-button-mobile) {
		border: none;
		background-color: transparent;
		font-size: 24px;
		color: var(--primary-color);
	}

	header .header-logo__container {
		display: flex;
		align-items: center;
		height: 100%;
		position: relative;
		max-width: calc(100% - 76px - 48px);
	}

	header .mobile-search-icon {
		position: absolute;
		right: 76px;
		top: 0;
		width: 48px;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		outline-offset: -2px;
		border: none;
		background-color: transparent;
		padding: 0 8px;
	}

	header .mobile-search-icon i {
		font-size: 28px;
		color: var(--font-color);
		pointer-events: none;
	}

	header .mobile-search-icon.active i {
		color: var(--primary-color);
	}

	header .header-logo__wrapper {
		left: 30px;
		position: absolute;
		z-index: 11;
	}

	header .header-logo__wrapper img {
		max-width: calc(100% - 30px);
		width: 270px;
	}

	header .header-control,
	header .header-control #confirm-select-language {
		font-size: var(--font-size--header);
		position: relative;
	}

	header .header-control,
	header .header-control > .row {
		height: 100%;
	}

	header .header-control__container {
		gap: 30px;
	}

	header .header-control__container .header-control__wrapper {
		white-space: nowrap;
	}

	header .header-control__container .header-control__wrapper.flag__wrapper {
		display: flex;
		justify-content: space-between;
		min-width: 80px;
	}

	header .header-control__container .header-control__wrapper.flag__wrapper,
	header .header-control__container .header-control__wrapper.flag__wrapper .flag img {
		height: 20px;
	}

	header .header-control__container .header-control__wrapper span {
		padding-left: 5px;
	}

	header .header-control__container .header-control__wrapper i {
		font-size: calc(var(--font-size--header) + 2px);
	}

	header nav.header-navbar {
		background: var(--primary-color);
		box-shadow: 0 3px 6px var(--box-shadow-color);
		height: 50px;
	}

	header nav.header-navbar > * {
		height: 100%;
	}

	header nav.header-navbar *:focus {
		outline-offset: 4px;
	}

	header nav.header-navbar .mega-menu *:focus {
		outline-offset: 0;
	}

	header nav.header-navbar li {
		list-style: none;
	}

	header .navbar-button__container {
		gap: 15px;
		height: 100%;
		margin: 0;
		padding: 0;
	}

	header .navbar-button__wrapper {
		border-bottom: 6px solid var(--primary-color);
		border-top: 6px solid transparent;
		height: calc(100% - 12px);
	}

	header .navbar-button__wrapper:focus,
	header .navbar-button__wrapper:focus-within,
	header .navbar-button__wrapper:hover,
	header .navbar-button__wrapper.active {
		border-bottom: 6px solid var(--secondary-color);
	}

	header .navbar-button__wrapper .navbar-button {
		height: 100%;
	}

	/* Passiert nur in Archivansicht */
	header .navbar-button__wrapper .navbar-button + .navbar-button{
		position: relative;
		top: -100%;
	}

	header .navbar-button__wrapper .navbar-button span {
		color: var(--secondary-color);
		font-size: var(--font-size--header);
		text-align: center;
	}

	header .navbar-button__wrapper:hover .navbar-button {
		text-decoration: none;
	}

	header .navbar-button__wrapper .navbar-button.has-children:last-of-type::after {
		content: "";
		margin-left: calc(var(--font-size--header) - 7px);
		height: calc(var(--font-size--header) - 5px);
		width: calc(var(--font-size--header) - 5px);
		background-color: var(--secondary-color);
		-webkit-mask: url("/pub/theme/bocholt/skin/assets/icons/chevron-down.svg") no-repeat;
		mask: url("/pub/theme/bocholt/skin/assets/icons/chevron-down.svg") no-repeat;
	}

	header .navbar-button__wrapper .navbar-button + .mega-menu {
		display: none;
		left: 0;
		position: absolute;
		top: 100%;
		width: 100%;
		z-index: 2;
		max-height: calc(100vh - 120px);
		overflow-y: auto;
	}

	header .navbar-button__wrapper:focus-within > .navbar-button + .mega-menu,
	header .navbar-button__wrapper:hover > .navbar-button + .mega-menu,
	header .navbar-button:focus + .mega-menu,
	header .navbar-button + .mega-menu:hover {
		display: block;
	}

	header .header-control__container .header-control__wrapper.flag__wrapper .flag.disabled img,
	#mobile-menu .language-flag .flag.disabled img {
		filter: grayscale(1);
	}

	.mobile-menu-bar {
		text-align: end;
		height: 100%;
		padding-right: 37px;
		position: absolute;
		right: 0;
		top: 0;
	}

	.mobile-menu-toggle {
		top: 36px;
		position: relative;
		border: none;
		background-color: #fff;
		text-transform: uppercase;
		font-size: 13px;
		font-weight: var(--font-weight--bold);
		padding: 20px 0 0 0;
	}

	.mobile-menu-toggle:hover {
		cursor: pointer;
	}

	.mobile-menu-toggle::before, .mobile-menu-toggle::after {
		content: "";
		position: absolute;
		width: 100%;
		height: 3px;
		background-color: #000;
		left: 0;
		transition: transform .5s;
		border-radius: 2px;
	}

	.mobile-menu-toggle::before {
		top: 1px;
	}

	.mobile-menu-toggle::after {
		top: 11px;
	}

	#mobile-menu {
		max-height: 620px;
		height: calc(100% - 75px);
		background-color: #fff;
		position: fixed;
		width: 100%;
		right: 0;
		bottom: 75px;
	}

	#mobile-menu .mobile-sticky {
		background-color: var(--primary-contrast);
		color: var(--secondary-color);
		font-size: 24px;
		justify-content: space-between;
		padding: 0 36px;
		position: sticky;
		top: 0;
		z-index: 3;
		flex-wrap: wrap;
	}

	#mobile-menu .mobile-sticky .sticky-bar__wrapper,
	#mobile-menu .mobile-sticky .sticky-bar__wrapper--extended {
		line-height: 50px;
		cursor: pointer;
	}

	#mobile-menu .mobile-sticky > .sticky-bar__wrapper a,
	#mobile-menu .mobile-sticky > .sticky-bar__wrapper button,
	#mobile-menu .mobile-sticky .sticky-bar__wrapper--extended {
		width: 45px;
		display: block;
		text-align: center;
	}

	#mobile-menu .mobile-sticky > .sticky-bar__wrapper button {
		display: inline-block;
		font-size: 24px;
	}

	#mobile-menu .mobile-sticky > .sticky-bar__wrapper.active {
		background-color: var(--footer-primary-color);
	}

	#mobile-menu .mobile-menu-content,
	#mobile-menu .mobile-menu-content #confirm-select-language-mobile {
		font-size: 20px;
	}

	#mobile-menu .mobile-menu-content {
		padding: 24px 36px;
		line-height: 26px;
		overflow-y: auto;
		max-height: calc(100% - 98px);
		overscroll-behavior: none;
	}

	#mobile-menu .mobile-menu-content .mobile-user-control {
		padding: 15px 0 5px 0;
	}

	#mobile-menu .mobile-menu-content .mobile-user-control.languages {
		margin-top: 10px;
		padding: 5px 0;
	}

	#mobile-menu .mobile-menu-content .mobile-user-control i:not(.fa-envelope-circle-check) {
		font-size: 24px;
		padding-right: 5px;
	}

	#mobile-menu .search-form {
		position: relative;
	}

	#mobile-menu .search-input {
		height: 40px;
		border-radius: 20px;
		border: 1px solid #707070;
		width: calc(100% - 36px);
		padding: 9px 20px;
	}

	#mobile-menu .search-submit {
		height: 68px;
		width: 68px;
		border-radius: 50%;
		background-color: var(--primary-color);
		border: none;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		color: var(--secondary-color);
	}

	#mobile-menu .search-submit i {
		font-size: 30px;
	}

	#mobile-menu ul {
		list-style: none;
	}

	#mobile-menu .mobile-main-nav {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#mobile-menu .mobile-main-nav > li {
		padding: 8px 0;
		border-bottom: 1px dashed var(--font-color);
	}

	#mobile-menu .mobile-entry {
		padding: 6px 0;
		display: block;
	}

	#mobile-menu .mobile-entry__content {
		padding-right: 32px;
	}

	#mobile-menu .mobile-entry__content.language-select {
		flex-wrap: wrap;
		row-gap: 25px;
	}

	#mobile-menu .language-flag .flag img {
		height: 30px;
	}

	#mobile-menu .list-entry__icon i {
		color: var(--primary-color);
		font-size: 10px;
		margin-right: 10px;
		transform: translateY(-33.3%);
		width: 10px;
	}

	#mobile-menu .mobile-sub {
		padding-left: 0;
	}

	#mobile-menu .mobile-sub .mobile-entry__content {
		padding-left: 60px;
	}

	#mobile-menu .mobile-entry__wrapper {
		position: relative;
	}

	#mobile-menu .toggle-nav-level {
		border: none;
		background-color: transparent;
		font-size: 13px;
		margin-left: auto;
		padding: 0 10px;
		position: absolute;
		top: 0;
		right: 0;
		height: 38px;
		list-style: none;
		transform: rotate(0deg);
		transition: transform 1s;
		cursor: pointer;
	}

	#mobile-menu .toggle-nav-level i {
		vertical-align: bottom;
		transform: rotate(0deg);
		transition: transform 0.5s;
	}

	#main details {
		scroll-margin-top: 150px;
	}

	#mobile-menu details[open] > .toggle-nav-level:first-child i {
		transform: rotate(-180deg);
		transition: transform 0.5s;
	}

	#mobile-menu .mobile-entry:hover {
		background: var(--hover-color);
	}

	#mobile-menu *:focus {
		outline-offset: 0;
	}

	#mobile-menu details summary::-webkit-details-marker,
	.accordion details summary::-webkit-details-marker {
		display: none !important;
	}

	#nav-btn,
	.share-btn__checkbox {
		display: none;
	}

	.mobile-sticky .share-btn__checkbox:checked ~ .sticky-bar,
	.mobile-sticky .share-btn__checkbox:checked ~ .sticky-bar .sticky-bar__wrapper,
	.mobile-sticky .sticky-bar__wrapper--extended:focus-within .sticky-bar,
	.mobile-sticky .sticky-bar__wrapper--extended:focus-within .sticky-bar .sticky-bar__wrapper {
		opacity: 1 !important;
		width: 100% !important;
		transition: opacity 0.3s;
	}

	.nav-btn__checkbox:not(:checked) ~ #mobile-menu,
	.share-btn__checkbox:not(:checked) ~ .sticky-bar .sticky-bar__wrapper {
		opacity: 0;
		width: 0;
	}

	.nav-btn__checkbox:checked ~ #mobile-menu,
	header .nav-btn__checkbox ~ #mobile-menu:focus-within {
		width: 100%;
		opacity: 1;
		transition: opacity 0.3s;
		box-shadow: 0 3px 6px var(--box-shadow-color);
	}

	.nav-btn__checkbox:checked ~ .header-top .mobile-menu-toggle::before {
		transform: translate(0, 5px) rotate(20deg);
	}

	.nav-btn__checkbox:checked ~ .header-top .mobile-menu-toggle::after {
		transform: translate(0, -5px) rotate(-20deg);
	}

	table {
		border-collapse: collapse;
		width: 100%;
	}

	table thead {
		display: none;
	}

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

	table tbody tr {
		background-color: var(--primary-transparent-color);
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 20px;
	}

	table tbody tr td {
		padding: 15px;
		width: 100%;
	}

	body.contrast main#main table tbody tr td a {
		color: var(--font-color);
	}

	table tbody tr td:first-child {
		background-color: var(--primary-color);
		color: var(--secondary-color);
		font-size: 20px;
		font-weight: var(--font-weight--bold);
		padding: 20px;
	}

	#main table tbody tr td:first-child a {
		color: var(--secondary-color);
	}

	.mega-menu {
		box-shadow: 0 3px 6px var(--box-shadow-color);
	}

	#mainnavi ul.navbar-button__container {
		position: relative;
	}

	.mega-menu .mega-menu__wrapper {
		background: var(--secondary-color);
		padding: 30px 20px 10px 20px;
	}

	.search-button__form {
		position: absolute;
		/* 120px - Header; 25px - Eigenes Padding; 40px - Abstand zum Header */
		top: 185px;
		right: 50px;
		width: 475px;
	}

	.search-button__form.chatbot {
		top: 285px;
		right: calc(50% - 475px);
		transform: translateX(-50%);
		z-index: 1000;
	}

	.search-button__form.chatbot input {
		height: 70px;
		width: 440px;
	}

	.search-button__form.chatbot .toggle-search-button,
	.mobile-search-bar.chatbot .toggle-search-button-mobile {
		position: absolute;
		top: 70px;
		left: 10px;
		background-color: var(--category-color);
		border: none;
		padding: 5px 30px;
		color: #fff;
		font-weight: bold;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		cursor: pointer;
	}

	.search-button__form.chatbot .toggle-search-button {
		padding: 7px 30px;
		font-size: 16px;
	}

	.mobile-search-bar.chatbot .toggle-search-button-mobile {
		top: 34px;
		left: 25px;
	}

	.search-button__wrapper {
		position: relative;
	}

	.search-button__wrapper.animate {
		animation: rotateY 0.75s 1 linear normal;
	}

	.search-button__wrapper.animate-reverse {
		animation: rotateY 0.75s 1 linear reverse;
	}

	.mobile-search-bar__wrapper.animate {
		animation: rotateX 0.75s 1 linear normal;
	}

	.mobile-search-bar__wrapper.animate-reverse {
		animation: rotateX 0.75s 1 linear reverse;
	}

	input::-webkit-search-decoration,
	input::-webkit-search-cancel-button,
	input::-webkit-search-results-button,
	input::-webkit-search-results-decoration { display: none; }

	.search-button__wrapper .search-button__icon {
		position: absolute;
		right: 0;
		top: -25px;
		width: 100px;
		height: 100px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		border: 2px solid var(--secondary-color);
		border-radius: 50%;
		background-color: var(--primary-color);
		color: var(--secondary-color);
		box-shadow: 0 3px 6px var(--box-shadow-color);
		cursor: pointer;
	}

	.search-button__form.chatbot .search-button__icon {
		top: -28px;
		width: 125px;
		height: 125px;
		right: -30px;
	}

	.search-button__form.chatbot .search-button__icon i {
		font-size: 60px;
	}

	.search-button__form.chatbot .search-button__icon span:last-child {
		font-size: 18px;
	}

	.search-button__form.chatbot #search-suggestions {
		top: 70px;
		width: 370px;
		margin-left: 10px;
	}

	.search-button__form.chatbot .search-button__submit {
		top: 20px;
	}

	.search-button__wrapper .search-button__icon i {
		font-size: 50px;
		margin-bottom: 5px;
	}

	.search-button__wrapper .search-button__icon span:last-child {
		font-size: 14px;
		font-weight: var(--font-weight--bold);
	}

	.search-button__wrapper input {
		position: absolute;
		right: 75px;
		width: 400px;
		height: 50px;
		border: 1px solid var(--font-color);
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
		padding: 15px 30px;
		font-size: 18px;
		font-weight: var(--font-weight--bold);
		transition: right 1.5s ease-out, width 1.5s ease;
	}

	.search-button__wrapper input.hidden {
		right: 30px;
		width: 0;
		transition: right .5s ease-out, width 1.5s ease;
	}

	.search-button__wrapper .search-button__submit {
		position: absolute;
		right: 110px;
		top: 10px;
		border: none;
		background-color: transparent;
		padding: 0;
		font-size: 25px;
		cursor: pointer;
		transition: right 1.5s ease;
	}

	.search-button__wrapper input.hidden ~ .search-button__submit {
		right: 70px;
		z-index: 0;
		transition: right .1s ease;
	}

	#search-suggestions {
		position: absolute;
		top: 50px;
		box-sizing: border-box;
		width: 350px;
		background-color: var(--secondary-color);
		margin-left: 30px;
		z-index: 1;
		padding: 6px 20px;
	}

	#search-suggestions_mobile {
		position: absolute;
		bottom: calc(100% + 76px);
		width: 100%;
		background-color: var(--hover-color);
		padding: 6px 50px;
		box-sizing: border-box;
		height: calc(100vh - 151px);
		overflow: scroll;
	}

	#search-suggestions_mobile .suggestions-wrapper {
		display: flex;
		height: 100%;
		flex-direction: column;
		align-items: stretch;
	}

	#search-suggestions_mobile .suggestions-wrapper > div {
		margin-top: auto;
	}

	#search-suggestions.hidden,
	#search-suggestions_mobile.hidden {
		display: none;
	}

	#search-suggestions_mobile hr {
		margin: 9px -15px;
		color: var(--secondary-color);
		border-style: solid;
	}

	#search-suggestions ul,
	#search-suggestions_mobile ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#search-suggestions ul li,
	#search-suggestions_mobile ul li {
		padding: 6px 0;
		cursor: pointer;
	}

	#search-suggestions ul li div i,
	#search-suggestions_mobile ul li div i {
		margin-left: 5px;
	}

	#search-suggestions li:hover,
	#search-suggestions li.autocomplete-selected {
		background: var(--hover-color);
	}

	#search-suggestions ul p,
	#search-suggestions_mobile ul p {
		font-weight: var(--font-weight--bold);
		text-align: center;
	}

	.sticky-bar .darksite-button {
		width: 0;
	}

	.sticky-bar .darksite-button button {
		border: 0;
		height: 0 !important;
		overflow: hidden;
		padding: 0;
		width: 0;
	}

	.sticky-bar .darksite-button button:focus {
		outline: none;
	}

	.sticky-bar {
		display: none;
		position: absolute;
		right: 0;
		top: clamp(120px, 50vh, 320px);
	}

	.sticky-bar__wrapper,
	.sticky-bar__wrapper * {
		cursor: pointer;
	}

	.sticky-bar > .sticky-bar__wrapper,
	.sticky-bar > .sticky-bar__wrapper--extended {
		align-items: center;
		align-self: end;
		background: var(--primary-color);
		border: 2px solid var(--secondary-color);
		color: var(--secondary-color);
		display: flex;
		height: 50px;
		justify-content: center;
		margin: -1px 0;
		transition: 0.5s;
		width: 50px;
	}

	.sticky-bar > .sticky-bar__wrapper a:last-of-type,
	.sticky-bar > .sticky-bar__wrapper button,
	.sticky-bar > .sticky-bar__wrapper--darksite label {
		align-items: center;
		display: flex;
		gap: 15px;
		height: 100%;
		font-family: "Roboto", sans-serif;
		justify-content: flex-start;
		padding: 0 15px;
		overflow: hidden;
		white-space: nowrap;
		width: 100%;
	}

	.sticky-bar__wrapper button {
		border: none;
		background-color: transparent;
	}

	.sticky-bar__wrapper button,
	.sticky-bar__wrapper button i {
		color: var(--secondary-color);
	}

	.sticky-bar > .sticky-bar__wrapper button:hover,
	.sticky-bar > .sticky-bar__wrapper button:focus,
	.sticky-bar > .sticky-bar__wrapper button:hover i,
	.sticky-bar > .sticky-bar__wrapper button:focus i {
		color: var(--primary-contrast);
	}

	.sticky-bar > .sticky-bar__wrapper.active button:hover,
	.sticky-bar > .sticky-bar__wrapper.active button:focus,
	.sticky-bar > .sticky-bar__wrapper.active button:hover i,
	.sticky-bar > .sticky-bar__wrapper.active button:focus i {
		color: var(--footer-primary-color);
	}

	.sticky-bar > .sticky-bar__wrapper--extended .sticky-bar {
		top: initial;
		transform: translate(-52px, calc(50% - 26px));
	}

	.sticky-bar > .sticky-bar__wrapper--extended .sticky-bar > .sticky-bar__wrapper {
		opacity: 0;
		width: 0;
		height: 0;
	}

	.sticky-bar:hover > .sticky-bar__wrapper--extended .sticky-bar > .sticky-bar__wrapper,
	.sticky-bar:focus-within > .sticky-bar__wrapper--extended .sticky-bar > .sticky-bar__wrapper {
		height: 50px;
	}

	.mobile-sticky .sticky-bar__wrapper--extended .sticky-bar,
	.mobile-sticky .sticky-bar__wrapper--extended .sticky-bar .sticky-bar__wrapper {
		width: 0;
		top: 50px;
		border: none;
	}

	.mobile-sticky .sticky-bar__wrapper--extended .sticky-bar {
		padding-top: 5px;
	}

	.mobile-sticky .sticky-bar__wrapper--extended label {
		display: block;
	}

	.sticky-bar > .sticky-bar__wrapper--extended:hover .sticky-bar > .sticky-bar__wrapper,
	.sticky-bar > .sticky-bar__wrapper--extended:focus-within .sticky-bar > .sticky-bar__wrapper,
	.sticky-bar > .sticky-bar__wrapper--extended .sticky-bar:hover > .sticky-bar__wrapper,
	.sticky-bar > .sticky-bar__wrapper--extended .sticky-bar > .sticky-bar__wrapper:hover,
	.sticky-bar > .sticky-bar__wrapper--extended .sticky-bar > .sticky-bar__wrapper:focus-within {
		opacity: 1;
		width: 150px;
	}

	.sticky-bar > .sticky-bar__wrapper--extended .sticky-bar > .sticky-bar__wrapper a:last-of-type {
		justify-content: left;
		padding: 0 15px;
	}

	.sticky-bar > .sticky-bar__wrapper.active {
		background: var(--footer-primary-color);
		border: 2px solid var(--secondary-color);
		color: var(--secondary-color);
	}

	.sticky-bar > .sticky-bar__wrapper.open,
	.sticky-bar > .sticky-bar__wrapper:hover,
	.sticky-bar > .sticky-bar__wrapper:focus-within {
		background: var(--secondary-color);
		border: 2px solid var(--primary-color);
		color: var(--primary-color);
		width: 200px;
		z-index: 1;
	}

	.sticky-bar > div[data-type="contrast"]:hover,
	.sticky-bar > div[data-type="browser_font"]:hover {
		border: 2px solid var(--primary-contrast);
		color: var(--primary-contrast);
	}

	.sticky-bar > .sticky-bar__wrapper.active:hover,
	.sticky-bar > .sticky-bar__wrapper.active:focus-within {
		background: var(--secondary-color);
		border: 2px solid var(--footer-primary-color);
		color: var(--footer-primary-color);
	}

	.sticky-bar > .sticky-bar__wrapper.open label,
	.sticky-bar > .sticky-bar__wrapper.open a:last-of-type,
	.sticky-bar > .sticky-bar__wrapper:hover a:last-of-type,
	.sticky-bar > .sticky-bar__wrapper a:focus:last-of-type,
	.sticky-bar > .sticky-bar__wrapper--darksite:hover label,
	.sticky-bar > .sticky-bar__wrapper--darksite label:focus {
		text-decoration: none;
		justify-content: left;
		outline: none;
		padding: 0 15px;
	}

	.sticky-bar > .sticky-bar__wrapper .sticky-bar__icon,
	.sticky-bar > .sticky-bar__wrapper--extended .sticky-bar__icon {
		font-size: var(--font-size--button);
		text-align: center;
		width: var(--font-size--button);
	}

	.sticky-bar > .sticky-bar__wrapper .sticky-bar__text,
	.mobile-sticky > .sticky-bar__wrapper .sticky-bar__text {
		display: none;
		font-size: var(--font-size--submenu);
	}

	.sticky-bar > .sticky-bar__wrapper.contrast .sticky-bar__text,
	body.contrast .sticky-bar__wrapper.open .sticky-bar__text,
	body.contrast .sticky-bar__wrapper:hover .sticky-bar__text,
	body.contrast .sticky-bar__wrapper:focus-within .sticky-bar__text {
		color: var(--font-color);
	}

	.sticky-bar > .sticky-bar__wrapper.open .sticky-bar__text,
	.sticky-bar > .sticky-bar__wrapper:hover .sticky-bar__text,
	.sticky-bar > .sticky-bar__wrapper:focus-within .sticky-bar__text,
	.sticky-bar > .sticky-bar__wrapper--extended .sticky-bar > .sticky-bar__wrapper .sticky-bar__text,
	.mobile-sticky > .sticky-bar__wrapper--extended .sticky-bar > .sticky-bar__wrapper .sticky-bar__text {
		display: inline;
	}

	.list-entry__content.active,
	.mobile-entry__content.active {
		font-weight: var(--font-weight--bold);
	}

	.list-entry__container,
	.list-entry__container--main,
	.list-entry__container--sub,
	.mobile-main {
		padding: 0;
	}

	.list-entry__container > .list-entry__wrapper {
		list-style: none;
		width: fit-content;
	}

	.list-entry__container--main > .list-entry__wrapper {
		margin-bottom: 50px;
	}

	.list-entry__container--main > .list-entry__wrapper a {
		display: block;
	}

	.list-entry__container > .list-entry__wrapper .list-entry__icon i,
	.list-entry__container--main > .list-entry__wrapper .list-entry__icon i,
	.list-entry__container--main > .list-entry__wrapper .list-entry__icon--bigger i,
	.mobile-main > li .list-entry__icon--bigger i {
		color: var(--primary-color);
		font-size: 10px;
		margin-right: 10px;
		transform: translateY(-33.3%);
		width: 10px;
	}

	.list-entry__container--main > .list-entry__wrapper .list-entry__icon--bigger i,
	.mobile-main > li .list-entry__icon--bigger i {
		font-size: 15px;
		transform: translateY(-15%);
	}

	.list-entry__container > .list-entry__wrapper .list-entry__container--sub .list-entry__icon i,
	.list-entry__container--main > .list-entry__wrapper .list-entry__container--sub .list-entry__icon i,
	.list-entry__container--main > .list-entry__wrapper .list-entry__container--sub .list-entry__icon--bigger i,
	.mobile-sub > li .list-entry__icon--bigger i {
		margin-left: -20px;
	}

	.list-entry__container > .list-entry__wrapper .list-entry__content {
		font-size: var(--font-size--button);
		font-weight: var(--font-weight--bold);
		margin-bottom: 15px;
	}

	.list-entry__container > .list-entry__wrapper a {
		color: var(--font-color) !important;
	}

	.list-entry__container > .list-entry__wrapper a:hover {
		color: var(--primary-color) !important;
	}

	.list-entry__container--main > .list-entry__wrapper > :not(.list-entry__container--sub) .list-entry__content {
		font-size: var(--font-size--menu);
		font-weight: var(--font-weight--bold);
		padding: 6px 0;
	}

	.list-entry__container--main .list-entry__container--sub .list-entry__content {
		font-size: var(--font-size--submenu);
		padding: 4px 0 4px 20px;
	}

	.list-entry__container--main .list-entry__content:hover {
		background: var(--hover-color);
	}

	footer {
		color: var(--secondary-color);
		overflow: hidden;
		margin-top: 100px;
		margin-bottom: 75px;
	}

	footer .footer__top {
		background-color: var(--footer-primary-color);
		position: relative;
	}

	footer .footer__content {
		position: relative;
		z-index: 10;
	}

	footer .footer__title {
		font-size: var(--font-size--footer);
		font-weight: var(--font-weight--bold);
		margin: 20px 0 10px 0;
	}

	footer .footer__top .footer__text {
		font-size: var(--font-size--submenu);
		margin-bottom: 20px;
	}

	footer .footer__bottom .footer__text {
		font-size: var(--font-size--submenu);
	}

	footer .footer__image {
		margin-bottom: 30px;
	}

	footer .footer__image a {
		display: block;
	}

	footer .footer__background {
		bottom: -6px;
		position: absolute;
		right: 0;
		width: 700px;
	}

	footer .footer__background svg {
		fill: var(--footer-secondary-color);
		height: auto;
		width: 100%;
	}

	footer .footer__bottom {
		background-color: var(--footer-secondary-color);
		padding: 15px 0;
	}

	footer .footer-icon__container {
		gap: 20px;
		margin-top: 20px;
	}

	footer .footer-icon__container .footer-icon__wrapper i {
		font-size: calc(var(--font-size--submenu) + 2px);
	}

	footer .footer-icon__container .footer-icon__wrapper i:hover {
		color: var(--primary-color);
	}

	.pagination__wrapper {
		display: flex;
		justify-content: center;
		column-gap: 5px;
		margin: 40px 0 70px;
	}

	#main .pagination__wrapper .pagination__item button {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 30px;
		height: 30px;
		border: 1px solid transparent;
		border-radius: 50%;
		background-color: transparent;
		padding: 0;
		color: var(--font-color);
		font-size: 18px;
		font-weight: var(--font-weight--bold);
		text-decoration: underline;
	}

	#main .pagination__wrapper .pagination__item button[disabled] {
		text-decoration: none;
	}

	#main .pagination__wrapper .pagination__item.arrow-left button svg {
		position: relative;
		right: 2px;
	}

	#main .pagination__wrapper .pagination__item.arrow-right button svg {
		position: relative;
		left: 2px;
	}

	#main .pagination__wrapper .pagination__item:not(.active) button:not([disabled]):hover {
		border-color: var(--primary-color);
		cursor: pointer;
		text-decoration: none;
	}

	#main .pagination__wrapper .pagination__item.active button {
		color: var(--primary-color);
		text-decoration: none;
		cursor: default;
	}

	#main .block video {
		width: 100%;
	}

	/* A - Z List */
	.az-list__container {
		display: flex;
		row-gap: 20px;
		column-gap: 30px;
		flex-wrap: wrap;
		margin: 30px 0;
	}

	.az-list__container .az-list__wrapper {
		min-height: 30px;
		min-width: 20px;
	}

	.az-list__container .az-list__wrapper--all {
		width: 100%;
	}

	.az-list__container .az-list__wrapper a {
		color: var(--font-color) !important;
		font-size: var(--font-size--button);
		font-weight: var(--font-weight--bold);
	}

	.az-list__container .az-list__wrapper a:hover,
	.az-list__container .az-list__wrapper.active a {
		color: var(--primary-color) !important;
	}

	.az-list__container .az-list__wrapper.disabled a {
		color: var(--disabled-color) !important;
	}

	/* Buttons */
	.button__wrapper a.button {
		background: var(--secondary-color);
		border-radius: 5px;
		box-shadow: 0 3px 6px var(--box-shadow-color);
		color: var(--font-color);
		text-transform: uppercase;
		font-weight: var(--font-weight--bold);
		white-space: nowrap;
	}

	.button__wrapper--cta a.btn {
		color: var(--font-color) !important;
		text-transform: uppercase;
		font-weight: var(--font-weight--bold);

	}

	#main .button__wrapper--cta a.btn span {
		font-size: var(--font-size--button-cta);
	}

	#main .button__wrapper--cta a.btn i {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 35px;
		width: 35px;
		min-height: 38px;
		border-radius: 0 5px 5px 0;
		background-color: var(--secondary-color);
		color: var(--primary-color);
	}

	.button__wrapper a.button {
		font-size: var(--font-size--button);
		padding: 4px 0 4px 20px;
	}

	.button__wrapper a.button i {
		background: var(--primary-color);
		border-radius: 0 5px 5px 0;
		color: var(--secondary-color);
		margin-left: 15px;
		padding: 6px 10px 7px 10px;
	}

	/* Akkordeon Block */
	.accordion .accordion__wrapper {
		background-color: var(--primary-transparent-color);
		margin-bottom: 12px;
	}

	.accordion .accordion__head {
		background-color: var(--primary-color);
		color: var(--secondary-color);
		cursor: pointer;
		list-style: none;
		min-height: 40px;
		padding: 15px 15px 15px 0;
	}

	.accordion .accordion__head .accordion__icon--open,
	.accordion .accordion__head .accordion__icon--closed {
		font-size: 40px;
		text-align: center;
		width: 60px;
	}

	.accordion .accordion__wrapper:not([open]) .accordion__icon--open {
		display: none;
	}

	.accordion .accordion__wrapper[open] .accordion__icon--closed {
		display: none;
	}

	.accordion .accordion__head .accordion__title {
		display: inline-block;
		margin: 0;
	}

	.accordion .accordion__body {
		padding: 15px 15px 40px 15px;
	}

	.accordion .accordion__body p:first-of-type,
	.image-text [class^="image__wrapper"] + div p:first-of-type {
		margin-top: 0;
	}

	.accordion .accordion__body p:last-of-type {
		margin-bottom: 0 !important;
	}

	.accordion .accordion__body a,
	.accordion .accordion__body a svg {
		color: var(--font-color) !important;
		fill: var(--font-color) !important;
	}

	.accordion .accordion__body2 {
		padding: 20px 20px 40px 20px;
	}

	.accordion .accordion__body2 p {
		margin: 0;
	}

	.accordion .accordion__body2 p:first-of-type,
	.image-text [class^="image__wrapper"] + div p:first-of-type {
		margin: 10px 0;
	}

	.accordion .accordion__body2 a,
	.accordion .accordion__body2 a svg {
		color: var(--font-color) !important;
		fill: var(--font-color) !important;
	}

	.accordion .accordion__body2 .icon__container {
		margin: 0;
	}

	.accordion .accordion__body2 .icon__container p {
		text-decoration: underline;
		margin: 0;
	}

	.accordion .accordion__body2 .icon__container p:hover {
		font-weight: var(--font-weight--bold);
	}

	.accordion .accordion__body2 .contacts__container a {
		text-decoration: none !important;
	}

	/* CTA Block */
	#main .cta__block a:not(.button),
	#main .cta__block--image a:not(.button) {
		color: var(--secondary-color);
	}

	#main .cta__block a:not(.button) svg,
	#main .cta__block--image a:not(.button) svg {
		color: var(--secondary-color);
		fill: var(--secondary-color);
	}

	#main .button__wrapper--cta a.button {
		color: var(--font-color);
		text-decoration: none;
		font-size: var(--font-size--button-cta);
		padding: 4px 15px;
	}

	#main .button__wrapper--cta a.button:hover {
		box-shadow: inset 0 3px 6px var(--box-shadow-color), 0 3px 6px var(--box-shadow-color);
		text-decoration: underline;
	}

	.button__wrapper--cta a.button i::before {
		color: var(--primary-color);
		margin-left: 15px;
	}

	/* Bild-Text Block */
	.image__wrapper--cta,
	.image__wrapper--100,
	.image__wrapper--70,
	.image__wrapper--50,
	.image__wrapper--30 {
		width: 100%;
	}

	.image__wrapper--cta img {
		aspect-ratio: 5 / 3;
		border: var(--secondary-color) solid 3px;
		min-height: 140px;
		object-fit: cover;
	}

	@supports not (aspect-ratio: auto) {
		.image__wrapper--cta .aspect-ratio-fallback-container {
			padding-top: 60%;
			height: 0;
			position: relative;
			overflow: hidden;
			border: var(--secondary-color) solid 3px;
		}

		.image__wrapper--cta img {
			position: absolute;
			transform: translate(-50%, -50%);
			left: 50%;
			top: 50%;
			width: 100%;
			height: auto;
		}
	}

	.image__wrapper--left,
	.image__wrapper--right {
		margin-bottom: 15px;
		position: relative;
	}

	/* CTA Block */
	.cta__block,
	.cta__block--image {
		background: var(--primary-color);
		color: var(--secondary-color);
		padding: 25px 0 40px;
	}

	.cta__block--image {
		margin-top: 90px;
	}

	.cta__block--image .image__wrapper--cta {
		margin-top: -100px;
	}

	.cta__block .button__wrapper--cta,
	.cta__block--image .button__wrapper--cta {
		margin-top: 20px;
	}

	/* Bildbanner und Videobanner Block */
	.imagebanner img,
	.videobanner video {
		aspect-ratio: 16/3;
		object-fit: cover;
		width: 100%;
	}

	@supports not (aspect-ratio: auto) {
		.imagebanner .aspect-ratio-fallback-container,
		.videobanner .aspect-ratio-fallback-container {
			padding-top: 18.75%;
			height: 0;
			position: relative;
			overflow: hidden;
		}

		.imagebanner img,
		.videobanner video {
			position: absolute;
			transform: translate(-50%, -50%);
			left: 50%;
			top: 50%;
			width: 100%;
			height: auto;
		}
	}

	.videobanner .container button:first-child {
		display: none;
	}

	.videobanner .container {
		position: relative;
	}

	.videobanner .container button {
		position: absolute;
		right: 0;
		top: -40px;
		border: none;
		background-color: transparent;
		cursor: pointer;
	}

	.videobanner .container button > svg {
		fill: var(--secondary-color);
	}

	.videobanner .videobanner_controls {
		position: relative;
	}

	.videobanner .videobanner_controls button {
		position: absolute;
		right: 0;
		bottom: 10px;
		border: none;
		background-color: transparent;
		color: var(--primary-color);
		cursor: pointer;
		z-index: 2;
	}

	/* Kacheln */
	.tile__image-container--3 img,
	.tile__image-container--4 img {
		object-fit: cover;
		height: 100%;
		width: 100%;
	}

	.tile__image-container--3,
	.tile__image-container--4 {
		position: relative;
	}

	.tile__image-container--3,
	.tile__image-container--3 a {
		height: 190px;
	}

	.tile__image-container--4,
	.tile__image-container--4 a {
		height: 250px;
	}

	.tile__image-container--3 ~ a > h3,
	.tile__image-container--4 ~ a > h3 {
		margin-top: 15px;
		margin-bottom: 30px;
	}

	/* Dynamischer Kachel-Block */
	#main .dynamic_tiles a {
		text-decoration: none;
		color: var(--font-color);
	}

	#main .dynamic_tiles a:hover {
		text-decoration: underline;
	}

	#main .dynamic_tiles a h3 svg {
		position: relative;
		top: -1px;
		margin-left: 10px;
	}

	.dynamic_tiles a:hover > div::after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: var(--primary-transparent-color);
	}

	svg.triangle {
		width: 16px;
		height: 16px;
		transform: rotate(90deg);
		fill: var(--primary-color);
	}

	.hyphens {
		-webkit-hyphens: auto !important;
		hyphens: auto !important;
	}

	/* Ansprechpartner Block */
	.accordion .contacts__container,
	.contacts__block .contacts__container {
		margin-bottom: 30px;
		page-break-inside: avoid;
	}

	.contacts__block img {
		height: 94px;
		width: 94px;
		object-fit: contain;
		border-radius: 50%;
	}

	.contacts__block img,
	.contacts__block .contacts__data > *:not(:last-child),
	.accordion .accordion__body2 .contacts__container .contacts__data > *:not(:last-child) {
		margin: 0 0 10px;
	}

	.contacts__block .icon__container, .accordion .icon__container {
		display: flex;
		flex-wrap: wrap;
		word-break: break-word;
	}

	.contacts__block .icon__container i, .accordion .accordion__body2 .icon__container i {
		background-color: var(--primary-color);
		color: var(--secondary-color);
		height: 25px;
		width: 25px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: 15px;
		font-size: 15px;
	}

	.contacts__block a p {
		text-decoration: underline;
	}

	.contacts__block a:hover p {
		text-decoration: underline;
	}

	.contacts__block a:hover {
		font-weight: var(--font-weight--bold);
		text-decoration: none;
	}

	#gototop {
		opacity: 0;
		position: fixed;
		bottom: 50px;
		right: 50px;
		z-index: 1;
		border-radius: 50%;
		background-color: var(--primary-color);
		width: 80px;
		height: 80px;
		box-shadow: 0 3px 6px var(--box-shadow-color);
		border: 2px solid var(--secondary-color);
		transition: opacity 0.5s;
		cursor: default;
	}

	#gototop.active {
		opacity: 1;
		transition: opacity 0.5s;
	}

	#gototop:not(.active) {
		pointer-events: none;
	}

	#gototop > svg {
		width: 32px;
		height: 32px;
		display: block;
		margin: 24px;
		fill: var(--secondary-color);
	}

	#gototop.active:hover {
		border: 2px solid var(--primary-color);
		background-color: var(--secondary-color);
		cursor: pointer;
	}

	#gototop.active:hover > svg {
		fill: var(--primary-color);
	}

	#main .breadcrumb-container {
		margin-top: 20px;
	}

	#main .breadcrumb-container a.breadcrumb {
		display: inline-block;
		color: var(--font-color);
		text-decoration: underline;
		font-size: var(--font-size--breadcrumb);
	}

	#main .breadcrumb-container a.breadcrumb:hover,
	#main .breadcrumb-container p.breadcrumb.last {
		display: inline-block;
		color: var(--primary-color);
		text-decoration: none;
		font-size: var(--font-size--filter);
	}

	#sidebar:not(.event-data) {
		background-color: var(--background-color);
	}

	#sidebar .image__wrapper--cta,
	#sidebar .image__wrapper--100,
	#sidebar .image__wrapper--70,
	#sidebar .image__wrapper--50,
	#sidebar .image__wrapper--30 {
		width: 100%;
	}

	#sidebar .block .downloads__wrapper ul {
		padding-left: 0;
	}

	#sidebar .contacts__block a {
		display: block;
	}

	/* Medienlisten-Block */
	.downloads__wrapper {
		border: 2px solid var(--primary-color);
		padding: 20px;
		background-color: var(--secondary-color);
	}

	.downloads__wrapper h2,
	.downloads__wrapper h3,
	.downloads__wrapper h4 {
		margin-top: 0;
	}

	.downloads__wrapper ul {
		list-style: none;
		margin: 0 0 0 -40px;
	}

	.downloads__wrapper ul li {
		align-items: center;
	}

	.downloads__wrapper ul li:not(:nth-last-of-type(-n+2)) {
		margin-bottom: 25px;
	}

	.downloads__wrapper .downloads__file-icon {
		margin-right: 25px;
	}

	#main .downloads__wrapper li.desktop svg {
		fill: var(--font-color);
	}

	#main .downloads__wrapper li.desktop:hover svg {
		fill: var(--primary-color);
	}

	#main .downloads__wrapper li.desktop:hover .downloads__title {
		text-decoration: underline;
	}

	#main .downloads__wrapper li.desktop a {
		width: 100%;
		display: flex;
		align-items: flex-end;
		color: var(--font-color);
		text-decoration: none;
	}

	#main .downloads__wrapper li.desktop:hover a {
		color: var(--primary-color);
	}

	.downloads__wrapper .mobile a {
		word-break: break-all;
	}

	.downloads__wrapper .downloads__file-icon svg {
		fill: var(--font-color);
	}

	.downloads__wrapper .downloads__separator {
		flex-grow: 1;
		margin: 10px 5px 0 5px;
		border-bottom: 2px dotted var(--footer-primary-color);
	}

	.downloads__wrapper .downloads__file-type {
		text-transform: uppercase;
		min-width: 30px;
		overflow-wrap: normal;
	}

	.downloads__wrapper .downloads__file-size {
		min-width: 70px;
		overflow-wrap: normal;
	}

	.downloads__wrapper .downloads__download-icon {
		margin-left: 15px;
	}

	#main .downloads__wrapper .downloads__download-icon svg {
		fill: var(--font-color);
	}

	#main .downloads__wrapper .downloads__download-icon svg:hover {
		fill: var(--primary-color);
	}

	/* Ableplayer */
	.able-wrapper {
		max-width: 100% !important;
	}

	.able-wrapper .able {
		margin: 0;
		box-shadow: none;
		z-index: 1;
	}

	.able-wrapper .able-seekbar-head {
		top: -4px;
		width: 15px;
		height: 15px;
		border-radius: 50%;
	}

	.able-wrapper .able-left-controls,
	.able-wrapper .able-right-controls {
		display: flex;
		margin-bottom: 5px;
	}

	.able-wrapper .able-controller div[role="button"] {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.able-wrapper .able-button-handler-slower + span img {
		position: relative;
		width: 20px;
		height: 20px;
		top: 3px;
		left: -2px;
	}

	.able-wrapper .able-status-bar {
		display: flex;
		justify-content: space-between;
		height: 25px;
		min-height: 25px;
		font-size: 16px;
		padding: 8px 8px 4px 8px;
	}

	.able-wrapper .able-status-bar span.able-timer {
		width: auto;
	}

	.able-wrapper .able-status-bar span.able-speed {
		width: 50%;
	}

	.able-wrapper .able-status-bar span.able-status {
		width: auto;
		float: none;
	}

	/* Weitere Informationen Block */
	.more_info {
		color: var(--primary-color);
	}

	.more_info h3.default-header {
		color: var(--font-color);
	}

	.more_info .more_info__header {
		font-size: var(--font-size--h2);
		font-weight: var(--font-weight--bold);
		margin: 20px 0;
	}

	.more_info hr {
		border: 2px solid var(--primary-color);
		border-radius: 5px;
		width: 100%;
	}

	.more_info .more_info__container {
		height: 100%;
		display: flex;
		flex-direction: column;
	}

	.more_info .more_info__container h2 {
		margin: 20px 0;
	}

	.more_info .more_info__container .more_info__wrapper {
		height: 100%;
	}

	.more_info .more_info__container .more_info__wrapper .d-flex {
		row-gap: 18px;
	}

	.more_info .more_info__container .more_info__wrapper a.extern_left {
		column-gap: 15px;
	}

	.more_info .more_info__container .more_info__wrapper a.extern_left svg.extern {
		min-height: 20px;
		min-width: 20px;
	}

	/* Ansprechpartner Block */
	#main .contacts__block .contacts__data a {
		color: var(--font-color);
		text-decoration: none;
	}

	/* Highlights und News-Teaser Blöcke */
	.advertisement .advertisement__prev,
	.advertisement .advertisement__next,
	.logo_slider .logo_slider__next,
	.logo_slider .logo_slider__prev,
	.highlights__carousel .highlights__prev,
	.news__carousel .news__prev,
	.highlights__carousel .highlights__next,
	.news__carousel .news__next {
		position: absolute;
		top: 5px;
		width: 20px;
		height: 300px;
		border: none;
		padding: 0;
		background-color: var(--primary-color);
		font-size: 24px;
		color: var(--secondary-color);
		cursor: pointer;
	}

	.advertisement .advertisement__prev,
	.advertisement .advertisement__next,
	.logo_slider .logo_slider__next,
	.logo_slider .logo_slider__prev {
		top: 0;
	}

	.advertisement .advertisement__prev,
	.logo_slider .logo_slider__prev,
	.highlights__carousel .highlights__prev,
	.news__carousel .news__prev {
		left: -25px;
	}

	.advertisement .advertisement__next,
	.logo_slider .logo_slider__next,
	.highlights__carousel .highlights__next,
	.news__carousel .news__next {
		right: -25px;
	}

	.news__wrapper .news__carousel.sidebar_layout {
		margin: 0 40px;
	}

	.highlights__carousel .slick-slide > div,
	.news__carousel .slick-slide > div {
		margin: 5px 10px;
	}

	.highlights__carousel .highlights__image,
	.news__carousel .news__image {
		height: 300px;
	}

	.highlights__carousel .highlights__image img,
	.news__carousel .news__image img {
		height: 300px;
		object-fit: cover;
		width: 100%;
	}

	#main .highlights__carousel a,
	#main .news__carousel a {
		display: block;
		color: var(--font-color);
		text-decoration: none;
	}

	.highlights__carousel .highlights__image,
	.news__carousel .news__image {
		position: relative;
	}

	.highlights__carousel a:hover .highlights__image::after,
	.news__carousel a:hover .news__image::after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: var(--primary-transparent-color);
	}

	.highlights__carousel .highlights__link h3,
	.news__carousel .news__link h3 {
		margin: 20px 0 0 0;
	}

	.highlights__carousel a:hover .highlights__link h3,
	.news__carousel a:hover .news__link h3 {
		text-decoration: underline;
	}

	.highlights__carousel .highlights__link h3 svg.triangle,
	.news__carousel .news__link h3 svg.triangle {
		margin-left: 10px;
	}

	.highlights__carousel .highlights__category,
	.news__carousel .news__category {
		margin-top: 20px;
	}

	.highlights__carousel .short,
	.news__carousel .short {
		margin-top: 10px;
	}

	.news__wrapper .gap-20 {
		gap: 20px;
	}

	#main .separator {
		margin-bottom: 10px;
		margin-top: -30px;
	}

	#main .block.separator:first-of-type {
		margin-top: 10px;
	}

	#main .separator hr {
		border-style: dashed;
		color: var(--primary-color);
	}

	/* Blockquote */
	blockquote {
		background-color: var(--background-color);
		padding: 62px 128px;
		position: relative;
		text-align: left;
		display: flex;
	}

	.blockquote-sidebar__30 blockquote {
		padding: 70px 15px 20px;
	}

	blockquote::before {
		content: url("/pub/theme/bocholt/skin/assets/quote.svg");
		position: absolute;
		display: inline-block;
		height: 50px;
		width: 50px;
		margin: 0 !important;
		left: 40px;
		top: 40px;
		speak: never;
	}

	.blockquote-sidebar__30 blockquote::before {
		left: 16px;
		top: 16px;
	}

	blockquote,
	blockquote * {
		margin: 0;
	}

	blockquote > p:nth-child(1),
	div[data-edit-block="quote"] blockquote > div:nth-of-type(1),
	blockquote {
		margin: 0 !important;
		color: var(--font-color);
		font-size: 24px;
		line-height: 40px;
		font-weight: var(--font-weight--bold);
		text-align: left;
	}

	blockquote > p:nth-child(2),
	div[data-edit-block="quote"] blockquote > div:nth-of-type(2) {
		color: var(--category-color);
		text-align: right;
		font-weight: var(--font-weight--light);
		font-size: 18px;
	}

	.quote-block blockquote {
		display: flex;
		flex-direction: column;
	}

	/* Inhaltsverzeichnis */
	.ego_toc ul.toc-list {
		overflow: hidden;
		margin-left: 0 !important;
	}

	.ego_toc ul {
		padding-left: 0;
		margin: 0;
	}

	.ego_toc li {
		list-style: none;
	}

	.ego_toc a {
		color: var(--font-color) !important;
		text-decoration: none !important;
		display: inline-block;
		height: 100%;
		width: calc(100% - 35px);
		border-top: 1px solid var(--category-color);
		padding: 5px 0 5px 5px;
		position: relative;
		padding-right: 30px;
	}

	.ego_toc > ul > li:first-child > a {
		border-top: 1px solid transparent !important;
	}

	.ego_toc a::before {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f054";
		position: absolute;
		speak: never;
		right: 20px;
		color: var(--primary-color) !important;
	}

	.ego_toc li[data-depth="1"] > a {
		font-weight: var(--font-weight--bold);
		padding-left: 5px;
		width: calc(100% - 35px);
	}

	.ego_toc li[data-depth="2"] > a {
		padding-left: 20px;
		width: calc(100% - 50px);
	}

	.ego_toc li[data-depth="3"] > a {
		padding-left: 35px;
		width: calc(100% - 65px);
	}

	.ego_toc li[data-depth="4"] > a {
		padding-left: 50px;
		width: calc(100% - 80px);
	}

	.ego_toc li[data-depth="5"] > a {
		padding-left: 65px;
		width: calc(100% - 95px);
	}

	.ego_toc li[data-depth="6"] > a {
		padding-left: 80px;
		width: calc(100% - 110px);
	}

	.ego_toc a:last-child:not(:only-child),
	.ego_toc ul.toc-list {
		border-radius: 2px;
		border: 1px solid var(--category-color);
	}

	.ego_toc a:hover {
		color: var(--primary-color) !important;
		text-decoration: underline !important;
	}

	.category.default {
		margin-top: 40px;
	}

	.news-teaser__news--no-image .news-teaser__news-wrapper {
		margin-top: 30px;
	}

	.video-text [class^="image__wrapper"] + div p:first-of-type {
		margin-top: 0;
	}

	/* Google-Translate */
	.language-select {
		display: flex;
		align-items: center;
		column-gap: 15px;
	}

	#confirm-select-language,
	#confirm-select-language-mobile {
		display: flex;
		align-items: center;
		border: none;
		padding-left: 0;
		background: none;
		font-family: "Roboto Condensed", sans-serif;
		cursor: pointer;
	}

	#confirm-select-language:hover {
		color: var(--primary-color);
	}

	.mobile-entry.languages {
		cursor: pointer;
	}

	#confirm-select-language:hover span,
	.mobile-entry.languages:hover #confirm-select-language-mobile span,
	.mobile-entry.languages:hover #reset-select-language-mobile span {
		text-decoration: underline;
		cursor: pointer;
	}

	#reset-select-language,
	#reset-select-language-mobile {
		display: none;
		align-items: center;
	}

	#reset-select-language-mobile:hover,
	#reset-select-language-mobile:hover i {
		text-decoration: none;
	}

	#google-translate-element {
		display: inline-block;
	}

	#google-translate-element-mobile:not(:empty) {
		margin-top: 15px;
	}

	#google-translate-element img,
	#google-translate-element-mobile img,
	#google-translate-element div > div > span > a > span:not(:first-of-type):not(:last-of-type),
	#google-translate-element-mobile div > div > span > a > span:not(:first-of-type):not(:last-of-type) {
		display: none;
	}

	.select-language-banner__container {
		display: none;
		background-color: var(--background-color);
		z-index: 12;
	}

	#select-language-banner {
		padding: 10px 0 20px 0;
	}

	#select-language-banner > p {
		text-align: center;
	}

	#select-language-banner > div {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		column-gap: 15px;
		row-gap: 15px;
	}

	.block .info-wrapper {
		background-color: var(--primary-color);
		color: var(--secondary-color);
	}

	.block .info-wrapper {
		padding: 25px 20px;
	}

	.block .info-wrapper a {
		color: var(--secondary-color) !important;
	}

	.block .info-wrapper a svg {
		fill: var(--secondary-color) !important;
	}

	/* Copyright Seitentyp */
	table.copyright th a {
		position: relative;
	}

	table.copyright th a::after {
		font-size: 11px;
		position: absolute;
		top: 4px;
		right: -15px;
	}

	#main form.form-layout .block {
		margin-bottom: 30px;
	}

	#main form.form-layout .block button {
		float: right;
	}

	#main form.form-layout .block div[data-form-type="captcha"] p {
		font-size: 22px;
		font-weight: var(--font-weight--bold);
	}

	#main form.form-layout .block #captcha_image {
		max-width: 300px;
		height: auto;
	}

	#main form.form-layout .block .captcha_images {
		height: 120px;
		display: flex;
		justify-content: start;
		margin-bottom: 15px
	}

	#main form.form-layout .block .form-checkbox_radio span > p {
		display: inline-block;
	}

	#main form.form-layout .block .form-checkbox_radio label {
		display: block;
	}

	#main form.form-layout .block label.map-margin-bottom-15 {
		margin-bottom: 15px;
	}

	.sticky-bar__wrapper[data-type="browser_font"],
	.sticky-bar__wrapper[data-type="contrast"],
	.sticky-bar > .sticky-bar__wrapper--darksite {
		background-color: var(--primary-contrast);
	}

	/* Paginierung Bildnachweise */
	.copyright-pagination {
		position: relative;
	}
	.copyright-pagination .button-next.btn:only-of-type {
		position: absolute;
		right: 0;
	}

	/* Multiselect */
	select[multiple] {
		display: none !important;
	}

	.multiselect-input {
		height: 34px;
		border: 1px solid var(--category-color);
		background-color: var(--secondary-color);
		padding: 0 10px;
		font-size: 18px;
		color: var(--font-color);
		white-space:nowrap;
		overflow: hidden;
		text-align: left;
		position: relative;
		font-family: "Roboto Condensed", sans-serif;
	}

	.multiselect .multiselect-input::before {
		content: '';
		position: absolute;
		width: 40px;
		height: 100%;
		top: 0;
		right: 0;
		background-image:  linear-gradient(90deg, transparent 0%, white 30%, white 100%);
	}

	.multiselect .multiselect-input::after {
		font-family: "Font Awesome 6 Free";
		content: "\f078";
		font-weight: 900;
		position: absolute;
		right: 3px;
		top: 50%;
		transform: translate(0,-50%);
		font-size: 12px;
	}

	.multiselect-box:not(.open) {
		display: none;
	}

	.multiselect-box .multiselect-deselect {
		background-color: transparent;
		border: none;
		height: 100%;
		width: 100%;
		margin: 0;
		text-align: left;
		font-weight: var(--font-weight--regular);
		font-size: var(--font-size--text);
		cursor: pointer;
		float: unset !important;
	}

	.multiselect-box .multiselect-deselect-box {
		padding: 10px 20px 0 23px;
	}

	.multiselect-box.open {
		display: block;
		position: absolute;
		background-color: #ffffff;
		top: 68px;
		border: 1px solid var(--category-color);
		width: calc(100% - 2px);
		z-index: 100;
		max-height: 300px;
		overflow-y: auto;
	}

	.form-layout .multiselect-box.open {
		top: 33px;
	}

	.multiselect-box.open.top {
		bottom: 33px;
		top: unset;
	}

	.multiselect-box.open > div:last-child {
		margin-bottom: 0.5em;
	}

	.multiselect-box label {
		padding: 2px;
		display: flex;
		align-items: center;
		cursor: pointer;
	}

	.multiselect-box label:hover {
		background-color: var(--background-color);
	}

	.multiselect input[type="checkbox"] + span {
		font-weight: var(--font-weight--regular);
		font-size: var(--font-size--text);
	}

	.wrap_table table tbody tr td:first-child{
		white-space: nowrap;
	}

	h1.use-hyphens,
	.use-hyphens .accordion__head,
	.pictogram.use-hyphens figcaption,
	.pictobuttons.use-hyphens .pictolink span,
	.list-entry__content.use-hyphens {
		-webkit-hyphens: auto;
		hyphens: auto;
	}

	.parvus-zoom__indicator {
		background-color: var(--primary-color)!important;
		border-radius: 5px;
		cursor: pointer;
		inset-inline-end: unset !important;
		inset-inline-start: 0.5rem;
	}

	.parvus-zoom__indicator svg,
	.accordion .accordion__body a .parvus-zoom__indicator svg {
		fill: var(--secondary-color) !important;
		stroke: var(--secondary-color) !important;
	}

	.parvus__overlay {
		background-color: var(--secondary-color) !important;
	}

	.copyright_image_text {
		font-size: 13px;
		text-align: right;
	}

	.search_results-list .person {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	.search_results-list .person i {
		margin-right: 5px;
	}

	#main a[id],
	input {
		scroll-margin-top: 80px;
	}

	.slick-slide img + img {
		position: absolute;
		top: 0;
	}

	ins:empty, del:empty {
		display: none;
	}

	#helperbot-container {
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: #00000070;
		z-index: 1003;
	}

	#helperbot-container #helperbot-iframe {
		position: relative;
		border-width: 0;
		width: 80%;
		max-width: 1200px;
		height: 80%;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		z-index: 1004;
	}
}

@media (hover: hover) {
	.mobile-sticky .sticky-bar__wrapper--extended:hover .sticky-bar,
	.mobile-sticky .sticky-bar__wrapper--extended:hover .sticky-bar .sticky-bar__wrapper {
		opacity: 1 !important;
		width: 100% !important;
		transition: opacity 0.3s;
	}
}

@media (min-width: 576px) {
	#main a.btn,
	#main button.btn,
	#select-language-banner button.btn {
		font-size: 22px;
	}

	#mobile-menu {
		max-width: 375px;
		margin-left: auto;
		max-height: calc(100vh - 75px);
	}

	.light-mask {
		position: fixed;
		width: 100%;
		background-color: #FFFFFF;
	}

	.nav-btn__checkbox:checked ~ .light-mask {
		height: 100%;
		opacity: 0.42;
		transition: opacity 0.3s;
	}

	.nav-btn__checkbox:not(:checked) ~ .light-mask {
		height: 0;
		opacity: 0;
	}

	.pagination__wrapper {
		column-gap: 25px;
	}

	.submit-button {
		text-align: right;
	}
}

@media (max-width: 679px) {
	.news__wrapper .news__carousel.sidebar_layout {
		margin: 0;
	}
}

@media (max-width: 767px) {
	blockquote {
		padding: 70px 15px 20px;
	}

	blockquote::before {
		left: 16px;
		top: 16px;
	}

	blockquote > p:nth-child(2),
	div[data-edit-block="quote"] blockquote > div:nth-of-type(2){
		right: 15px;
	}

	#main ul, #main ol {
		padding-left: 20px;
	}
}

@media (min-width: 768px) {
	footer .footer__top .footer__text {
		margin-bottom: 30px;
	}

	footer .footer__image {
		margin-bottom: 20px;
	}

	/* Akkordeon Block */
	.accordion .accordion__head {
		min-height: 50px;
		padding: 15px 70px 15px 0;
	}

	.accordion .accordion__head.accordion-sidebar__30 {
		padding: 15px 15px 15px 0;
	}

	.accordion .accordion__head .accordion__icon--open,
	.accordion .accordion__head .accordion__icon--closed {
		width: 70px;
	}

	.accordion .accordion__body {
		padding: 20px 70px 40px 70px;
	}

	.accordion .accordion__body2 {
		padding: 20px 70px 40px 70px;
	}

	/* Bild-Text Block */
	.image__wrapper--70 {
		width: 70%;
	}

	.image__wrapper--50 {
		width: 50%;
	}

	.image__wrapper--30 {
		width: 30%;
	}

	.image__wrapper--left {
		float: left;
		margin-right: 15px;
	}

	.image__wrapper--right {
		float: right;
		margin-left: 15px;
	}

	#sidebar .image__wrapper--left,
	#sidebar .image__wrapper--right {
		margin-left: 0;
	}

	/* Ansprechpartner Block */
	.contacts__block .contacts__container, .accordion .accordion__body2 .contacts__container {
		margin-bottom: 50px;
	}
}

@media (max-width: 991px) {
	/* Beim CTA Block muss das Float gecleared werden, ansonsten kann der Block in diesem Viewport nicht bearbeitet werden */
	.image__wrapper--cta {
		float: none;
	}

	#gototop {
		right: 25px;
	}

	#main .separator {
		margin-top: -20px;
	}
}

@media (min-width: 992px) {
	/* CTA Block */
	.image__wrapper--cta {
		width: 60%;
	}

	/* Ansprechpartner Block */
	.contacts__block img {
		height: 125px;
		width: 125px;
	}

	.contacts__block .contacts__data {
		max-width: calc(100% - 125px);
	}

	#sidebar .contacts__block .contacts__data {
		max-width: none;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.blockquote-sidebar__30 blockquote, blockquote {
		padding: 62px 70px;
	}

	.blockquote-sidebar__30 blockquote:before {
		top: 40px;
	}

	.blockquote-sidebar__30 blockquote:before,
	blockquote::before {
		left: 15px;
	}

	blockquote > p:nth-child(2),
	div[data-edit-block="quote"] blockquote > div:nth-of-type(2) {
		right: 70px;
	}
}

@media (max-width: 1199px) {
	#gototop {
		width: 56px;
		height: 56px;
	}

	#gototop svg {
		margin: 12px;
	}

	/* Dropdown des Loginbereichs */
	#profil-header-desktop {
		position: relative;
		width: 200px;
		height: auto;
		z-index: 1;
	}

	#profil-header-desktop i,
	#profil-header-desktop span {
		pointer-events: none;
	}

	#profil-header-desktop.is_closed a:not(:first-of-type),
	#profil-header-desktop .logged_out {
		display: none !important;
	}

	#profil-header-desktop a {
		display: block;
	}

	#profil-header-desktop a:not(:first-of-type) {
		position: absolute;
		background-color: var(--secondary-color);
		left: 0;
		top: 0;
		right: 0;
		margin: 0 0 20px 0;
		outline-offset: -3px;
	}

	#profil-header-desktop a:nth-of-type(2) {
		top: 47px;
	}

	#profil-header-desktop a:nth-of-type(3) {
		top: 94px;
	}

	#main table tbody tr td a {
		color: var(--font-color);
	}

	#main #sidebar {
		margin-top: 40px;
	}

	.sticky-bar__wrapper--darksite {
		width: 100%;
	}

	.sticky-bar__wrapper--darksite label {
		display: flex;
		justify-content: center;
		gap: 20px;
	}

	.sticky-bar__wrapper--darksite label i {
		justify-content: center;
		display: flex;
		align-items: center;
	}

	.sticky-bar__wrapper--darksite label span.sticky-bar__text {
		display: inline !important;
	}

	.sticky-bar__wrapper--darksite form {
		display: none;
	}

	#info_banner {
		position: fixed;
		width: 100%;
		bottom: 75px;
	}

	.accordion .jobs-tile table tbody tr {
		margin-bottom: 0;
	}
}

@media (min-width: 1200px) {
	:root {
		--font-size--h1: 48px;
		--font-size--h2: 40px;
		--font-size--h3: 32px;
		--font-size--h4: 28px;
		--font-size--h5: 26px;
		--font-size--h6: 24px;

		--font-size--footer: 24px;
	}

	.small {
		--font-size--h2: 30px;
		--font-size--h3: 28px;
		--font-size--h4: 24px;
	}

	.tiny {
		--font-size--h3: 22px;
	}

	#main a[id],
	input {
		scroll-margin-top: 180px;
	}

	header {
		position: sticky;
		top: 0;
	}

	header .header-top {
		height: 70px;
		width: unset;
		position: unset;
		bottom: unset;
	}

	header .mobile-search-bar,
	header .mobile-search-icon {
		display: none;
	}

	header .header-logo__wrapper {
		height: 50px;
		top: 10px;
	}

	header .header-control {
		top: -50%;
		transform: translateY(-50%);
		z-index: 3;
	}

	.header-control__wrapper.flag__wrapper {
		height: 100% !important;
		align-items: center;
	}

	table thead {
		background-color: var(--primary-color);
		color: var(--secondary-color);
		display: table-header-group;
		font-size: var(--font-size--text);
	}

	table thead tr th:not(:last-child) {
		border-right: 2px solid var(--secondary-color);
	}

	table thead tr th,
	table tbody tr td {
		padding: 15px;
		width: unset;
	}

	#main table thead tr th a {
		color: var(--secondary-color);
	}

	#main table thead tr th a svg {
		color: var(--secondary-color);
		fill: var(--secondary-color);
	}

	table tbody {
		display: table-row-group;
	}

	table tbody tr {
		display: table-row;
		margin-bottom: 0;
	}

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

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

	table tbody tr td:first-child {
		background-color: unset;
		color: unset;
		font-size: unset;
		font-weight: unset;
	}

	#main table tbody tr td:first-child a {
		color: var(--primary-color);
	}

	footer {
		margin-bottom: 0;
	}

	footer .footer__top {
		padding: 10px 0 80px 0;
	}

	footer .footer__title {
		font-size: var(--font-size--footer);
	}

	footer .footer__top .footer__text {
		margin-bottom: 0;
	}

	footer .footer__image {
		margin: 35px 0 0 0;
	}

	/* Akkordeon Block */
	.accordion .accordion__head {
		padding: 15px 128px 15px 0;
	}

	.accordion .accordion__head.accordion-sidebar__30 {
		padding: 15px 15px 15px 0;
	}

	.accordion .accordion__head .accordion__icon--open,
	.accordion .accordion__head .accordion__icon--closed {
		width: 128px;
	}

	.accordion .accordion__body:not(.accordion-sidebar__30,.accordion-sidebar__70) {
		padding: 20px 128px 20px 128px;
	}

	.accordion .accordion__body.accordion-sidebar__30,
	.accordion .accordion__body.accordion-sidebar__70 {
		padding: 15px 15px 25px 15px;
	}

	.accordion .accordion__body2:not(.accordion-sidebar__30,.accordion-sidebar__70) {
		padding: 20px 128px 25px 128px;
	}

	.accordion .accordion__body2.accordion-sidebar__30,
	.accordion .accordion__body2.accordion-sidebar__70 {
		padding: 15px 15px 25px 15px;
	}

	#sidebar .accordion .accordion__body2 {
		flex-direction: column;
		padding: 20px 20px 40px 20px !important;
	}

	#sidebar .accordion .accordion__body2 .contacts__container {
		width: 100%;
	}

	/* Copyright über dem Bild anzeigen */
	div.news-entry__images figure {
		position: relative;
	}

	span[role="img"][aria-label="copyright"] {
		position: absolute;
		white-space: nowrap;
		top: -15px;
		right: 5px;
	}

	figcaption.copyright_image_text {
		position: static;
	}

	figcaption, figcaption > em > div  {
		position: static !important;
	}

	div.row.images > div.col-12, div.news-entry__images {
		position: relative;
	}

	#sidebar div.row.images > div.col-12, div.news-entry__images {
		margin-top: 15px;
	}

	/* CTA Block */
	.image__wrapper--cta {
		width: 40%;
	}

	.image__wrapper--cta.image__wrapper--left {
		margin-right: 40px;
	}

	.image__wrapper--cta.image__wrapper--right {
		margin-left: 40px;
	}

	/* Ansprechpartner Block */
	.contacts__block img {
		height: 200px;
		width: 200px;
		margin-right: 35px;
	}

	.contacts__block .contacts__data {
		max-width: calc(100% - 200px);
	}

	.sticky-bar .share-btn__checkbox:checked ~ .sticky-bar .sticky-bar__wrapper {
		opacity: 1;
		width: 150px;
	}

	/* Highlights und News-Teaser Blöcke */
	.highlights__carousel.no-arrows .slick-slide.slick-current > div,
	.news__carousel.no-arrows .slick-slide.slick-current > div,
	.highlights__carousel.no-arrows .slick-slide.slick-current + .slick-slide > div,
	.news__carousel.no-arrows .slick-slide.slick-current + .slick-slide > div {
		margin: 5px 10px 5px 0;
	}

	.news__carousel.no-arrows .slick-list,
	.highlights__carousel.no-arrows .slick-list {
		overflow: visible;
	}

	.highlights__carousel.no-arrows .slick-slide > div,
	.news__carousel.no-arrows .slick-slide > div {
		margin: 5px 0;
	}

	.advertisement .advertisement__prev,
	.advertisement .advertisement__next,
	.logo_slider .logo_slider__next,
	.logo_slider .logo_slider__prev,
	.highlights__carousel .highlights__prev,
	.news__carousel .news__prev,
	.highlights__carousel .highlights__next,
	.news__carousel .news__next {
		font-size: 31px;
		width: 30px;
	}

	.advertisement .advertisement__prev,
	.logo_slider .logo_slider__prev,
	.highlights__carousel .highlights__prev,
	.news__carousel .news__prev {
		left: -40px;
	}

	.advertisement .advertisement__next,
	.logo_slider .logo_slider__next,
	.highlights__carousel .highlights__next,
	.news__carousel .news__next {
		right: -40px;
	}

	.reset-button {
		text-align: right;
	}

	/* Dropdown des Loginbereichs */
	#profil-header-desktop {
		position: relative;

		height: auto;
		z-index: 1;
	}

	#profil-header-desktop i,
	#profil-header-desktop span {
		pointer-events: none;
	}

	#profil-header-desktop.is_closed a:not(:first-of-type),
	#profil-header-desktop .logged_out {
		display: none;
	}

	#profil-header-desktop a {
		display: flex;
	}

	#profil-header-desktop a:not(:first-of-type) {
		position: absolute;
		background-color: var(--secondary-color);
		left: 0;
		top: 0;
		right: 0;
		padding: 10px 10px 10px 20px;
		width: 200px;
		box-shadow: 0 6px 6px var(--box-shadow-color);
		outline-offset: -3px;
	}

	#profil-header-desktop a:nth-of-type(1) {
		padding-left: 23px;
		padding-right: 23px;
	}

	#profil-header-desktop a:nth-of-type(1) img {
		width: 42px;
		height: 42px;
		object-fit: cover;
	}

	#profil-header-desktop a:nth-of-type(2) {
		top: 35px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	#profil-header-desktop a:nth-of-type(3) {
		top: 75px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	.sidebarI_toc .block,
	.block:not(:last-of-type),
	.page_frame .block {
		margin-bottom: 40px;
	}
}

@media (min-width: 1400px) {
	/* A - Z List */
	.az-list__container {
		column-gap: 15px;
		flex-wrap: nowrap;
	}

	.az-list__container .az-list__wrapper--all {
		width: unset;
		min-width: 40px;
	}

	.accordion .accordion__body.accordion-sidebar__70 {
		padding: 20px 70px 40px 70px;
	}

	.accordion .accordion__body2.accordion-sidebar__70 {
		padding: 20px 70px 40px 70px;
	}

	.news-teaser__news--no-image .news-teaser__news-wrapper {
		margin-top: 0;
	}
}

@keyframes rotateY {
	0% {
		transform: rotateY(0deg);
	}

	100% {
		transform: rotateY(360deg);
	}
}

@keyframes rotateX {
	0% {
		transform: rotateX(0deg);
	}

	100% {
		transform: rotateX(360deg);
	}
}

/* ---------- END /pub/theme/bocholt/skin/style.css ---------- */