:root {
  
  /* Standardfarbschema */
	
  --color-primary-white: #FFFFFF;
  --color-primary-green: #75B42B;
  --color-primary-blue: #2E3080;
  --color-secondary-red: #BE2C47;
  --color-secondary-blush: #F7C1C3;
  --color-secondary-grey: #CCCCCC;
  --color-partner-page: #333333;
  --color-partner-ospk-red: #EF0100;
  --color-partner-ospk-grey1: #666666;
  --color-partner-ospk-grey2: #F0F0F0;
  --color-partner-mobi-yellow: #FFCC01;
  --color-focus: #000000;
  --color-text: #000000;
  
  /* Kontrastfarbschema */
  
  --color-primary-green-contrast: #242424;
  --color-primary-blue-contrast: #242424;
  --color-secondary-red-contrast: #242424;
  --color-secondary-blush-contrast: #242424;
  --color-secondary-grey-contrast: #242424;
  
  
}


.high-contrast {
  
  --color-primary-green: var(--color-primary-green-contrast);
  --color-primary-blue: var(--color-primary-blue-contrast);
  --color-secondary-red: var(--color-secondary-red-contrast);
  --color-secondary-blush: var(--color-secondary-blush-contrast);
  --color-secondary-grey: var(--color-secondary-grey-contrast);
  
  
}




.high-contrast img {
  filter: grayscale(1);
}

.high-contrast .centered-wrapper-background {
  filter: grayscale(1) contrast(1.1);
}

.high-contrast #videoContainer video {
  filter: grayscale(1) contrast(1.1);
}

.high-contrast .bg-gradient .centered-wrapper-inner {
  background: var(--color-primary-white) !important;
}



.high-contrast .main-content p a {
	text-decoration: underline;
}

.high-contrast .ending-block a, .high-contrast .starting-block a {
	color: var(--color-primary-white);
	text-decoration: none !important;
}

.high-contrast .hilfe .fading-boxes-item-image {
  filter: grayscale(1) contrast(1.1);
}


.high-contrast .secondary-navigation li > a, .high-contrast .secondary-navigation li > strong, .high-contrast .secondary-navigation li > span.active, .high-contrast .secondary-navigation li > span.trail, .high-contrast .secondary-navigation li > span.forward {
  color: var(--color-primary-white);
}

.high-contrast .secondary-navigation li > a.active {
  text-decoration: underline;
  color: var(--color-primary-white);
}


.high-contrast .secondary-navigation-wrapper {
  box-shadow: 0 4px 4px 0 rgba(255, 255, 255, 0.5);
}

.high-contrast .fusszeile a, .high-contrast .fusszeile ul {
  color: var(--color-primary-white);
}

.high-contrast .fusszeile a:hover {
  text-decoration: underline;
}

.high-contrast .secondary-navigation li > a:hover {
	text-decoration: underline;
	color: var(--color-primary-white);
}



a:not(.invisible), button, input, textarea {
  &:focus-visible {
    box-shadow: 0px 0px 0px 0.1875rem white !important;
  outline: 0.1875rem solid black !important;
  outline-offset: 0.1875rem !important;
    transition: none;
  }
}