/* dark mode styles */ 


:root {
	--merkur-blue: rgb(2, 38, 82);
    --merkur-light-blue: rgb(36, 75, 123);
    --merkur-blue-10: rgb(230, 233, 238);
    --merkur-blue-10-transp: rgba(230, 233, 238, 0.5);
    --merkur-blue-45: rgb(141, 157, 177);
    --merkur-blue-60: rgb(103, 125, 151);
    --merkur-blue-70: rgb(78, 103, 134);
    --merkur-darkest-blue: rgb(0, 23, 52);

    --merkur-yellow: rgb(255, 204, 0);
    --merkur-yellow-70: rgb(255, 221, 0);
    --merkur-yellow-120: rgb(249, 178, 1);

    --merkur-grey: rgb(137, 139, 142);
    --merkur-grey-30: rgb(201, 201, 201);
    --merkur-grey-30-transp: rgba(201, 201, 201, 0.3);
    --merkur-grey-120: rgb(109, 109, 109);
    --merkur-grey-120-transp: rgba(109, 109, 109, 0.2);
    --merkur-darker-grey: rgb(109, 109, 109);

    --merkur-red: rgb(235, 0, 0);
    --merkur-green: rgb(59, 193, 9);
    --merkur-white: rgb(248, 248, 248);

    --merkur-gradient-white: linear-gradient(180deg, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 1) 100%);
    --merkur-gradient-white-opacity: 1;
    --merkur-gradient-blue: linear-gradient(180deg, rgba(0, 23, 52, 0) 0%, rgba(0, 23, 52, 0.81) 53%, rgba(0, 23, 52, 1) 100%);
    --merkur-gradient-blue-opacity: 0.63;

    --dark-background-merkur-green-on-dark: rgba(64, 175, 11, 1);
    --dark-background-merkur-grey-30-on-dark: rgba(203, 206, 208, 1);
    --dark-background-merkur-red-on-dark: rgba(199, 0, 0, 1);
	
	   --color-background1: var(--merkur-darkest-blue);
	   --color-background2: var(--merkur-blue);
	   --color-background3: var(--merkur-light-blue);
	
	   --color-button-background1: var(--merkur-yellow);
	   --color-button-background2:  var(--merkur-darkest-blue);
	
	   --color-button-border1:  var(--merkur-yellow);
	   --color-button-border2:  var(--merkur-white);
	
	   --color-button-text1:  var(--merkur-darkest-blue);
	   --color-button-text2:   var(--merkur-white);
	
	   --color-line-border1: var(--merkur-yellow);
	   --color-line-border2:  var(--merkur-white);
	
	   --color-border:  var(--merkur-grey);
	
	   --color-text-default: var(--merkur-white);
	   --color-link-default:  var(--merkur-white);
	
	   --color-link-blue:   var(--merkur-white);
	
	   --color-verlauf1:   var(--merkur-darkest-blue);
	
	   --color-link-hover: var(--merkur-yellow);
	
	   --color-base: #293238;
	   --color-accent:var(--dark-background-merkur-red-on-dark);
	  }

/* 
html[data-theme='dark'] video,
html[data-theme='dark'] img {
    opacity: .65;
    transition: opacity .5s ease-in-out; 
}

html[data-theme='dark'] video,
html[data-theme='dark'] img:hover {	
  opacity: 1;
  }
  
html[data-theme='dark'] #themobilelogo,
html[data-theme='dark'] #search-icon {
  opacity: 1;
  }
}
html[data-theme='dark'] .flipster__item__content picture, 
html[data-theme='dark'] .flipster__item__content img,
html[data-theme='dark'] .fancybox-image {
  opacity: 1;
} 
 */
html[data-theme='dark'] .hamburger-menu .bar{
	background-color: var(--color-text-default);
}


html[data-theme='dark'] .media-hr,
html[data-theme='dark'] .standardstage-layer #bgpic {
  border-top: 2px solid var(--color-text-default);
}



