@charset "utf-8";
/*
  ___         _             __  __        _ _      
 | _ )_ _ ___| |_  _ __ ___|  \/  |___ __| (_)__ _ 
 | _ \ '_/ -_) ' \| '  \___| |\/| / -_) _` | / _` |
 |___/_| \___|_||_|_|_|_|  |_|  |_\___\__,_|_\__,_|
 Design & Code by Brehm-Media.com
 Autor: Johannes Brehm
 Mail: info@johannes-brehm.de

*/
body.dark{
 background-image: url("bg.jpg");
 background-position: left center;

	color: #bbb;
}
body.dark ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff;
}
body.dark :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #fff;
   opacity:  1;
}
body.dark ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #fff;
   opacity:  1;
}
body.dark :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #fff;
}
body.dark ::-ms-input-placeholder { /* Microsoft Edge */
   color: #fff;
}

body.dark ::placeholder { /* Most modern browsers support this now. */
   color: #fff;
}

body.dark h3{
	color: #fff;
}
body.dark .cd-headline{
	color: #fff;
}
body.dark .exo_tm_button a{
	background-color: transparent;
}
body.dark .exo_tm_button a:hover{
	background-color: transparent;
}
body.dark .exo_tm_button a:hover span{
	color: #fff;
}
body.dark .exo_tm_second_title span{
	color: #fff;
}
body.dark .exo_tm_resume .experience_list ul li .first h3, 
body.dark .exo_tm_resume .experience_list ul li .second h3{
	color: #fff;
}
body.dark .exo_tm_testimonials ul li .svg{
	color: rgba(255,255,255,.2);
}
body.dark .exo_tm_testimonials ul li .list_inner{
	border: 1px solid rgba(255,255,255,.15);
    background: hsla(187.8,100%,50%,0.3); 


}
body.dark .exo_tm_facts ul li .list_inner{
	border: 1px solid rgba(255,255,255,.15);
    background: hsla(187.8,100%,50%,0.3); 

}
body.dark .exo_tm_interests ul li .list_inner{
	border: 1px solid rgba(255,255,255,.15);
    background: hsla(187.8,100%,50%,0.3); 

}
body.dark .exo_tm_resume .experience_list ul li{
	border-bottom: 1px solid rgba(255,255,255,.15);
		    background: hsla(187.8,100%,50%,0.3); 

}
body.dark .exo_tm_resume .short_info ul li .list_inner{
	border: 1px solid rgba(255,255,255,.15);
	    background: hsla(187.8,100%,50%,0.3); 

}

body.dark .exo_tm_contact .short_info ul li .list_inner{
	border: 1px solid rgba(255,255,255,.15);
	    background: hsla(187.8,100%,50%,0.3); 

}

body.dark .exo_tm_equipment .short_info ul li .list_inner{
	border: 1px solid rgba(255,255,255,.15);
	    background: hsla(187.8,100%,50%,0.3); 

}


body.dark .exo_tm_skills ul li .details > span{
	color: #fff;
}
body.dark .exo_tm_works .portfolio_filter ul li a{
	color: #fff;
}
body.dark .exo_tm_works .portfolio_list ul li .desc .in{
	background-color: #000;
}

body.dark .exo_tm_radio .portfolio_filter ul li a{
	color: #fff;
}
body.dark .exo_tm_radio .portfolio_list ul li .desc .in{
	background-color: #000;
}


body.dark .exo_tm_news ul li .title a{
	color: #fff;
}
body.dark .exo_tm_read_more a{
	color: #fff;
}
body.dark .exo_tm_read_more a .arrow{
	background-color: #fff;
}
body.dark .exo_tm_read_more a .arrow::after, 
body.dark .exo_tm_read_more a .arrow::before{
	background-color: #fff;
}
body.dark .exo_tm_contact .fields ul li input{
	border: 1px solid rgba(255,255,255,.15);
	color: #fff;
}
body.dark .exo_tm_contact .fields ul li input:focus{
	border: 1px solid rgba(255,255,255,1);
}
body.dark .exo_tm_contact .fields .last textarea{
	border: 1px solid rgba(255,255,255,.15);
	color: #fff;
}
body.dark .exo_tm_contact .fields .last textarea:focus{
	border: 1px solid rgba(255,255,255,1);
}

body.dark .exo_tm_resume .fields ul li input{
	border: 1px solid rgba(255,255,255,.15);
	color: #fff;
}
body.dark .exo_tm_resume .fields ul li input:focus{
	border: 1px solid rgba(255,255,255,1);
}
body.dark .exo_tm_resume .fields .last textarea{
	border: 1px solid rgba(255,255,255,.15);
	color: #fff;
}
body.dark .exo_tm_resume .fields .last textarea:focus{
	border: 1px solid rgba(255,255,255,1);
}

