@media ( prefers-reduced-motion : reduce) {
	.numbers-facts__number {
		font-size: 0;
		visibility: hidden
	}
	.numbers-facts__number::before {
		content: attr(data-target-number);
		font-size: 3rem;
		visibility: visible
	}
	.timeline__heading.inactive-control+* {
		height: 0 !important
	}
	.timeline__heading.active-control+* {
		height: auto !important
	}
	.live-calendar {
		opacity: 1 !important
	}
	.cookiebanner {
		height: auto !important
	}
	* {
		scroll-behavior: auto !important;
		transition: none !important
	}
	.heading.inactive-control+* {
		height: 0 !important
	}
	.heading.active-control+* {
		height: auto !important
	}
	.service-border .container {
		height: auto !important;
		opacity: 1 !important;
		overflow: visible !important;
		padding-bottom: 30px !important
	}
	.share[aria-hidden=true] {
		top: 0 !important;
		display: none !important;
		height: 0 !important
	}
	.share[aria-hidden=false] {
		position: static !important;
		top: unset !important;
		bottom: 0;
		display: block !important;
		height: auto !important
	}
	.slick-list {
		height: auto !important
	}
}

@media ( prefers-color-scheme : dark) {
	.gsb abbr, .gsb dfn {
		--border-color: #EEEEEE
	}
	.gsb kbd {
		--background-color: #666666
	}
	.gsb code {
		--background-color: #666666;
		background-color: var(--background-color);
		color: var(--text-color)
	}
	.gsb table .sortUp:after, .gsb table .sortDown:after {
		filter: brightness(0) invert(1)
	}
	.gsb table .even {
		--background-color: #666666
	}
	.gsb table th {
		--background-color: #666666
	}
	.gsb .picture {
		--background-color: #666666
	}
	.gsb .picture a:active, .gsb .picture a:focus, .gsb .picture a:hover {
		--box-shadow-color: #EEEEEE;
		--box-shadow-color2: var(--main-color);
		box-shadow: inset 0 0 0 2px var(--box-shadow-color), inset 0 0 0 4px
			var(--box-shadow-color2)
	}
	.gsb .picture .loupe {
		filter: brightness(0) invert(1)
	}
	.gsb .RichTextIntLink::before, .gsb .RichTextExtLink::before, .gsb .ExternalLink::before,
		.gsb .RichTextWikiLink::before, .gsb .ContactData::before, .gsb .download::before,
		.gsb .Publication::before, .gsb .shoppingCartLink::before {
		filter: brightness(0) invert(1)
	}
	.gsb .error a::before {
		filter: brightness(0) invert(1)
	}
	.gsb .more a::before {
		filter: brightness(0) invert(1)
	}
	.gsb p.navToTop a::before {
		filter: brightness(0) invert(1)
	}
	.gsb ul.toc li a::before {
		filter: brightness(0) invert(1)
	}
	.gsb a.RichTextGlossarLink, .gsb a.GlossarEntry {
		--border-color: #EEEEEE;
		--link-color: #EEEEEE
	}
	.gsb button.RichTextGlossarLink, .gsb button.GlossarEntry {
		--border-color: #EEEEEE;
		--link-color: #EEEEEE
	}
	.searchAutoSuggestBox {
		--background-color: var(--main-color)
	}
	.c-map .leaflet-popup-content-wrapper, .c-map .leaflet-popup-tip {
		background: var(--background-color);
		color: var(--text-color)
	}
	.c-map .leaflet-container .leaflet-control-attribution {
		background: var(--background-color)
	}
	.c-map .leaflet-control-attribution, .c-map .leaflet-control-scale-line
		{
		color: var(--text-color)
	}
	.c-mobile-nav {
		--background-color: #333333
	}
	.c-mobile-nav__search {
		--background-color: var(--main-color)
	}
	.c-mobile-nav__search input {
		--background-color: #333333
	}
	.c-mobile-nav__search input[type=text]:active, .c-mobile-nav__search input[type=text]:focus,
		.c-mobile-nav__search input[type=text]:hover {
		--box-shadow-color: #EEEEEE;
		--box-shadow-color-2: #333333
	}
	.c-mobile-nav__search input[type=image] {
		filter: brightness(0) invert(1)
	}
	.c-mobile-nav__item {
		--border-color: rgba(0, 0, 0, 0.1)
	}
	.c-mobile-nav__item--level2, .c-mobile-nav__item--level3,
		.c-mobile-nav__item--level4 {
		--background-color: rgba(0, 0, 0, 0.05);
		--border-color: rgba(0, 0, 0, 0.1)
	}
	.c-mobile-nav__meta {
		--background-color: var(--main-color)
	}
	.c-mobile-nav__meta-item {
		--link-color: #EEEEEE;
		--border-color: rgba(238, 238, 238, 0.1)
	}
	.c-mobile-nav__button {
		--border-color: #EEEEEE
	}
	.c-mobile-nav__button:hover, .c-mobile-nav__button:focus,
		.c-mobile-nav__button:active {
		--background-color: var(--main-color);
		--border-color: #EEEEEE
	}
	.c-mobile-nav__button.is-opened {
		--background-color: rgba(0, 0, 0, 0.05);
		--border-color: #EEEEEE
	}
	.c-mobile-nav__button.is-opened:hover, .c-mobile-nav__button.is-opened:focus,
		.c-mobile-nav__button.is-opened:active {
		--background-color: var(--main-color);
		--border-color: #EEEEEE
	}
	.c-mobile-nav__meta .c-mobile-nav__button {
		--border-color: #EEEEEE
	}
	.c-mobile-nav__meta .c-mobile-nav__button:hover, .c-mobile-nav__meta .c-mobile-nav__button:focus,
		.c-mobile-nav__meta .c-mobile-nav__button:active {
		--background-color: #333333;
		--border-color: #EEEEEE
	}
	.c-mobile-nav__meta .c-mobile-nav__button.is-opened {
		--background-color: var(--main-color);
		--border-color: #EEEEEE
	}
	.c-mobile-nav__meta .c-mobile-nav__button.is-opened:hover,
		.c-mobile-nav__meta .c-mobile-nav__button.is-opened:focus,
		.c-mobile-nav__meta .c-mobile-nav__button.is-opened:active {
		--background-color: #333333;
		--border-color: #EEEEEE
	}
	.mobile-menu-opened .wrapperDivisions::before {
		--background-color: rgba(0, 0, 0, 0.58)
	}
	.c-nav-primary__link {
		--link-color: #FFFFFF
	}
	.c-nav-primary__link[aria-expanded=true]::after, .c-nav-primary__link[aria-expanded=true]::before
		{
		--border-color: #333333
	}
	.quick-links__list {
		--border-color: var(--main-color)
	}
	.quick-links__link {
		--background-color: var(--main-color);
		--border-color: #EEEEEE
	}
	.quick-links__link img {
		filter: brightness(0) invert(1)
	}
	.quick-links__link svg path {
		--background-color: #EEEEEE
	}
	.quick-links__link:active, .quick-links__link:focus, .quick-links__link:hover
		{
		--background-color: var(--main-color);
		--border-color: #EEEEEE
	}
	.quick-links__link:active svg path, .quick-links__link:focus svg path,
		.quick-links__link:hover svg path {
		--background-color: #000000
	}
	.timeline__date {
		--text-color: #EEEEEE
	}
	.timeline__text-wrapper {
		--text-color: #EEEEEE
	}
	.js-on .timeline__text-wrapper::before {
		--background-color: #333333;
		--border-color: #EEEEEE
	}
	.timeline__heading {
		--border-color: #EEEEEE
	}
	.timeline__heading button {
		color: var(--link-color)
	}
	.timeline__heading::before {
		--background-color: #EEEEEE
	}
	.timeline__heading::after {
		filter: brightness(0) invert(1)
	}
	.timeline__content::before {
		--background-color: #EEEEEE
	}
	.live-calendar .pager .prev a, .live-calendar .pager .next a {
		--border-color: #EEEEEE;
		border: 1px solid var(--border-color)
	}
	.live-calendar .pager .prev a:active, .live-calendar .pager .prev a:focus,
		.live-calendar .pager .prev a:hover, .live-calendar .pager .next a:active,
		.live-calendar .pager .next a:focus, .live-calendar .pager .next a:hover
		{
		--background-color: #EEEEEE;
		--focus-outline-color: #EEEEEE;
		--border-color: #EEEEEE
	}
	.live-calendar .today {
		--background-color: #333333;
		--border-color: #EEEEEE
	}
	.live-calendar .on>a {
		--border-color: #EEEEEE;
		border: 1px solid var(--border-color)
	}
	.live-calendar .calendar-details {
		--background-color: #333333;
		--border-color: #EEEEEE
	}
	.live-calendar .calendar-details li {
		--border-color: #EEEEEE
	}
	.live-calendar .calendar-details li a::before {
		filter: brightness(0) invert(1)
	}
	.live-calendar .calendar-details li span {
		--link-color: #FFFFFF
	}
	.live-calendar .calendar-details h4 {
		--headline-color: #EEEEEE
	}
	.consent-wrapper {
		--background-color: rgba(51, 51, 51, 0.8)
	}
	.consent-wrapper .c-button {
		--border-color: #EEEEEE;
		border: 1px solid var(--border-color)
	}
	.cookiebanner a.RichTextIntLink:before {
		filter: brightness(0) invert(1)
	}
	.cookiebanner .button {
		--border-color: #FFFFFF;
		border: 1px solid var(--border-color)
	}
	.dossierentry {
		--border-color: #EEEEEE
	}
	.facets ul.show {
		--border-color: #EEEEEE
	}
	.facets li {
		--border-color: #EEEEEE
	}
	.facets li a:before, .facets li strong:before {
		filter: brightness(0) invert(1)
	}
	.facets li a:hover:before, .facets li a:focus:before, .facets li a:active:before
		{
		filter: brightness(0) invert(1)
	}
	.facets li strong:before {
		filter: brightness(0) invert(1)
	}
	.facets li.link a:before {
		filter: brightness(0) invert(1)
	}
	.supplement .facets .inactive-control {
		--border-color: #EEEEEE
	}
	.supplement .facets .inactive-control:active, .supplement .facets .inactive-control:focus,
		.supplement .facets .inactive-control:hover {
		--link-hover-color: #EEEEEE
	}
	.supplement .facets .inactive-control::before {
		filter: brightness(0) invert(1)
	}
	.supplement .facets .active-control:active, .supplement .facets .active-control:focus,
		.supplement .facets .active-control:hover {
		--link-hover-color: #EEEEEE
	}
	.supplement .facets .active-control::before {
		filter: brightness(0) invert(1)
	}
	.supplement .facets .active-control+ul {
		--border-color: #EEEEEE
	}
	.js-on .heading, .js-on .heading * {
		--text-color: #EEEEEE
	}
	.js-on .toggleEntry .heading, .js-on .toggleEntry .heading *, .js-on .facets .heading,
		.js-on .facets .heading *, .js-on .c-toggle-faq .heading, .js-on .c-toggle-faq .heading *
		{
		--text-color: #EEEEEE
	}
	.js-on .toggleEntry .heading:hover, .js-on .toggleEntry .heading *:hover,
		.js-on .facets .heading:hover, .js-on .facets .heading *:hover, .js-on .c-toggle-faq .heading:hover,
		.js-on .c-toggle-faq .heading *:hover {
		--text-color: #EEEEEE
	}
	form .trenner {
		--border-color: #EEEEEE
	}
	input:active, input:focus, input:hover, textarea:active, textarea:focus,
		textarea:hover, select:active, select:focus, select:hover {
		--border-color: #EEEEEE;
		--box-shadow-color: #FFFFFF
	}
	.border input, .border textarea, .border select {
		--border-color: #EEEEEE
	}
	.border input:active, .border input:focus, .border input:hover, .border textarea:active,
		.border textarea:focus, .border textarea:hover, .border select:active,
		.border select:focus, .border select:hover {
		--border-color: #EEEEEE;
		--box-shadow-color: #FFFFFF
	}
	.background input, .background textarea, .background select {
		--background-color: #333333
	}
	input.submit, input.reset {
		--border-color: #EEEEEE
	}
	input.submit:active, input.submit:focus, input.submit:hover, input.reset:active,
		input.reset:focus, input.reset:hover {
		--border-color: #EEEEEE
	}
	input.reset {
		--border-color: #EEEEEE
	}
	.formError {
		--text-color: #FF6B6B
	}
	input[aria-invalid=true], textarea[aria-invalid=true], select[aria-invalid=true]
		{
		--border-color: #FF6B6B
	}
	.js-captcha {
		--border-color: #EEEEEE
	}
	.js-captcha::before {
		--background-color: rgba(51, 51, 51, 0.7)
	}
	.content .all {
		--background-color: #333333
	}
	.button {
		--border-color: #EEEEEE;
		border: 1px solid var(--border-color)
	}
	.glossaryIndex.navIndex li>span.page:active, .glossaryIndex.navIndex li>span.page:focus,
		.glossaryIndex.navIndex li>span.page:hover {
		--background-color: #333333;
		--text-color: #EEEEEE
	}
	.header {
		--background-color: #333333
	}
	.header .logo a:active, .header .logo a:focus, .header .logo a:hover {
		--background-color: #EEEEEE
	}
	.search fieldset {
		--background-color: #333333;
		--border-color: #EEEEEE;
		border: 1px solid var(--border-color)
	}
	.search input[type=text] {
		--border-color: #EEEEEE
	}
	.search input[type=image] {
		--background-color: transparent;
		filter: brightness(0) invert(1)
	}
	.navServiceMeta .navServiceGS a, .navServiceMeta .navServiceGS strong,
		.navServiceMeta .navServiceLS a, .navServiceMeta .navServiceLS strong
		{
		--background-color: #EEEEEE
	}
	.navServiceMeta .navServiceGS a::before, .navServiceMeta .navServiceGS strong::before,
		.navServiceMeta .navServiceLS a::before, .navServiceMeta .navServiceLS strong::before
		{
		filter: brightness(0) invert(1)
	}
	.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
		--border-color: #EEEEEE;
		border: 1px solid var(--border-color)
	}
	.mfp-inline-holder .mfp-content button.mfp-close, .mfp-ajax-holder .mfp-content button.mfp-close
		{
		filter: brightness(0) invert(1)
	}
	.mfp-container .mfp-arrow {
		--border-color: #EEEEEE;
		border: 1px solid var(--border-color)
	}
	.mfp-container .mfp-arrow:active, .mfp-container .mfp-arrow:focus,
		.mfp-container .mfp-arrow:hover {
		--background-color: transparent;
		--focus-outline-color: #EEEEEE
	}
	.themenLink::before, .external::before {
		filter: brightness(0) invert(1)
	}
	ul.links a::before, ul.links strong::before {
		filter: brightness(0) invert(1)
	}
	.mejs__container:focus {
		--box-shadow-color: #EEEEEE
	}
	.navBreadcrumbs {
		--background-color: #333333
	}
	.navBreadcrumbs a {
		--link-color: #EEEEEE
	}
	.navBreadcrumbs a:active, .navBreadcrumbs a:focus, .navBreadcrumbs a:hover
		{
		--link-color: #EEEEEE
	}
	.navBreadcrumbs a img {
		filter: brightness(0) invert(1)
	}
	.navBreadcrumbs strong {
		--link-color: #EEEEEE
	}
	.navBreadcrumbs .first a:active::before, .navBreadcrumbs .first a:focus::before,
		.navBreadcrumbs .first a:hover::before {
		--background-color: #EEEEEE
	}
	.navPrimary a {
		--link-color: #EEEEEE
	}
	.anchor-nav {
		--background-color: #333333
	}
	.anchor-nav__item h3, .anchor-nav__item a {
		--text-color: #EEEEEE
	}
	.anchor-nav__item::before {
		--border-color: #EEEEEE
	}
	.navSecondary {
		--border-color: #666666;
		border: 1px solid var(--border-color)
	}
	.navBreadcrumbsVertical .level3 {
		--background-color: #404040
	}
	.navBreadcrumbsVertical .level3 a {
		--link-color: #EEEEEE
	}
	.navBreadcrumbsVertical .level3 span::before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 18px;
		height: 9px;
		background: url(/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=2) no-repeat -526px -980px
	}
	.onepager-element-wrapper::before {
		--background-color: #404040
	}
	.onepager-element-wrapper--odd::before {
		--background-color: #333333
	}
	.pageBottom {
		--background-color: #333333
	}
	.navIndex li>span.page:active, .navIndex li>span.page:focus, .navIndex li>span.page:hover
		{
		--background-color: #333333;
		--text-color: #FFFFFF;
		--border-color: #333333
	}
	.navIndex .page {
		border: 1px solid rgba(0, 0, 0, 0)
	}
	.navIndex .page:hover, .navIndex .page:focus, .navIndex .page:active,
		.navIndex .page[aria-current] {
		--border-color: #EEEEEE;
		border: 1px solid var(--border-color)
	}
	.navIndex strong {
		--border-color: #EEEEEE;
		border: 1px solid var(--border-color)
	}
	.navIndex span.back, .navIndex span.forward {
		--background-color: #333333;
		--text-color: #FFFFFF;
		--border-color: #333333
	}
	.service-border {
		--background-color: #333333
	}
	.service-border>ul>li {
		--border-color: #333333
	}
	.service-border>ul>li a:before {
		filter: brightness(0) invert(1)
	}
	.servicebox {
		--background-color: #333333
	}
	.servicebox .service a::before, .servicebox .service strong::before {
		filter: brightness(0) invert(1)
	}
	.servicebox .navTwitter a:before {
		filter: brightness(0) invert(1)
	}
	.servicebox .navFacebook a:before {
		filter: brightness(0) invert(1)
	}
	.servicebox .navRSSFeed a:before {
		filter: brightness(0) invert(1)
	}
	.servicebox .navYouTube a:before {
		filter: brightness(0) invert(1)
	}
	.servicebox .navGoogle a:before {
		filter: brightness(0) invert(1)
	}
	.servicebox .navFlickr a:before {
		filter: brightness(0) invert(1)
	}
	.servicebox .social a em, .servicebox .social strong em {
		--link-color: #EEEEEE
	}
	.share {
		--background-color: #333333
	}
	.share button.close {
		--text-color: #FFFFFF;
		color: var(--text-color);
		background: url(/SiteGlobals/Frontend/Images/icons/close-w.svg?__blob=normal&v=1) no-repeat 100% 0/22px
			22px
	}
	.share .shariff h3 {
		--text-color: #FFFFFF
	}
	.share .shariff-button a {
		--border-color: #EEEEEE;
		border: 1px solid var(--border-color)
	}
	.sitemap a::before, .sitemap strong::before {
		filter: brightness(0) invert(1)
	}
	.slick-arrow:not(.slick-disabled) {
		--border-color: #EEEEEE;
		border: 1px solid var(--border-color)
	}
	.onepage .slick-arrow:not(.slick-disabled) {
		border: 1px solid rgba(0, 0, 0, 0)
	}
	.teaser-switcher a:active, .teaser-switcher a:focus, .teaser-switcher a:hover
		{
		--background-color: #333333
	}
	.js-on .teaser-switcher .slick-dots button {
		--border-color: #EEEEEE
	}
	.js-on .teaser-switcher .slick-dots button:active, .js-on .teaser-switcher .slick-dots button:focus,
		.js-on .teaser-switcher .slick-dots button:hover {
		--background-color: #EEEEEE
	}
	.js-on .teaser-switcher .slick-dots button:focus-visible {
		--link-focus-outline-color: #333333
	}
	.js-on .teaser-switcher .slick-dots .slick-active button {
		--background-color: #EEEEEE
	}
	.js-on .teaser-switcher .navigation button:focus-visible {
		--link-focus-outline-color: #EEEEEE;
		outline: 1px solid var(--link-focus-outline-color)
	}
	.StndGallery .galleryBox .slick-slide {
		--background-color: #666666
	}
	.StndGallery .navigation button:focus-visible {
		--link-focus-outline-color: #EEEEEE;
		outline: 1px solid var(--link-focus-outline-color)
	}
	.supplement .slick-slide, .supplement .picture, .supplement .galleryBox
		{
		--background-color: #666666
	}
	.supplement .imageSlider {
		--background-color: #666666
	}
	.onepager-element-wrapper--even .StndGallery .galleryBox,
		.onepager-element-wrapper--even .StndGallery .galleryBox .slick-slide,
		.onepager-element-wrapper--even .StndGallery .galleryBox .picture {
		--background-color: #666666
	}
	.onepage .stage {
		--background-color: #333333
	}
	.onepage .stage .textContainer h1 a, .onepage .stage .textContainer h3 a
		{
		--link-color: #EEEEEE
	}
	.onepage .stage .textContainer p {
		--text-color: #EEEEEE
	}
	.onepage .stage .pagination a {
		--background-color: #EEEEEE;
		--link-color: #EEEEEE
	}
	.onepage .stage .pagination strong {
		--background-color: #EEEEEE;
		--link-color: #000000
	}
	.onepage .js-on .stage .slick-dots button:active, .onepage .js-on .stage .slick-dots button:focus,
		.onepage .js-on .stage .slick-dots button:hover {
		--background-color: #EEEEEE
	}
	.onepage .js-on .stage .slick-dots button {
		--border-color: #EEEEEE
	}
	.onepage .js-on .stage .slick-dots .slick-active button {
		--background-color: #EEEEEE
	}
	.js-on.onepage .stage .slick-dots button {
		--border-color: #EEEEEE
	}
	.js-on.onepage .stage .slick-dots button:active, .js-on.onepage .stage .slick-dots button:focus,
		.js-on.onepage .stage .slick-dots button:hover {
		--background-color: #EEEEEE
	}
	.js-on.onepage .stage .slick-dots .slick-active button {
		--background-color: #EEEEEE
	}
	body {
		--border-color: var(--main-color)
	}
	.wrapperDivisions {
		--background-color: #333333;
		background: var(--background-color)
	}
	.onepage .wrapperDivisions {
		--background-color: #333333
	}
	.main {
		background: var(--background-color)
	}
	.content {
		--background-color: #333333
	}
	.supplement {
		--background-color: #333333
	}
	.supplement .banner a:active h1, .supplement .banner a:focus h1,
		.supplement .banner a:hover h1 {
		--background-color: var(--main-color);
		--text-color: #EEEEEE
	}
	.supplement .banner h1 {
		--background-color: #333333
	}
	.teaser .medium-4 a:focus {
		--link-focus-outline-color: #EEEEEE
	}
	.teaser .small-pull-6 a:active, .teaser .small-pull-6 a:focus, .teaser .small-pull-6 a:hover
		{
		--box-shadow-color: #FFFFFF;
		--box-shadow-color2: var(--main-color)
	}
	.dateblock .month {
		--text-color: #EEEEEE
	}
	.dateblock .month abbr {
		--text-color: #EEEEEE
	}
	a p {
		--text-color: #EEEEEE
	}
	.box {
		--background-color: #333333;
		--border-color: #666666;
		border: 1px solid var(--border-color)
	}
	.box .links li {
		--border-color: #EEEEEE
	}
	.searchresult .teaser::before {
		filter: brightness(0) invert(1)
	}
	.c-toggle-faq .heading.inactive-control::before, .c-toggle-faq .heading.active-control::before,
		.toggleEntry .heading.inactive-control::before, .toggleEntry .heading.active-control::before
		{
		filter: brightness(0) invert(1)
	}
}