html[data-theme='dark'] p,
html[data-theme='dark'] html,
html[data-theme='dark'] body,
html[data-theme='dark']  h1,
html[data-theme='dark']  h2,
html[data-theme='dark']  h3,
html[data-theme='dark']  h4,
html[data-theme='dark']  h5,
html[data-theme='dark']  h6,
html[data-theme='dark']  .h1,
html[data-theme='dark']  .h2,
html[data-theme='dark']  .h3,
html[data-theme='dark'] .h4,
html[data-theme='dark'] .h5,
html[data-theme='dark'] .h6,
html[data-theme='dark']  label,
html[data-theme='dark']  breadcrumb-item,
html[data-theme='dark'] .breadcrumb-item + .breadcrumb-item,
html[data-theme='dark']  div.breadcrumb-active, 
html[data-theme='dark'] li {	
color: var(--color-text-default);

}

html[data-theme='dark'] .linkblue {
color: var(--color-link-blue);
}

html[data-theme='dark'] .linkblue:hover {
color: var(--color-link-hover);
}




html[data-theme='dark'] .accordion-title{
color: var(--color-link-blue);	
}

html[data-theme='dark']
 .accordion {
    --bs-accordion-border-color: var(--merkur-blue);
    --bs-accordion-active-color: var(--bs-body-color);
    --bs-accordion-active-bg: var(--merkur-blue);
    --bs-accordion-btn-bg: var(--merkur-darkest-blue);
}


html[data-theme='dark']
 .accordion-button {
    --bs-accordion-border-color: var(--merkur-blue);
    --bs-accordion-active-color: var(--bs-body-color);
    --bs-accordion-active-bg: var(--bs-body-bg);
    --bs-accordion-btn-bg: var(--merkur-darkest-blue);
}


html[data-theme='dark']
.accordion-item {
  color: var(--bs-body-color););
  background-color: var(--merkur-darkest-blue);
}

html[data-theme='dark']
.accordion-button:not(.collapsed) {
    
    background-color: var(--merkur-darkest-blue);
   
}

html[data-theme='dark']
.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}


html[data-theme='dark'] .modal-body {
    
background-color: var(--color-background2);
}

html[data-theme='dark']  a,
html[data-theme='dark']  .firstlayer_nav,
html[data-theme='dark']  .header .nav-menu > ul > li > a,
html[data-theme='dark']  .header.fixed .nav-menu > ul > li > a,
html[data-theme='dark']  .header.header-transparent.fixed .nav-menu > ul > li > a,
html[data-theme='dark']  .header.header-transparent.header--dark .nav-menu > ul > li > a,
html[data-theme='dark']  .header.header--dark.header-transparent .nav-menu > ul > li > a,
html[data-theme='dark']  .header .nav-icons > *,
html[data-theme='dark']  .header.fixed .nav-icons > *,
html[data-theme='dark']  .header.header-transparent.fixed .nav-icons > *,
html[data-theme='dark']  .header.header-transparent.header--dark .nav-icons > *,
html[data-theme='dark']  .header.header--dark.header-transparent .nav-icons > *  {
color: var(--color-link-default);
}

a:hover ,
.firstlayer_nav:hover ,
.header .nav-menu > ul > li > a:hover , 
.header.fixed .nav-menu > ul > li > a:hover , 
.header.header-transparent.fixed .nav-menu > ul > li > a:hover , 
.header.header-transparent.header--dark .nav-menu > ul > li > a:hover , 
.header.header--dark.header-transparent .nav-menu > ul > li > a:hover , 
.header .nav-icons > *:hover , 
.header.fixed .nav-icons > *:hover , 
.header.header-transparent.fixed .nav-icons > *:hover , 
.header.header-transparent.header--dark .nav-icons > *:hover , 
.header.header--dark.header-transparent .nav-icons > *:hover {
color: var(--color-link-hover);
}

html[data-theme='dark'] header .desk-menu .menu-container, 
html[data-theme='dark'] header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu{
background-color: var(--color-background2);
}

html[data-theme='dark'] header .desk-menu .menu-container .menu-head {   
background-color: var(--color-background1);
}

html[data-theme='dark']  .hamburger-menu .bar::before,
html[data-theme='dark']  .hamburger-menu .bar::after{
background-color: var(--color-link-default);
}

