:root {

  --beige-100: #FBF9F4;
  --beige-250: #F3ECDB;
  --beige-350: #D2C6AB;
  --beige-500: #CFBB8D;
  --beige-600: #BAA780;
  --beige-700: #786433;
  
  --green-100: #F4FAFA;
  --green-250: #D2E8E3;
  --green-500: #9DCFCB;
  --green-600: #7FACB1;
  --green-650: #37838B;
  --green-700: #2C7C84;
  --green-800: #005A63;
  
  --neutral-100: #F1F4F3;
  --neutral-200: #DEE4E2;
  --neutral-400: #C5CDCA;
  --neutral-500: #B1BAB8;
  --neutral-700: #757575;
  --neutral-black: #000000;
  --neutral-white: #ffffff;
  
  --gradient-green-dark: linear-gradient(90deg, #347B82 0%, #005A63 35%, #005A63 65%, #347B82 100%);  
  
}


.high-contrast .frame-layout-1, 
.high-contrast #maintrailer,
.high-contrast #header,
.high-contrast .bildtextbox_inner,
.high-contrast .accordion_horizontal_item,
.high-contrast .textbox_box,
.high-contrast .frame-type-image {filter: contrast(150%);}

.high-contrast,
.high-contrast h2,
.high-contrast a,
.high-contrast .headertext_main .titel,
.high-contrast input:not(:focus)::-webkit-input-placeholder, 
.high-contrast textarea:not(:focus)::-webkit-input-placeholder,
.high-contrast #mainnav .nav>.nav-item>.nav-link,
.high-contrast .textbox_titel_oben,
.high-contrast .btn.btn-secondary,
.high-contrast .btn.btn-default:hover,
.high-contrast .scrollToTop a,
.high-contrast #maincontent p a, 
.high-contrast #maincontent li a,
.high-contrast .content .tx-indexedsearch-info-sword-word,
.high-contrast ul.sub li.nav_box.nav-item.col>span>a,
.high-contrast .language a, .high-contrast .search a, .high-contrast .events a {color: var(--neutral-black);}

.high-contrast .tx-indexedsearch-searchbox-sword,
.high-contrast .bildtextbox_inner,
.high-contrast .box_mit_icon_inner_inner,
.high-contrast .accordion_horizontal_item,
.high-contrast .textbox_box,
.high-contrast .high-contrast .btn,
.high-contrast .scrollToTop,
.high-contrast .content .tx-indexedsearch-res,
.high-contrast #mainnav .nav>.nav-item>.nav-link {
  border: 2px solid var(--neutral-black) !important;
}
.high-contrast .bildtextbox_inner,
.high-contrast .box_mit_icon_inner_inner,
.high-contrast .accordion_horizontal_item,
.high-contrast .textbox_box {
  border-radius: 0.3125rem;
}
.high-contrast #mainnav .nav>.nav-item>.nav-link:hover, 
.high-contrast #mainnav .nav>.nav-item.active>.nav-link,
.high-contrast #mainnav .nav>.nav-item:hover>.nav-link {
    color: var(--neutral-white);
    background: var(--neutral-black);
    border: 2px solid var(--neutral-black);
}
body.high-contrast.scroll  #mainnav .nav>.nav-item>.nav-link:hover, 
body.high-contrast.scroll #mainnav .nav>.nav-item.active>.nav-link, 
body.high-contrast.scroll #mainnav .nav>.nav-item:hover>.nav-link,
.high-contrast .btn.btn-default:before {
  background: var(--neutral-white);
  border: 2px solid var(--neutral-white);
  color: var(--neutral-black);
}
body.high-contrast.scroll #mainnav .nav>.nav-item>.nav-link::before {
  background: var(--neutral-white);
  color: var(--neutral-black);
}

body.scroll .high-contrast #mainnav .nav>.nav-item>.nav-link {border: 2px solid var(--neutral-white) !important;}

.high-contrast .direktlinks,
.high-contrast #footer,
body.high-contrast.scroll header#header,
body.high-contrast.scroll #mainnav .nav>.nav-item>.nav-link,
.high-contrast .e-service a,
.high-contrast .btn.btn-default,
.high-contrast .btn.btn-secondary::before,
.high-contrast #mainnav .nav>.nav-item>.nav-link::before,
.high-contrast ul.sub .container>ul li.nav_box:before {
	background: var(--neutral-black);
	color: var(--neutral-white);
}
.high-contrast .tx-indexedsearch-form span.icon.search.white,
.high-contrast .headerbutton span.icon.arrow,
.high-contrast .content .icon,
.high-contrast #accessibility-panel button,
.high-contrast .chatbot-button {
	background-color: var(--neutral-black) !important;
}