@media only screen and (prefers-color-scheme: dark)and (min-width: 37.563em) ,
		print and (prefers-color-scheme: dark) {
	.service-border>ul>li a:active, .service-border>ul>li a:focus,
		.service-border>ul>li a:hover {
		--background-color: #333333;
		--link-color: #EEEEEE
	}
	.service-border>ul>li.active a {
		--background-color: #333333;
		--link-color: #EEEEEE
	}
	.service-border .container {
		--background-color: #333333
	}
	.service-border button.close {
		--text-color: #EEEEEE;
		color: var(--text-color)
	}
	.service-border button.close::after {
		content: "";
		display: inline-block;
		position: absolute;
		width: 20px;
		height: 20px;
		background: url(/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=2) no-repeat -881px -534px
	}
	.StndGallery .galleryBox {
		--background-color: #666666
	}
	.onepage .stage .textContainer h1, .onepage .stage .textContainer h3 {
		--headline-color: #EEEEEE
	}
	.onepage .stage .imageContainer .spacer:before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 13px;
		height: 25px;
		background: url(/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=2) no-repeat -178px -733px
	}
	.onepage .js-on .stage .slick-dots .slick-active button {
		--background-color: #EEEEEE;
		--text-color: #EEEEEE
	}
	.js-on.onepage .stage .slick-dots {
		overflow: visible
	}
	.js-on.onepage .stage .slick-dots button {
		--text-color: #EEEEEE;
		--border-color: #EEEEEE;
		border: 1px solid var(--border-color)
	}
	.js-on.onepage .stage .slick-dots button:active, .js-on.onepage .stage .slick-dots button:focus,
		.js-on.onepage .stage .slick-dots button:hover {
		--background-color: var(--main-color);
		--text-color: #EEEEEE
	}
	.js-on.onepage .stage .slick-dots .slick-active button {
		--background-color: var(--main-color);
		--text-color: #EEEEEE
	}
}