html[data-theme='dark'] #Schriftzug path,
html[data-theme='dark'] #schriftzug path,
html[data-theme='dark'] #schriftzug,
html[data-theme='dark'] #r-line,
html[data-theme='dark']  #l-line{
	 fill:var(--color-line-border2)  !important}
	 

html[data-theme='dark'] #Icon_Back_to_top #Oval,
html[data-theme='dark'] #Kununu .farbe{
	fill: var(--color-button-background1); 
}
html[data-theme='dark'] #Kununu .farbe{
	fill: var(--color-link-default); 
}


html[data-theme='dark'] #Kununu .farbe:hover{
 fill: var(--color-link-hover);
}

html[data-theme='dark'] .owl-theme .owl-dots .owl-dot span,
html[data-theme='dark'] .st-slider .owl-dot span,
html[data-theme='dark'] .flipster-text {
color: var(--color-link-default);	
	
}

html[data-theme='dark'] .formicon {  
    background-color: var(--color-button-background1)!important ;
    color: var(--color-button-text1)!important ;
}


html[data-theme='dark'] .blue-bg,
html[data-theme='dark'] .news-blue-bg,
html[data-theme='dark'] .blue-bg-trans {
    
	background-image: linear-gradient(150deg,  var(--color-verlauf1) 0%, var(--color-background2) 50%, var(--color-background3) 100%);

}

html[data-theme='dark'] .nav-dropdown,
html[data-theme='dark'] .nav-dropdown-sub,
html[data-theme='dark'] .sidembar-menu-wrap  {
    background: var(--color-background2) ;
    background: linear-gradient(150deg, var(--color-background2) 0%, var(--color-verlauf1)  100%);
}

html[data-theme='dark'] video#bgvidhm  {
    background-color: var(--color-background1);  
   
}
html[data-theme='dark'] .job-close-button,
html[data-theme='dark'] .fixed-button{
	background-color: var(--color-button-background2);
}


html[data-theme='dark'] p.circle-content:hover {
    color: var(--color-link-hover);  
}

html[data-theme='dark'] .fixed-button:hover{
   background-color: var(--color-background3); 
	  color: var(--color-button-text1);
}
html[data-theme='dark'] .secondarybutton {
    background-color: var(--color-button-background2); 
    color: var(--color-button-text2);
    border-color: var(--color-button-border2);

}

html[data-theme='dark'] .secondarybutton:hover {
	  background-color: var(--color-button-background1); 
	  color: var(--color-button-text1);
	  border-color: var(--color-text-default);

}


html[data-theme='dark'] .borderstyle,
html[data-theme='dark'] .relative{	
	background-color: var(--color-background2);
	color: var(--color-text-default);
}



html[data-theme='dark'] .header--sticky.fixed .header-nav,
html[data-theme='dark'] .header,
html[data-theme='dark'] .header.fixed,
html[data-theme='dark'] .header .header-nav,
html[data-theme='dark']  body,
html[data-theme='dark'] .footer,
html[data-theme='dark'] .gray-bg,
html[data-theme='dark'] .standard-teaser .text-box{
	background-color: var(--color-background1);
	color: var(--color-text-default);
}

html[data-theme='dark'] .standard-teaser .text-box
{
	background-color: var(--color-background3);
	color: var(--color-text-default);
}

html[data-theme='dark'] .blog-post,
html[data-theme='dark'] #bg-one ,
html[data-theme='dark'] .highlightbox,
html[data-theme='dark'] .teaserbox,
html[data-theme='dark'] .teaserbox-st,
html[data-theme='dark'] .table-responsive > .fixed-column {
    background-color: var(--color-background2) ;
}

html[data-theme='dark'] .blog-post {
    background-color: var(--color-background3) !important ;
}

html[data-theme='dark'] .blog-post .post-meta, .comment-list .post-meta, .sidebar-widget .post-meta {
	   color: var(--color-text-);
}



