/* dark mode styles */ 


:root {

	/*   --color-background1: #333436;    */ 
	
--color-background1: #121212;
--color-background2: #3e3e3e;
--color-background3: #595959;


--color-button-background1: #ffc900;
--color-button-background2: #121212;

--color-button-border1: #FFC900;
--color-button-border2:  #FFFFFF;

--color-button-text1: #121212;
--color-button-text2: #FFFFFF;

--color-line-border1: #ffc900;
--color-line-border2:#FFFFFF;

--color-border: #697278;

--color-text-default:#FFFFFF;

--color-link-default:#FFFFFF;
--color-link-blue: #FFFFFF;


--color-verlauf1: #121212;

--color-link-hover: #ffc900;




--color-base: #293238;
--color-accent: #ec1a62;

 }

/* 
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'] .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: 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'] 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(icons/Darkmode_Slider_links_initial_doppelt_weiss.svg) !important;
}

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

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

html[data-theme='dark'] #st-pagination button.owl-last:hover {
  background-image: url(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(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(icons/Darkmode_Slider_links_aktiv_blau.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(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(icons/Darkmode_Slider_rechts_aktiv_blau.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(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(icons/Darkmode_Dot_blau.svg);

}

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

html[data-theme='dark'] #job-as.accordion-title.active:before {
  content: url(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: #f3edeb;background-blend-mode: exclusion;}