/* ######################### START DARK MODE -> Automatically detect Dark Mode from OS with CSS via media query ######################### */
@media (prefers-color-scheme: dark) {
body {
  background: #121212;
  color: #fff; }

html {
  caret-color: #c31924; }

.row_white {
  background-color: #121212;
   }

.is-dropdown-submenu {
  border: 1px solid #cacaca;
  background: #121212; }

.sticky.is-stuck {
  background-color: #121212; }

.reveal-overlay {
  background-color: rgba(28, 28, 28, 0.85); }

.reveal {
  border: 1px solid #cacaca;
  background-color: #121212; }

footer .footer-wrapper {
  background-color: #121212; }

    .actions .action-item {
  background-color: #1c1c1c; }

.more-themes .more-item {
  border: 1px solid #1c1c1c;
  background-color: #a0a0a0; }

  .catalogs .bg-catalogs {
    background-color: #1c1c1c; }

  .sidebar .menu.vertical a {
    color: #fff; }
    .sidebar .menu.vertical a:hover {
      color: #c23319; }
    .sidebar .menu.vertical a.active {
      color: #c23319; }

.contactboard-checkbox {
    color: #fff; }

.monthly-day-number a:hover, .monthly-day-number a:focus {
    color: #000; }

video {
-webkit-box-shadow: 0 0 50px 0 rgba(255,255,255,.3);
-moz-box-shadow: 0 0 50px 0 rgba(255,255,255,.3);
box-shadow: 0 0 50px 0 rgba(255,255,255,.3);
}	

.video-wrapper {
  box-shadow: 0 0 50px 0 rgba(255,255,255,.3); }	

div.video-wrapper {
    color: #000; }

a {
  color: #c23319; }
  a:hover, a:focus {
    color: #fff; }

hr {
  border-bottom: 1px solid #cacaca; }

      .top-navigation.is-stuck.is-open li[role=menuitem].is-accordion-submenu-item a {
        background-color: #121212; }
  .top-navigation li[role=menuitem] {
    color: #000; }
    .top-navigation li[role=menuitem] a {
      color: #fff; }

    .top-navigation .is-dropdown-submenu-parent ul li:not(:last-child) {
      border-bottom: 1px solid #eeeeee; }

	/* Erstes und drittes Icon */
	.menu.social li:nth-of-type(1) img,
	.menu.social li:nth-of-type(2) img,
	.menu.social li:nth-of-type(3) img {
	  /* Spezielles Styling */
	  filter: invert(0);
	}

	/* Alle anderen Icons */
	.menu.social li:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)) img {
	  /* Allgemeines Styling */
	  filter: invert(1);
	}

  .menu > li > a img,
  .menu > li > a i,
  .menu > li > a svg {

/* social menu socialmenu */
  #background-color:#a0a0a0;
  #border-radius:2px;
  #border: 2px solid #a0a0a0;
    background-color: initial;
    border-radius: initial;
    border: initial;

    #margin-right: 0.25rem;
    #display: inline-block; }

.dunkel {
display:none !important;
}

.hell {
display:table-cell !important;
}

  .thumb.scale img:hover {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9);
 }
	
	  img.thumb.scale:hover {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9);
}
	
	.indexbild.thumb.scale a:hover>img {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9);
}

	.indexbild.thumb a:hover>img {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9);
}

  .zoom:hover {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9);
 }
	
	  img.zoom:hover {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9);
 }
	
	  .zoom-img img:hover {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9);
 }
	
	  img.zoom-img:hover {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9);
}
	
	.gallery-grid.team img:hover {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9);
 }
 
   .thmb img:hover {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9); }
	
	  .thumb img:hover {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9); }
	
	  img.thumb:hover {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9); }
	
	  .zoom.rotate:hover {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9); }
	
	  .zoom-img.rotate img:hover {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9); }
	
	  .image-grid .grid-item:hover {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9); }
	
	    .gallery-grid a:hover {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9); }
	  
	      .gallery-grid.horizontal a:hover {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9); }
	  
	      .gallery-grid.vertical a:hover {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9); }
	  
	  .gallery-grid.featured.two img:hover, .gallery-grid.featured.nowrap img:hover, .gallery-grid.nowrap img:hover {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9); }

	.gallery-grid.responsive img:hover, .gallery-grid.responsive img:hover, .gallery-grid.responsive img:hover {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9); }
					
	.gallery-grid.featured.four img:hover, .gallery-grid.featured.wrap img:hover, .gallery-grid.wrap img:hover {
      box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9); }

  .on-air {
    color: #000; }

    .top-navigation .hamburger-inner, .top-navigation .hamburger-inner::before, .top-navigation .hamburger-inner::after {
      background-color: #fff; }

  .slider-cmp .slide__caption {
    color: #000; }

.salue-slider h3 span {
  color: #fff; }

.meta {
  color:#fff; }

  .section-head hr {
    border-bottom: 10px solid #fff; }

.news-item h3, .news-item h2 {
  color: #fff; }

footer hr {
  border-bottom: 5px solid #fff; }

  footer .menu.vertical a {
    color: #fff; }

  .teaser-events a {
    color: #fff; }

  .page .page-teaser .dates {
    background-color: #444;
    color: #cacaca; }

.page .page-teaser h2 {
   color: #000; }

  .page-head hr {
    border-bottom: 10px solid #fff; }

.slider-cmp button.large:hover {
  background-color: #000; }

  .button.primary {
    background-color: #444;
    color: #fff; }
    .button.primary:hover {
    color: #eeeeee;
    background-color: #c23319 !important; }
    .button.primary:focus {
    background-color: #444; }
      .book-event .button.primary {
      background-color: #222; }
        .book-event .button.primary:hover {
        background-color: #c23319; }
		
		.button.hollow.primary {
			color: #fff;
		}			

label {
  color: #fff; }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  border: 1px solid #cacaca;
  background-color: #444;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #fff; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
    border: 1px solid #8a8a8a;
    background-color: #000;
    box-shadow: 0 0 5px #cacaca; }

.sidebar hr {
  border-bottom: 8px solid #fff; }

.album-headline {
  color: #000 }

.pagination a, .pagination button {
    color: #fff;
}

.pagination a:hover, .pagination button:hover {
    background: #c23319;
}

.book-event {
    background-color: #444;
}

table thead, table tbody, table tfoot {
    background-color: #444;
}

table tbody tr:nth-child(2n) {
    background-color: #222;
}

input.radio[type="radio"] + label, input.radio[type="checkbox"] + label {
    color: #fff;
}

.jobs_table_color_row {
    background-color: #444;
}

.gallery-grid.featured a {
    background-color: transparent;
}

tbody a {
color: #fff;
}

tbody a:hover, tbody a:focus {
    color: #c23319;
}

th {
color: #000;
}

::selection {
  color: #c31924;
}

/* ##### Or apply it via media query ##### */
/*@media (prefers-color-scheme: dark) {
  img {
    filter: brightness(.8) contrast(1.2);
  }
}

@media (prefers-color-scheme: light) {
  img {
    filter: brightness(1) contrast(1);
  }
}*/

.top-bar-title img[src="https://www.classicrock-radio.de/assets/img/crr-logo.svg"] {
    /*background-color:#c31924;
    border-radius:2px;*/
    opacity: 1 !important;
    filter: drop-shadow(0px 0px 5px #fff) !important;
}

  .album-cover img {
    opacity: 1;
  }

  img:hover {
    opacity: 1;
  }

  img {
    filter: brightness(.9) contrast(1.1);
    opacity: .8;
    transition: opacity .5s ease-in-out;
  }

  .gallery-grid img { /* bugfix -> css filter: brightness(.9) contrast(1.1) resets/overrides z-index */
    filter: none !important;
    opacity: 1 !important;
  }

.card {
    background: #121212;
    border: 1px solid #1c1c1c;
    color: #fff;
}

#lightcase-content img {
 opacity: 1 !important;
}

#lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
 color: #fff !important;
}

html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner, html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner, html[data-lc-type="error"] #lightcase-content .lightcase-contentInner {
background-color: #121212 !important;
}

#lightcase-overlay {
    background: #1c1c1c !important;
}

.card img[src^="https://www.classicrock-radio.de/inside/team/"] {
 opacity: 1;
}

/* for preloader.css -> dark.css */
.preloader {
background-color: #121212 !important;
}

.preloaderfont {
color: #fff !important;
}

a.butt {
    background-color: #444;
}

.salue-slider .slide-image {
		outline: 2px solid #121212;
		outline-offset: -1px;
}
	
/* [style] + !important overrides inline + !important */
a[style].preloaderlink:hover, a[style].preloaderlink:focus, a[style].preloaderlink:active {
    color: #fff !important;
}

}
/* ######################### END DARK MODE ######################### */

@media (prefers-color-scheme: light) {
        .hell {
                display:none !important;
        }
}