html[data-theme='dark'] input[type="text"],
html[data-theme='dark']  input[type="search"],
html[data-theme='dark']  input[type="email"],
html[data-theme='dark']  input[type="tel"],
html[data-theme='dark']  input[type="number"],
html[data-theme='dark']  input[type="password"],
html[data-theme='dark']  input[type="radio"],
html[data-theme='dark']  input[type="checkbox"],
html[data-theme='dark']  textarea,
html[data-theme='dark']  select, 
html[data-theme='dark']  .custom-select,
html[data-theme='dark']  form input.st-search-input{
  background-color: var(--color-background3) !important;
  color: var(--color-text-default);

}

html[data-theme='dark'] input[type="text"]:focus,
html[data-theme='dark'] input[type="search"]:focus,
html[data-theme='dark'] input[type="email"]:focus,
html[data-theme='dark'] input[type="tel"]:focus,
html[data-theme='dark'] input[type="number"]:focus,
html[data-theme='dark'] input[type="radio"]:focus,
html[data-theme='dark'] input[type="checkbox"]:focus,
html[data-theme='dark'] input[type="password"]:focus,
html[data-theme='dark'] textarea:focus,
html[data-theme='dark'] form input.st-search-input:focus {
    border-color: col var(--color-button-border1);
    color: var(--color-text-default);
}

html[data-theme='dark'] .customRadio input[type="radio"]+label:before{
	 background-color: var(--color-background3);
}

html[data-theme='dark'] .button {
    background-color:  var(--color-button-background);
    color: var(--color-button-text);
	border-color: var(--color-button-border);
}

html[data-theme='dark'] #st-pagination .owl-dots .owl-dot.active {
  color: var(--color-text-default);
}

html[data-theme='dark'] #st-pagination button.owl-first {
  background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Darkmode_Slider_links_initial_doppelt_weiss.svg) !important;
}

html[data-theme='dark'] #st-pagination button.owl-first:hover {
  background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Darkmode_Slider_links_aktiv_doppelt_blau.svg) !important;
}

html[data-theme='dark'] #st-pagination button.owl-last {
  background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Darkmode_Slider_rechts_initial_doppelt_weiss.svg) !important;
}

html[data-theme='dark'] #st-pagination button.owl-last:hover {
  background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Darkmode_Slider_rechts_aktiv_doppelt_blau.svg) !important;
}

html[data-theme='dark'] .owl-carousel .owl-nav button.owl-prev,
html[data-theme='dark'] .flipster-left,
html[data-theme='dark'] .st-slider button.owl-prev{

  background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Darkmode_Slider_links_initial_weiss.svg);
}

html[data-theme='dark'] .owl-carousel .owl-nav button.owl-prev:hover,
html[data-theme='dark'] .flipster-left:hover,
html[data-theme='dark'] .st-slider button.owl-prev:hover{

  background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Darkmode_Slider_links_aktiv_blau.svg);

}

html[data-theme='dark'] .st-slider button.owl-prev:hover{

  background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Slider_links_aktiv_gelb.svg);

}

html[data-theme='dark'] .st-slider button.owl-next:hover{

  background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Slider_rechts_aktiv_gelb.svg);

}

html[data-theme='dark'] .owl-carousel .owl-nav button.owl-next,
html[data-theme='dark'] .flipster-right,
html[data-theme='dark'] .st-slider button.owl-next{
  background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Darkmode_Slider_rechts_initial_weiss.svg);
}

html[data-theme='dark'] .owl-carousel .owl-nav button.owl-next:hover,
html[data-theme='dark'] .flipster-right:hover,
html[data-theme='dark'] .st-slider button.owl-next:hover{
  background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Darkmode_Slider_rechts_aktiv_blau.svg);
}

html[data-theme='dark'] .st-slider button.owl-next:hover{
  background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Slider_rechts_aktiv_gelb.svg);
}

html[data-theme='dark'] .owl-theme .owl-dots .owl-dot span,
html[data-theme='dark'] .icon-dot-blau ,
html[data-theme='dark'] .st-slider .owl-dot span,
html[data-theme='dark'] .st-slider .owl-dot:hover span{
  background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Darkmode_Dot_blau_24x24_8x8.svg);
}

html[data-theme='dark'] .owl-theme .owl-dots .owl-dot.active span,
html[data-theme='dark'] .st-slider .owl-dot.active span {
    background: transparent;
}

