@media (prefers-color-scheme: dark) {

    a {
        /* color: #1e90ff; */
        color:#bdbaba;
    }
    a:focus,
    a:hover,
    a:active,
    #main p a:hover,
    #main p a:focus,
    #main li a:hover,
    #main li a:focus {
        color: #fff;
        text-decoration: underline;
    }
    a.btn {
        border: 1px solid #bdbaba;
    }
    body{
        background-color: #121212;
        color: #e0e0e0;
    }
    .navbar-container,
    #main-navbar,
    #container .inside,
    #copyright {
        background-color: #000;
    
    }
    #main-navbar {
        img {
            filter: invert(1) contrast(1);
        }
    }
    #copyright {
        background-color: #000;
        color:#fff;
    }
    #copyright *,
    a.download,
    a.external-link,
    .tx-events2 a {
        color: #bdbaba;
    }
    #main {
        background-color: #121212;
        color: #e0e0e0;
    }
    .mod_flexSlider {
        background-color: rgba(0, 0, 0, 99.7);
    }
    .greenBackground{
        background-color: #333;
    }
    .flex-control-nav.flex-control-paging li a{
        background: #333;
    }
    #main p a,
    #main ul:not([class]) li a,
    .newsBoxen p a::before,
    .col-md-9 a.internal-link::before,
    .col-md-8 a.internal-link::before,
    .mod_article.container a.internal-link::before,
    div.c25r a.internal-link::before,
    div.ce_text.col-md-6 a.internal-link::before,
    div.csc-textpic-text a.internal-link::before,
    div.mod_article.bg-lightgreen.block a.internal-link::before,
    a.external-link-new-window:before,
    a.external-link:before,
    p.csc-linkToTop a:before,
    .mainnavbar ul li > a,
    .mainnavbar ul li .level_2 li > a,
    .socialicons a,
    .socialicons i.fa,
    .news-list-item h2 a,
    .news-latest-container h2 a,
    .news-list-item h2 a,
    .news-list-item h2 a,
    .news-latest-container a:before,
    .news-list-morelink a:before,
    i.fa,
    .h2 a,
    .h3 a,
    .h4 a,
    .h5 a,
    .h6 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a,
    #container h1,
    #container h2,
    #container h3,
    #container h4,
    #container h5,
    #container h6 {
        color: #bdbaba;
    }
    #main p a:hover,
    #main ul:not([class]) li a:hover,
    .newsBoxen p a:hover::before,
    .col-md-9 a.internal-link:hover::before,
    .col-md-8 a.internal-link:hover::before,
    .mod_article.container a.internal-link:hover::before,
    div.c25r a.internal-link:hover::before,
    div.ce_text.col-md-6 a.internal-link:hover::before,
    div.csc-textpic-text a.internal-link:hover::before,
    div.mod_article.bg-lightgreen.block a.internal-link:hover::before,
    a.external-link-new-window:hover::before,
    a.external-link:hover::before,
    p.csc-linkToTop a:hover::before,
    .mainnavbar ul li > a:hover,
    .mainnavbar ul li .level_2 li > a:hover,
    .socialicons a:hover,
    .news-list-item h2 a:hover,
    .news-latest-container h2 a:hover,
    .news-list-item h2 a:focus,
    .news-list-item h2 a:hover,
    .news-latest-container a:hover::before,
    .news-list-morelink a:hover::before,
    .h2 a:hover,
    .h3 a:hover,
    .h4 a:hover,
    .h5 a:hover,
    .h6 a:hover,
    h2 a:hover,
    h3 a:hover,
    h4 a:hover,
    h5 a:hover,
    h6 a:hover {
        color: #fff;
    }

    .mainnavbar ul li > a:hover {
        background-color: #333;
    }
    .mainnavbar ul li .level_2,
    .mainnavbar ul li .level_2 li .level_3,
    .mainnavbar ul li .level_2 li .level_4 {
        background: none repeat scroll 0 0 #333;
    }
    .mainnavbar .level_1 li:hover>a.submenu,
    .mainnavbar .level_1 li.active>a.active,
    .mainnavbar .level_1 li.trail>a.trail {
        background-color: #333;
    }
    .mainnavbar ul li .level_2 li>a:focus,
    .mainnavbar ul li .level_2 li>a:hover,
    .mainnavbar ul li .level_2 li>a:active
    {
        color: #333;
    }
    .mainnavbar ul li .level_2 li.active>a.active,
    .mainnavbar ul li .level_2 li.trail>a.trail,
    .mainnavbar ul li .level_2 li:hover>a.submenu,
    .mainnavbar ul.level_1 li.submenu .active:hover {
        background: #f3f3f3;
        color: #333;
    }
    i.fa {
        color: #bdbaba !important;
    }
    #container h1,
    #container h2,
    #container h3,
    #container h4,
    #container h5,
    #container h6 {
        color: #bdbaba;
    }
    .mainnavbar ul.level_1 li.submenu .active {
        background-color: #333;
        color:#fff;
    }
    h1.lead,
    hr {
        border-bottom: 1px dotted #777;
    }
    .socialicons{
        box-shadow: 0px 0px 6px #fff;
    }
    .socialicons ul li{
        background:#333 !important;
    }
    .socialicons a,
    .socialicons i.fa{
        color: #bdbaba !important;
    }
    .socialicons a:hover,
    .socialicons a:hover i.fa {
        color: #fff !important;
    }
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    input[type="range"],
    input[type="date"] {
        border: 1px solid #777;
        color: #fff;
    }
    input[type="text"],
    input[type="password"],
    input[type="date"],
    input[type="datetime"],
    input[type="email"],
    input[type="number"],
    input[type="search"],
    input[type="tel"],
    input[type="time"],
    input[type="url"] {
        background: #000;
        border: 1px solid #ccc;
        -moz-box-shadow: inset 0 1px 1px #eee;
        -webkit-box-shadow: inset 0 1px 1px #eee;
        box-shadow: inset 0 1px 1px #eee;
    }
    ::-webkit-input-placeholder,
    ::-moz-placeholder,
    ::-ms-placeholder,
    ::placeholder {
        color: #fff;
    }
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="date"]:focus,
    input[type="datetime"]:focus,
    input[type="email"]:focus,
    input[type="number"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="time"]:focus,
    input[type="url"]:focus {
        background: #000;
        border-color: #bbb;
    }
    #main nav.subnav ul li > a {
        color: #bdbaba;
        background-color: #333;
    }
    #main nav.subnav ul li > a:hover {
        color: #000;
        background-color: #bdbaba;
    }
    #main nav.subnav ul li > a:hover,
    #main nav.subnav ul li>a.active,
    #main nav.subnav ul li > a.active:hover {
        color: #000;
        background-color: #bdbaba;
    }
    #main nav.subnav ul li>a.active,
    #main nav.subnav ul li>a.active:hover {
        color: #333;
        background-color: #fff;
    }
    #main>.inside>.mod_article.container ul.pagination li a,
    #main>.inside>.mod_article.container ul.pagination li span {
        background: #333;
        color: #f3f3f3;
    }
    #main>.inside>.mod_article.container ul.pagination li a:hover {
        background: #fff;
        color: #333;
        text-decoration: none;
    }
    /* .pagination li a,
    .pagination li span {
        border: 1px solid #bdbaba;
    } */
    .pagination li.current>span {
        background: #fff !important;
        color: #000 !important;
    }
    .om-cookie-panel {
        background-color: #333;
        color: #fff;
    }
    .cookie-panel__control .btn.btn-outline-light{
        border: 1px solid #fff;
    }
    .mainNavi>li:hover>a,
    .mainNavi>li:focus-within>a {
        background: #333;
        color:#fff;
    }
}
/*webteam*/