@media only screen and (prefers-color-scheme: dark)and (min-width: 64em)
	{
	.navPrimary {
		--background-color: #333333
	}
	.navPrimary>ul>li em a {
		--link-color: #EEEEEE
	}
	.navPrimary .menu-box ul {
		--background-color: #333333;
		--border-color: #333333
	}
	.navPrimary .menu-box li {
		--border-color: #333333
	}
	.navPrimary .menu-fl-2 .menu-box>ul {
		--background-color: #333333;
		--border-color: #333333
	}
	.navPrimary .hovered .menu-nn a:after, .navPrimary em a:after,
		.navPrimary strong:after {
		--border-color: #333333;
		--text-color: #333333
	}
	.navPrimary .hovered .menu-nn a:before, .navPrimary em a:before,
		.navPrimary strong:before {
		--border-color: #333333
	}
	.anchor-nav {
		--background-color: #333333
	}
	.anchor-nav__list {
		--background-color: #333333
	}
	.anchor-nav__list::before {
		--background-color: #333333
	}
	.anchor-nav__item h3, .anchor-nav__item a {
		--text-color: #EEEEEE
	}
	.anchor-nav__item::before {
		--border-color: #333333
	}
	.touch .menu-fl-button {
		--border-color: #EEEEEE
	}
	.onepage .stage {
		--background-color: #333333
	}
}

