/*Darkmode*/
@media (prefers-color-scheme: dark) {
	 
   /*Farben vertauschen / anpassen */
    :root {
        --color-blue: #346695;	/*update 12/2023 wg Kontrast 2f689d*/
      --color-yellow: #FDC73D;
        --color-black: #e9ecef;
        --color-white: #141619;
        --color-light-grey: #151a22;
        --color-darker-grey: #434343;
        --color-dark-grey: #9f9f9f;	/*update 12/2023 wg Kontrast 6f6f6f => 9f9f9f*/
        --box-shadow-rgba-15: #333;
      --bs-navbar-active-color: #fff;
   }
  
  
  /* Erg. 2023-12-11 wg. Kontrast fff>000 */
  .warnings, .warnings a {
     color:#000;
  }
  .warnings a:hover {
     color:#fff;      
  }
  

  /*erg. 2023-10-23 */	
  .navbar-nav .show > .nav-link, .navbar-nav .media-library-view--widget .view-header .show > a, .media-library-view--widget .view-header .navbar-nav .show > a, .navbar-nav .nav-link.active, .navbar-nav .media-library-view--widget .view-header a.active, .navbar-nav .media-library-view--widget .view-header a.is-active, .media-library-view--widget .view-header .navbar-nav a.active, .media-library-view--widget .view-header .navbar-nav a.is-active {
     color:#fff;
  }
  
  /*erg. 2023-10-16 */

  /* Hintergrund im Menü override custom.css Line 3190 - hart codiertes Weiß ersetzen durch var*/
  .mmenulevel2,
  .mmenulevel3, 	
  .mmenulevel4 {
     background-color: var(--color-white);
  }
  
  /*Castrop-Rauxel Slogan */
  .path-frontpage .hero .hero-content .region-nav-headline h1 {
     color:#fff;
     text-shadow: 1px 1px 2px black;
  }
  
  /* Suchfeld Aufforderung*/
  .hero .hero-content .search-block-form h2 {
     color:#000;
     text-shadow: 1px 1px 2px white;
  }
  
  /* Suchfeld Schriftfarbe overwrite custom line 1113 */
  .hero .hero-content .search-block-form .form-type-search input {
     color: var(--color-black);
  }
  /* News Background overwrite custom line 1758 */

  .latest-news .latest-news-content .latest-news-top .bottom .button-wrapper {
     background-color: inherit;
  }

  /* Hintergrund overwrite custom line 1540 */

  .region-content .view .latest-news-center {
     background-color: inherit;
   
  }

  .footer-wrapper {
       background:none; 
  }

  /*footer erg 23.10.2023 Hintergrund dunkel*/
  .footer .footer-right {
     background-color: var(--color-light-grey)!important;
     color:white!important;
  }

  /* Links im Footer mit Strich=> entfernen */
  #block-footersociallinks a { 
     border-bottom:0px;
  }

  .footer .footer-right .footer-right-social::before {
     filter: invert(90%);
  }

  .button-social {
     filter: invert(1);
  }
   
  
  
  
/* inline csss im footer entfernen */
/* background-color: rgb(255, 255, 255); */
/* color: rgb(30, 30, 30);
  
  
entfernen bei social icons custom line 8 : border-bottom: 2px solid var(--color-blue);

*/

  /*Suchfelder*/
  .hero .hero-content .hero-search-wrapper .hero-search .hero-search-input-wrapper .hero-search-input .hero-search-search-suggestions-wrapper {
     background-color: var(--color-white)
       }    

  /*selector geändert 23.10. */
  .search-block-form,
  .button-menu {
     opacity: 0.8;
  }
  
  .hero .hero-content .search-block-form form input, .menu .menu-content .menu-content-top .menu-quick .menu-find .input-wrapper input {
     color: var(--color-black);
  }

   /*News gelbes Dreick weg und Hintergründe dunkel*/
    .latest-news .latest-news-content .latest-news-top, .latest-news .latest-news-content, .latest-news .latest-news-content .latest-news-top .bottom, .municipal-family .municipal-family-content .municipal-family-top, .municipal-family .municipal-family-content, .accordion-item {
        background:none;
   }
  
   .copyright-box {
        background-color: var(--color-dark-grey);
   }
   /*Icons aufhellen*/
    .textlink-external::after, .button-text-description-download img {
        filter:brightness(2);
   }
   /*Logo aufhellen*/
    .hero-general .hero-general-content .hero-logo img {
        filter: brightness(1.5);
   }
  
  /*Schatten bei municipal-family / Einrichtungen-Umschalter*/
  .button-switch .button .slider {
     box-shadow: inset 0 0 5px 0 rgb(255 255 255 / 20%);
  }
     
  /* erg 23.10. Copyright-Info */
  .copyright-info-inner {
     color:white!important;
     background-color: var(--color-dark-grey);
  }	
}