@media (prefers-color-scheme: dark) {

    /* --- Accordion Dark Mode --- */
    .accordion-item {
        background-color: #1a1a1a;
        border: 1px solid #333;
    }

    .accordion-header {
        background-color: #000;
    }

    .accordion-button {
        background-color: #1a1a1a;
        color: #e0e0e0;
        border: none;
    }

    .accordion-button:not(.collapsed) {
        background-color: #333;
        color: #fff;
        box-shadow: none;
    }

    .accordion-button:hover,
    .accordion-button:focus {
        background-color: #444;
        color: #fff;
    }

    .accordion-body {
        background-color: #121212;
        color: #e0e0e0;
        border-top: 1px solid #333;
    }

    /* Falls Icons oder Plus/Minus-Pfeile invertiert werden sollen: */
    .accordion-button::after {
        filter: invert(1) brightness(1.5);
    }

}


@media (prefers-color-scheme: dark) {

  /* --- Accordion Tabs (Dark Mode) --- */

  /* Der anklickbare Header-Link */
  a[data-toggle="collapse"] {
      display: block;
      background-color: #1a1a1a;
      color: #e0e0e0;
      padding: 0.75rem 1rem;
      border: 1px solid #333;
      text-decoration: none;
      transition: background-color 0.2s, color 0.2s;
  }

  /* Hover, Focus & Active State */
  a[data-toggle="collapse"]:hover,
  a[data-toggle="collapse"]:focus {
      background-color: #333;
      color: #fff;
  }

  /* Wenn aktiv (Tab geöffnet, aria-expanded="true") */
  a[data-toggle="collapse"][aria-expanded="true"] {
      background-color: #333;
      color: #fff;
      border-bottom: none;
  }

  /* Optional: Pfeil-Icon anpassen (jQuery UI) */
  .ui-accordion-header-icon {
      filter: invert(1) brightness(1.4);
  }

  /* Inhalt des aufgeklappten Bereichs */
  .collapse,
  .collapse.show {
      background-color: #121212;
      color: #e0e0e0;
      border: 1px solid #333;
      border-top: none;
      padding: 1rem;
  }

}