@media ( forced-colors : active) {
	.RichTextIntLink::before, .RichTextExtLink::before, .ExternalLink::before,
		.RichTextWikiLink::before, .ContactData::before, .download::before,
		.Publication::before, .shoppingCartLink::before {
		filter: brightness(0) invert(1)
	}
	.error a::before {
		filter: brightness(0) invert(1)
	}
	.more a::before {
		filter: brightness(0) invert(1)
	}
	p.navToTop a::before {
		filter: brightness(0) invert(1)
	}
	ul.toc li a::before {
		filter: brightness(0) invert(1)
	}
	.picture .loupe {
		filter: brightness(0) invert(1)
	}
	.c-mobile-nav {
		border-top: 1px solid rgba(0, 0, 0, 0)
	}
	.c-mobile-nav__search .formField {
		border-bottom: 2px solid rgba(0, 0, 0, 0)
	}
	.c-mobile-nav__search input[type=image] {
		filter: brightness(0) invert(1)
	}
	.c-nav-primary__link[aria-expanded=true]::after, .c-nav-primary__link[aria-expanded=true]::before
		{
		content: none
	}
	.timeline__heading::after {
		filter: brightness(0) invert(1)
	}
	.live-calendar .calendar-details li a::before {
		filter: brightness(0) invert(1)
	}
	.cookiebanner {
		border-bottom: 1px solid rgba(0, 0, 0, 0) !important
	}
	.cookiebanner button {
		border: 1px solid rgba(0, 0, 0, 0)
	}
	.facets li a::before {
		filter: brightness(0) invert(1)
	}
	.supplement .facets .inactive-control::before, .supplement .facets .active-control::before
		{
		filter: brightness(0) invert(1)
	}
	.footer {
		border-top: 1px solid rgba(0, 0, 0, 0)
	}
	.error a::before {
		filter: brightness(0) invert(1)
	}
	.all .button {
		border: 1px solid rgba(0, 0, 0, 0)
	}
	.header {
		border-bottom: 1px solid rgba(0, 0, 0, 0)
	}
	.navServiceMeta .navServiceGS a::before, .navServiceMeta .navServiceGS strong::before,
		.navServiceMeta .navServiceLS a::before, .navServiceMeta .navServiceLS strong::before
		{
		filter: brightness(0) invert(1)
	}
	.search input[type=image] {
		filter: brightness(0) invert(1)
	}
	.themenLink::before, .external::before {
		filter: brightness(0) invert(1)
	}
	ul.links a::before, ul.links strong::before {
		filter: brightness(0) invert(1)
	}
	.mejs__controls {
		background: rgba(0, 0, 0, .5) !important;
		border: 1px solid rgba(0, 0, 0, 0)
	}
	.mejs__time-total {
		border: 1px solid rgba(0, 0, 0, 0)
	}
	.mejs__time-current, .mejs__time-handle-content {
		background-color: currentColor
	}
	.mejs__captions-selector-label::before {
		border: 1px solid currentColor
	}
	.mejs__captions-selector-label[class*=-selected]::before {
		background: currentColor
	}
	video::cue {
		background-color: rgba(0, 0, 0, 0);
		color: currentColor
	}
	.navBreadcrumbs a img {
		filter: brightness(0) invert(1)
	}
	.anchor-nav__item::before {
		content: none
	}
	.navBreadcrumbsVertical a::before, .navBreadcrumbsVertical span::before
		{
		filter: brightness(0) invert(1)
	}
	.onepager-element-wrapper::before {
		border-bottom: 1px solid rgba(0, 0, 0, 0)
	}
	.navIndex .button, .navIndex [aria-current=page] {
		border: 1px solid rgba(0, 0, 0, 0)
	}
	.navIndex a.page {
		border: 1px solid rgba(0, 0, 0, 0)
	}
	.service-border a:before {
		filter: brightness(0) invert(1)
	}
	.servicebox .service a::before, .servicebox .service strong::before {
		filter: brightness(0) invert(1)
	}
	.servicebox .navTwitter a:before {
		filter: brightness(0) invert(1)
	}
	.servicebox .navFacebook a:before {
		filter: brightness(0) invert(1)
	}
	.servicebox .navRSSFeed a:before {
		filter: brightness(0) invert(1)
	}
	.servicebox .navYouTube a:before {
		filter: brightness(0) invert(1)
	}
	.servicebox .navGoogle a:before {
		filter: brightness(0) invert(1)
	}
	.servicebox .navFlickr a:before {
		filter: brightness(0) invert(1)
	}
	.share {
		border-bottom: 1px solid rgba(0, 0, 0, 0)
	}
	.share button.close {
		background: url(/SiteGlobals/Frontend/Images/icons/close-w.svg?__blob=normal&v=1) no-repeat 100% 0/22px
			22px
	}
	.sitemap a::before, .sitemap strong::before {
		filter: brightness(0) invert(1)
	}
	.js-on .stage .imageContainer .spacer::before {
		filter: brightness(0) invert(1)
	}
	.js-on .stage .slick-dots button {
		border: 1px solid rgba(0, 0, 0, 0)
	}
	.solrSortLinks .button {
		border: 1px solid rgba(0, 0, 0, 0)
	}
	.wrapperDivisions, .main {
		background: none
	}
	.searchresult .teaser::before {
		filter: brightness(0) invert(1)
	}
	.c-toggle-faq .heading.inactive-control::before, .c-toggle-faq .heading.active-control::before,
		.toggleEntry .heading.inactive-control::before, .toggleEntry .heading.active-control::before
		{
		filter: brightness(0) invert(1)
	}
	.togglenav {
		border-bottom: 1px solid rgba(0, 0, 0, 0)
	}
}