.high-contrast .bildtextbox_inner.green-800 .icon.arrow,
.high-contrast .content .accordion_horizontal_item.green-800 .icon,
.high-contrast .scrollToTop  {
	background-color: var(--neutral-white);
}
.high-contrast .content .news-list-view .article {
    border-top: 2px solid var(--neutral-black);
}
body.high-contrast.scroll #mainnav .nav>.nav-item>.nav-link {border: 2px solid var(--neutral-white) !important;}
.high-contrast .news-list-view .article:last-child,
.high-contrast .content .tx-indexedsearch-info-sword-word {
    border-bottom: 2px solid var(--neutral-black);
}
.high-contrast .logo path {fill: var(--neutral-black);}
.scroll .high-contrast .logo path {fill: var(--neutral-white);}
.high-contrast .e-service a:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='36' viewBox='0 0 51 36' fill='none'%3E%3Cpath d='M39.822 27.9453L32.8357 20.959L34 19.5L38.75 24L38.75 11.1782H41V24L45.5 19.5L46.8083 20.959L39.822 27.9453ZM2.79452 35.5029C2.02603 35.5029 1.36815 35.2292 0.820891 34.682C0.27363 34.1347 0 33.4768 0 32.7083V28.5166H2L2 33.5H49L49 28.5166H51V32.7083C51 33.4768 50.7264 34.1347 50.1791 34.682C49.6319 35.2292 48.974 35.5029 48.2055 35.5029H2.79452Z' fill='%23ffffff'/%3E%3Cpath d='M12.5754 12.5753H23.7535V5.58904H12.5754V12.5753ZM29.3425 25.1507C29.3425 25.9192 29.0689 26.5771 28.5216 27.1243C27.9743 27.6716 27.3165 27.9452 26.548 27.9452H9.78085C9.01236 27.9452 8.35448 27.6716 7.80722 27.1243C7.25996 26.5771 6.98633 25.9192 6.98633 25.1507V2.79452C6.98633 2.02603 7.25996 1.36815 7.80722 0.820891C8.35448 0.27363 9.01236 0 9.78085 0H26.548C27.3165 0 27.9743 0.27363 28.5216 0.820891C29.0689 1.36815 29.3425 2.02603 29.3425 2.79452V25.1507ZM27.5 26V2H8.5V26H27.5Z' fill='%23ffffff'/%3E%3Crect x='12.5752' y='15.3699' width='11.1781' height='1.39726' fill='%23ffffff'/%3E%3Crect x='12.5752' y='18.1643' width='11.1781' height='1.39726' fill='%23ffffff'/%3E%3Crect x='12.5752' y='20.959' width='6.9863' height='1.39726' fill='%23ffffff'/%3E%3C/svg%3E");
}

.dyslexia-font,
.dyslexia-font .headertext_main .titel,
.dyslexia-font h1,
.dyslexia-font h2,
.dyslexia-font h3,
.dyslexia-font h4,
.dyslexia-font .headerbutton,
.dyslexia-font .direktlinks .titel,
.dyslexia-font input:not(:focus)::-webkit-input-placeholder, 
.dyslexia-font textarea:not(:focus)::-webkit-input-placeholder,
.dyslexia-font .headertext_main .headertext,
.dyslexia-font #mainnav .nav>.nav-item>.nav-link,
.dyslexia-font .frame-type-menu_pages ul,
.dyslexia-font .accordion_horizontal_item .text .text_titel,
.dyslexia-font .accordion_horizontal_item .text .text_text,
.dyslexia-font .news-list-view .article .header p,
.dyslexia-font .newsright_new,
.dyslexia-font .bildtextbox_titel,
.dyslexia-font .box_mit_icon_titel,
.dyslexia-font .language a, .dyslexia-font .search a, .dyslexia-font .events a,
.dyslexia-font .headersuche .tx-indexedsearch-browsebox .displayResultsNew,
.dyslexia-font .content .tx-indexedsearch-title,
.dyslexia-font .content .tx-indexedsearch-info-sword-word,
.dyslexia-font b, .dyslexia-font strong { 
  font-family: "OpenDyslexic", Arial, Helvetica, sans-serif !important; 
}
.dyslexia-font .headertext_main .headertext,
.dyslexia-font input:not(:focus)::-webkit-input-placeholder, 
.dyslexia-font textarea:not(:focus)::-webkit-input-placeholder,
.dyslexia-font .headerbutton,
.dyslexia-font h1,
.dyslexia-font h2,
.dyslexia-font h3,
.dyslexia-font h4,
.dyslexia-font #mainnav .nav>.nav-item>.nav-link,
.dyslexia-font .headertext_main .titel,
.dyslexia-font .frame-type-menu_pages ul,
.dyslexia-font .accordion_horizontal_item .text .text_titel,
.dyslexia-font .accordion_horizontal_item .text .text_text,
.dyslexia-font .news-list-view .article .header p,
.dyslexia-font .newsright_new,
.dyslexia-font .bildtextbox_titel,
.dyslexia-font .box_mit_icon_titel,
.dyslexia-font .language a, .dyslexia-font .search a, .dyslexia-font .events a,
.dyslexia-font .headersuche .tx-indexedsearch-browsebox .displayResultsNew,
.dyslexia-font .content .tx-indexedsearch-title,
.dyslexia-font .content .tx-indexedsearch-info-sword-word,
.dyslexia-font b, .dyslexia-font strong {
  font-weight: bold;
}