html[data-theme='dark'] .icon-dot-blau {
  background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Darkmode_Dot_blau.svg);

}

html[data-theme='dark'] #job-as.accordion-title:before {
  content: url(https://styles.merkur.group/MERKURgroup/css/icons/Filter_geschlossen_gelb.svg);
}

html[data-theme='dark'] #job-as.accordion-title.active:before {
  content: url(https://styles.merkur.group/MERKURgroup/css/icons/Filter_offen_gelb.svg);
}
html[data-theme='dark'] .joblink,
html[data-theme='dark'] .joblink:hover,
html[data-theme='dark'] .joblink:focus,
html[data-theme='dark'] .joblink:active,
html[data-theme='dark'] .joblink:link {
  color: var(--color-link-default); 
}



.icon_teaser_BG {
    background-blend-mode: multiply;
    background-color: #FFF;
}

html[data-theme='dark'] .icon_teaser_BG {
    background-blend-mode:soft-light;
    background-color:var(--color-background1);
}

html[data-theme='dark'] section#icon_teaser_icon_teaser_neu>.row> div> div:nth-child(1)  {
  background-color: var(--merkur-darkest-blue);
  background-blend-mode: color-burn;
}

html[data-theme='dark']
.slider-teaser-wrapper .swiper-pagination-bullet {
  background-image: url(https://styles.merkur.group/GG2020/css/icons/Darkmode_Dot_blau_24x24_8x8.svg);
  background-image: url(https://styles.merkur.group/GG2020/css/icons/Dot_yellow_24x24_8x8.svg);
}

html[data-theme='dark']
.slider-media-galerie-wrapper .swiper-pagination-bullet {
   background-image: url(https://styles.merkur.group/GG2020/css/icons/Darkmode_Dot_blau_24x24_8x8.svg);
   background-image: url(https://styles.merkur.group/GG2020/css/icons/Dot_yellow_24x24_8x8.svg);
}


html[data-theme='dark']
.slider-media-galerie-wrapper button.owl-prev {
  background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Slider_links_initial_gelb.svg);
  background-size: cover;
  font-size: 0
}
html[data-theme='dark']
.slider-media-galerie-wrapper button.owl-prev:hover {
  background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Slider_links_aktiv_gelb.svg);
  background-size: cover;
  font-size: 0
}
html[data-theme='dark']
.slider-media-galerie-wrapper button.owl-next {
  background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Slider_rechts_initial_gelb.svg);
  background-size: cover;
  font-size: 0
}
html[data-theme='dark']
.slider-media-galerie-wrapper button.owl-next:hover {
  background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Slider_rechts_aktiv_gelb.svg);
  background-size: cover;
  font-size: 0
}



html[data-theme='dark']
.st-slider button.owl-prev {
    background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Slider_links_initial_gelb.svg);
    background-image: url(//styles.gauselmann.com/GG2020/css/icons/Slider_links_initial_gelb.svg);
}

html[data-theme='dark']
.st-slider button.owl-next {
    background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Slider_links_initial_gelb.svg);
    background-image: url(//styles.gauselmann.com/GG2020/css/icons/Slider_rechts_initial_gelb.svg);
}


html[data-theme='dark'] .modal-body-new {
    background-color: transparent;
}

html[data-theme='dark'] .table-wrapper .highlight th:first-child {
    background-color: var(--merkur-blue);
     color: var(--merkur-white);
}

html[data-theme='dark'] .table-wrapper .highlight td:first-child {
    background-color: var(--merkur-blue);
    color: var(--merkur-white);
}

html[data-theme='dark'] .table>:not(caption)>*>* {
  background-color:var(--merkur-blue);  
  color: var(--merkur-white);
  }


html[data-theme='dark'] .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Dot_active_dark_24x24.svg);
}

html[data-theme='dark'] .slider-media-galerie-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Dot_active_dark_24x24.svg);
}

html[data-theme='dark'] .slider-teaser-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-image: url(https://styles.merkur.group/MERKURgroup/css/icons/Dot_active_dark_24x24.svg);
}