@media (prefers-color-scheme: dark) {

  /* Verhindert weißes Blitzen beim Öffnen */
  .collapse,
  .collapsing,
  .accordion-body,
  [data-toggle="collapse"] + .collapse {
      background-color: #121212 !important;
      color: #e0e0e0 !important;
  }

  /* Optional: kleine Animation glätten */
  .collapsing {
      transition: height 0.25s ease;
  }

  /* Falls Border kurz aufflackert */
  .accordion-item,
  .collapse.show {
      border-color: #333 !important;
  }
}

@media (prefers-color-scheme: dark) {

  /* Gesamtcontainer */
  .tx-om-cookie-consent {
      background-color: #121212 !important;
      color: #e0e0e0 !important;
      border-color: #333 !important;
  }

  /* Überschriften */
  .tx-om-cookie-consent h2 {
      color: #fff !important;
  }

  /* Tabelle */
  .tx-om-cookie-consent table {
      background-color: #1b1b1b !important;
      color: #e0e0e0 !important;
      border: 1px solid #333 !important;
  }

  .tx-om-cookie-consent table th,
  .tx-om-cookie-consent table td {
      background-color: #1b1b1b !important;
      color: #e0e0e0 !important;
      border: 1px solid #333 !important;
  }

  /* Responsive Wrapper */
  .tx-om-cookie-consent .table-responsive {
      background-color: #121212 !important;
  }

  /* Button */
  .tx-om-cookie-consent .btn.btn-outline-light {
      border: 1px solid #e0e0e0 !important;
      color: #e0e0e0 !important;
      background-color: #1b1b1b !important;
  }

  .tx-om-cookie-consent .btn.btn-outline-light:hover {
      background-color: #333 !important;
      color: #fff !important;
      border-color: #fff !important;
  }

  /* Paragraphs in table cells */
  .tx-om-cookie-consent td p {
      color: #e0e0e0 !important;
  }

}