.colorblind-redgreen  {
  filter: contrast(120%) saturate(130%) hue-rotate(-20deg);
}

.colorblind-blueyellow {
  filter: contrast(120%) saturate(130%) hue-rotate(45deg);
}

.colorblind-gray {
  filter: grayscale(100%) contrast(110%) !important;
}
 

.dark-mode,
.dark-mode .frame-layout-1, 
.dark-mode .frame-layout-0,
.dark-mode .frame-layout-6,
.dark-mode #maintrailer,
.dark-mode .frame-type-image
.dark-mode .content .frame-layout-1,
.dark-mode #navbar ul.sub>span,
.dark-mode #accessibility-panel,
.dark-mode #header {
  background-color: #121212 !important;
  background: #121212 !important;
}
.dark-mode,
.dark-mode #maintrailer,
.dark-mode #header,
.dark-mode #footer,
.dark-mode .accordion_horizontal_item,
.dark-mode .news-list-view .article .header>a,
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode .headertext_main .titel,
.dark-mode .language a, .dark-mode .search a, .dark-mode .events a,
.dark-mode #maincontent p a, .dark-mode #maincontent li a,
.dark-mode #accessibility-button,
.dark-mode .accessibility-panel_title,
.dark-mode .textbox_titel_oben,
.dark-mode .accordion-button,
.dark-mode .mask-summary,
.dark-mode .faq-accordion-item-header span,
.dark-mode .faq-accordion-item {
  color: #f2f2f2 !important;
}
.dark-mode #maincontent p a:after, .dark-mode #maincontent li a:after {
  color: #f2f2f2 !important;
}
.dark-mode  svg path {
    fill: #fff;
}
.dark-mode .textbox_box,
.dark-mode table {color: var(--neutral-black);}
.dark-mode .footercontent .frame-layout-0,
 .dark-mode #header .frame-layout-0 { background: transparent !important;}
.dark-mode #maincontent p a, .dark-mode #maincontent li a {
    background-image: linear-gradient(var(--neutral-white), var(--neutral-white));
}
.dark-mode .content ul li::marker {
    color: var(--neutral-white);
}
.dark-mode .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M16.9411 9.48702L15.5858 8.13173L9.76485 13.9527L9.76485 0.955478L7.85389 0.955478L7.85389 13.9527L2.03293 8.13173L0.677644 9.48701L8.80937 17.6187L16.9411 9.48702Z' fill='%23005A63'/%3E%3C/svg%3E");
}
.dark-mode #searchOverlay .frame-layout-0 {background: transparent !important;}
.dark-mode .faq-accordion-item,
.dark-mode .accordion-item {
  border-top: 1px solid var(--neutral-white) !important;
  border-bottom: 1px solid var(--neutral-white) !important;
}
.dark-mode .faq-accordion-item:not(:first-of-type) {
    border-top: 0 !important;
}
.dark-mode .faq-accordion-item-header::after,
.dark-mode .accordion-button::after  {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M16.9411 9.48702L15.5858 8.13173L9.76485 13.9527L9.76485 0.955478L7.85389 0.955478L7.85389 13.9527L2.03293 8.13173L0.677644 9.48701L8.80937 17.6187L16.9411 9.48702Z' fill='%23ffffff'/%3E%3C/svg%3E");
}


/* Lesemodus / Fokusmodus */
.focus-mode #header,
.focus-mode #maintrailer,
.focus-mode #footer {
  opacity: 0.2;
  pointer-events: none;
  transition: opacity 0.5s;
}

.focus-mode #maincontent {
  opacity: 1;
  pointer-events: all;
  font-size: 1.2em;
  line-height: 1.6;
  transition: opacity 0.5s;
}

/* Animationen und Übergänge im Lesemodus deaktivieren */
.focus-mode *, .reduced-motion * {
  transition: none !important;
  animation: none !important;
}

.paused-animations * { animation-play-state: paused !important; transition: none !important; }
#accessibility-panel {
  pointer-events: none; /* deaktiviert Klicks/Tabs, wenn geschlossen */
}
#accessibility-panel.open {
  pointer-events: auto; /* aktiviert Klicks/Tabs, wenn offen */
}

#accessibility-panel .accessibility-close-btn {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    padding: 5px;
    width: 40px;
    justify-content: center;
    color: var(--neutral-black);
}
#accessibility-panel .accessibility-close-btn:hover {
    opacity: 0.7;
    color: var(--neutral-white);
}