body.dark .exo_tm_one_page_about .left .about_image_wrap .border .inner{
	border-color: rgba(255,255,255,.2);
}
.exo_tm_single_blog_menu .dark{
	display: block;
}
.exo_tm_single_blog_menu .light{
	display: none;
}
body.dark .exo_tm_single_blog_menu .dark{
	display: none;
}
body.dark .exo_tm_single_blog_menu .light{
	display: block;
}
body.dark .exo_tm_single_blog_menu .menu ul li a{color: #fff;}
body.dark .exo_tm_blog_single .texts blockquote{color: #fff;}
body.dark .exo_tm_blog_single .share label{color: #fff;}
body.dark .exo_tm_blog_single .share ul li a{color: #fff;}
body.dark .exo_tm_footer{border-top: 1px solid rgba(255,255,255,.15);}
body.dark .exo_tm_portfolio_single .main_details .title{color: #fff;}
body.dark .exo_tm_portfolio_single .main_details .title{color: #fff;}
body.dark .exo_tm_portfolio_single .main_details .right p{color: #bbb;}
body.dark .exo_tm_portfolio_single .main_details .left .short li span a{color: #bbb;}
body.dark .exo_tm_portfolio_single .main_details .left .social ul li a{color: #bbb;}
body.dark .exo_tm_portfolio_single .extra_info h3{color: #fff;}
body.dark .exo_tm_portfolio_single .pagination a{color: #fff;}
body.dark .exo_tm_portfolio_single .pagination a:before{background-color: rgba(255,255,255,.15);}
body.dark .exo_tm_one_page_about .right .links ul li a{color: #fff;}
body.dark .exo_tm_one_page_about .right .links ul{border: 1px solid rgba(255,255,255,.1);}
body.dark .exo_tm_one_page_interests ul li .list_inner{border: 1px solid rgba(255,255,255,.15);}
body.dark .exo_tm_one_page_facts ul li .list_inner{border: 1px solid rgba(255,255,255,.15);}
body.dark .exo_tm_one_page_services{background-color: #111;}
body.dark .exo_tm_one_page_services .service_inner ul li h3{color: #fff;}
body.dark .exo_tm_one_page_services .service_inner ul li .list_inner{background-color: transparent;border: 1px solid rgba(255,255,255,.15);}
body.dark .exo_tm_one_page_portfolio .portfolio_filter ul li a{color: #fff;}
body.dark .exo_tm_one_page_portfolio .portfolio_list ul li .desc .in{background-color: #000;}
body.dark .exo_tm_one_page_news ul li .title a{color: #fff;}
body.dark .exo_tm_one_page_contact{background-color: #111;}
body.dark .exo_tm_one_page_contact .contact_inner_wrap .short_info ul li .list_inner{border: 1px solid rgba(255,255,255,.15);}
body.dark .exo_tm_one_page_resume .resume_inner_wrap .short_info ul li .list_inner{border: 1px solid rgba(255,255,255,.15);}

body.dark .exo_tm_one_page_contact .contact_inner_wrap .fields ul li input{border: 1px solid rgba(255,255,255,.2);color: #fff}
body.dark .exo_tm_one_page_contact .contact_inner_wrap .fields .last textarea{border: 1px solid rgba(255,255,255,.2);color: #fff;}
body.dark .exo_tm_one_page_topbar.animate{background-color: #000;box-shadow: 0px 0px 20px rgba(255,255,255,.15);}
body.dark .exo_tm_one_page_topbar.animate .topbar_inner .logo .dark{display: none;}
body.dark .exo_tm_one_page_topbar.animate .topbar_inner .logo .light{display: block;}
body.dark .exo_tm_one_page_topbar.animate ul li a{color: #fff;}
body.dark .exo_tm_sidebar{
	background-color: #191919;
	box-shadow: 0 0 30px rgba(255, 255, 255, 0);
}
body.dark .exo_tm_sidebar .inner .menu ul li a{
	color: #fff;
}
body.dark .exo_tm_sidebar .inner .menu ul li:before{
	background-color: rgba(255,255,255,.05);
}
body.dark .exo_tm_sidebar .inner .bottom ul li a{
	color: #fff;
}
body.dark .exo_tm_sidebar .inner .logo .dark{display: none;}
body.dark .exo_tm_sidebar .inner .logo .light{display: block;}

.brehmfooter {
	padding:10px;
	width:100%;
	position:absolute;
    bottom: 0;
	font-size:11px;
  text-shadow: 0.075em 0.08em 0.1em rgba(0, 0, 0, 1);
}

.brehmdisclaimer {
	float:right;
	font-size:11px;
	padding:10px;
	  text-shadow: 0.075em 0.08em 0.1em rgba(0, 0, 0, 1);
    bottom: 0;
    left: 0;
    right: 0;

}
.brehmfooter .heart {
	color: #FF3B30;
}

.brehmimpressum {
	padding:10px;
	text-align:right;
position: absolute;
	font-size:11px;
	margin-
  text-shadow: 0.075em 0.08em 0.1em rgba(0, 0, 0, 1);
}


	   /* unvisited link */
      #imp a:link {
      color: #ffffff;
      }
      /* visited link */
       #imp a:visited {
      color: #ffffff;
      }
      /* mouse over link */
       #imp a:hover {
      color: #00deff;
	  text-decoration: underline;
      }
      /* selected link */
       #imp a:active {
      color: #00deff;
      }


 /* unvisited link */
     p a:link {
      color: #ffffff;
      }
      /* visited link */
       p a:visited {
      color: #ffffff;
      }
      /* mouse over link */
       p a:hover {
      color: #00deff;
	  text-decoration: underline;
      }
      /* selected link */
       p a:active {
      color: #00deff;
      }
	  
	   /* unvisited link */
      .brehmfooter a:link {
      color: #ffffff;
      }
      /* visited link */
       .brehmfooter a:visited {
      color: #ffffff;
      }
      /* mouse over link */
       .brehmfooter a:hover {
      color: #00deff;
	  text-decoration: underline;
      }
      /* selected link */
       .brehmfooter a:active {
      color: #00deff;
      }