/* Dark Mode für Google Searchform */
@media (prefers-color-scheme: dark) {
    /* Das gesamte Formular */
    #searchform {
        background-color: #333 !important; /* dunkler Hintergrund */
        color: #fff !important;           /* Textfarbe */
    }

    /* Eingabefeld */
    #searchform input[type="search"] {
        background-color: #555 !important; /* etwas hellerer dunkler Hintergrund */
        color: #fff !important;            /* Textfarbe */
        border: 1px solid #777 !important; /* hellere Rahmenfarbe */
    }

    /* Platzhalterfarbe */
    #searchform input[type="search"]::placeholder {
        color: #ccc !important; /* hellgrau */
        opacity: 1 !important;  /* sicherstellen, dass es sichtbar ist */
    }

    /* Button-Hintergrund (Lupe) 
    #searchform button {
        background-color: #444 !important;
    }*/
/*
    #searchform button svg {
        fill: #fff !important;  Lupe weiß 
    }
*/
    /* Fokus-Styling für Input */
    #searchform input[type="search"]:focus {
        outline: 2px solid #fff !important;
        outline-offset: 2px;
    }


/*Googlesuche*/
/* Gesamter Container */
.gsc-control-cse, 
.gsc-control-wrapper-cse {
    background-color: #000 !important;
    color: #fff !important;
}

/* Alle Ergebnisse */
.gsc-webResult {
    background-color: #000 !important;
    color: #fff !important;
    border: none !important;
}

/* Titel-Link */
.gsc-webResult .gs-title a {
    color: #fff !important;
}

/* Beschreibung */
.gsc-webResult .gs-snippet {
    color: #ccc !important;
}

/* URL */
.gsc-webResult .gs-visibleUrl {
    color: #aaa !important;
}

/* Hover-Effekt auf Ergebnisse (optional) */
.gsc-webResult:hover {
    background-color: #111 !important;
}
/* Suchfeld: weißer Hintergrund, schwarzer Text */
.gsc-search-box .gsc-input {
    background-color: #fff !important; /* Hintergrund hell */
    color: #000 !important;            /* Text schwarz */
    border: 1px solid #ccc !important; /* optional: Rand */
}

/* Fokus im Suchfeld */
.gsc-search-box .gsc-input:focus {
    background-color: #fff !important;
    color: #000 !important;
}

/* Tabellen Dark Mode */
table.tablesorter {
    background-color: #222 !important; /* dunkler Hintergrund für die Tabelle */
    color: #fff !important;            /* weiße Schrift */
    border-collapse: collapse;
    width: 100%;
}

/* Tabellenkopf */
table.tablesorter thead tr {
    background-color: #333 !important; /* dunkler Kopf */
    color: #fff !important;
}

/* Sortiersymbole */
table.tablesorter thead tr .header::after {
    float: right;
    content: "\f0dc";
    font-family: FontAwesome;
    cursor: pointer;
    color: #fff; /* weiße Icons */
}

table.tablesorter thead tr .headerSortUp::after {
    float: right;
    content: "\f0dd";
    font-family: FontAwesome;
    color: #fff;
}

table.tablesorter thead tr .headerSortDown::after {
    float: right;
    content: "\f0de";
    font-family: FontAwesome;
    color: #fff;
}

/* Hervorhebung sortierte Spalte */
table.tablesorter thead tr .headerSortDown, 
table.tablesorter thead tr .headerSortUp {
    background-color: #444 !important; /* dezente Hervorhebung */
}

/* Tabellenzellen */
table.tablesorter tbody tr td {
    border: 1px solid #444; /* dunkler Rand */
    padding: 8px;
    color: #fff !important; /* weiße Schrift */
    background-color: #222 !important; /* dunkler Hintergrund */
}

/* grid elements (bleiben unverändert) */
.grid2{width: 14.6666667%;float: right;}
.grid3{width: 23%;float: left;}
.grid4{width: 31.3333333%;float: left;}

.skiplink {
  color: #ffffff !important;             /* Weißer Text */
  background-color: #000000 !important;  /* Tiefschwarzer Hintergrund für maximalen Kontrast */
  opacity: 1 !important;                 /* Sicherstellen, dass der Link voll sichtbar ist */
}

a.sr-only[id^="skipNavigation"],
  a.sr-only[id^="skipFooterNavigation"] {
    color: #ffffff !important;
    background-color: #1a1a1a !important;
  }



}