/*
Theme Name: Bandi + Gerber AG
Description: Kundenspezifische Theme Anpassungen
Author: Charline Allemann, KMUdo AG
Template: anya-installable
*/

@import url("../anya-installable/style.css");


/****************
 *	ALLGEMEIN	*
 ****************/
 h1.page_title {margin-top: 5px ! important;}
 
 h2.wpb_heading, 
 .home_widget .page_info_title_s3, 
 .home_widget .page_info_title_s4, 
 .page_info_title_testimonials, 
 .anyatitle span, 
 .vc_text_separator div, 
 #accordion .acc-title h2, 
 .acc-substitute .acc-title h2, 
 .widget h2, 
 .custom-widget h4, 
 .widget h2, 
 .widget h4, 
 #secondary #recentPostsSidebar_widget h2, 
 .custom-widget h4, 
 .widget-flexslider h4, 
 #recentPostsSidebar_widget h2{font-family: "Helvetica Neue", Arial, sans-serif ! important;}

.fullwidth_container.style-top-bar {background: #f7f7f7 !important}

.style-top-bar .info_above_menu .telephone, 
.style-top-bar .info_above_menu .email, 
.style-top-bar .info_above_menu .address,
.style-top-bar .info_above_menu .textfield, 
.style-top-bar #lang_sel a, .top-bar-menu, 
.style-top-bar .socialdiv ul li, 
.style-top-bar .socialdiv-dark ul li { color: #7a7a7a;}

.style-top-bar a, .top-bar-menu > li > a {
  color: #7a7a7a !important;
}


/****************
 *	MENU		*
 ****************/
.sf-shadow ul {
  border: 1px solid #204c9b !important;
}

.dl-menuwrapper ul {background: #fff ! important;}

.n-hc {background: #fff ! important;}

/****************
 *	STARTSEITE	*
 ****************/
 
 /* PROJECTS */
.home_widget .da-thumbs.da-recent-projs li a div {background:#204c9b; }
.da-title p {color: #fff ! important;}

.kmudo_neuheiten p, .kmudo_neuheiten h1 {color: #fff;}

/* EINLEITUNG */
.kmudo_startseite .einleitung {margin-top: 20px;}
.kmudo_startseite .einleitung, .kmudo_startseite .einleitung p {font-size: 16px; line-height: 2em; text-align: center; color: #828485;}


/****************
 *	PROJETCS	*
 ****************/
.des-sc-box.download {background: #204c9b ! important; border: 1px solid #204c9b ! important;}
.special_tabs .designare_icon_special_tabs {margin: 17px 13px 0 14px ! important; }
.special_tabs .label {min-height: 65px ! important;}
.special_tabs .designare_icon_special_tabs {height: 30px ! important; width: 25px ! important;}
.designare_icon_special_tabs > i {line-height: 30px ! important;}
.simple-line {margin: 2px 0 7px 0 ! important; }
p.des-sc-box, div.des-sc-box {padding: 0.5em 35px 0.5em 14px ! important;}

.special_tabs .label span.tab_title {text-transform: none ! important;}

.kmudo_circle li { list-style: disc ! important;}

.kmudo_produktdesc #tabs .panes {width:95%;}
.kmudo_produktdesc img:first-child {width: auto;}


/********************
 *	SERVICE BALLS	*
 ********************/
.serviceballs #banner > ul > li > h2 span.inner {height: 90px ! important; }
.serviceballs {background: none ! important;}
.serviceballs p {font-family: 'Open Sans Light'; font-size: 15px;}

.kmudo_serviceballs_responsive .acc-substitute .acc-title:last-child {display:none;}


/********************
 *	TABS			*
 ********************/
.special_tabs .label.current span.tab_title, #tabs ul.tabs li a.current {font-weight: bold;}

.kmudo_produktdesc .panes br {display: none;}

/********************
 *	KONTAKTFORMULAR	*
 ********************/
.contact-form input, 
.contact-form textarea
{max-width: 450px; max-height: 300px;}


/********************
 *	SPRACHE			*
 ********************/
.info_above_menu .menu_wpml_widget {margin-top: 10px ! important; }
#lang_sel_list a, #lang_sel_list a:visited {background: #f7f7f7 ! important;}
#lang_sel_list li {width: 100px;}


/********************
 *	PRODUKTKATALOG	*
 ********************/
.kmudo_produktkatalog_button a.des-sc-button.small, .button.small{padding-top: 0px; padding-bottom: 0px;}
.kmudo_produktkatalog_button a.des-sc-button.small:hover , .button.small:hover {border-bottom: 2px solid #204c9b ! important;}


/****************
 *	FOOTER		*
 ****************/
 .footer_right_content .kmudo_footer,
 .footer_right_content .kmudo_footer:hover {color:#127d09 ! important; font-size: 12px;}
 
 
/********************
 *					*
 *	RESPONSIVE   	*
 *					*
 ********************/
 
/********************
 *	KONTAKTFORMULAR	*
 ********************/
 @media only screen and (max-width: 1135px) and (min-width: 1079px) {
 	
 	.simpleborder, 
	.contact-form input, 
	.contact-form textarea, 
	#accordion .acc-title h2.current, 
	.acc-substitute .acc-title h2.current, 
	#accordion .acc-title h2, 
	.acc-substitute .acc-title h2 {max-width: 454px; max-height: 300px;}
 }

 
  @media only screen and (max-width: 959px){
  	.serviceballs #banner > ul > li > h2 span.inner { height: 66px ! important;}
  }
  
  @media only screen and (max-width: 691px){
  	.kmudo_serviceballs_responsive .acc-title:nth-child(4){ display: none ! important; visibility: hidden ! important;}
  }
  
  
/********************
 *	MENU: TOP BAR	*
 ********************/
 
 @media only screen and (max-width: 959px){
  .style-top-bar .info_above_menu .telephone,
  .style-top-bar .info_above_menu .email,
  .style-top-bar .info_above_menu .address {display:none ! important;}
 }
 
 @media only screen and (max-width: 959px) and (min-width: 693px){
  .info_above_menu .menu_wpml_widget {margin-top: 5px ! important;}
 }
 
  @media only screen and (max-width: 692px){
	 .info_above_menu .menu_wpml_widget {margin-top: -5px ! important;}
  }
  
  @media only screen and (max-width: 767px) {
   .headerstyle-style1.header_container, .headerstyle-style2.header_container, .headerstyle-style3.header_container { padding-bottom: 0 ! important; }
   .logo img {max-width: 50% ! important;}
   .logo h1 {float: left ! important; margin-left: 20px;}
   .headerstyle-style3 header .dl-menuwrapper {margin-top: 40px ! important; right: -82px ! important;}
  }
  
  @media only screen and (max-width: 479px) {
  	.headerstyle-style3 header .dl-menuwrapper { left: 104px ! important;}
  	.logo img {display: none;}
  }
 
 
 
 /********************
 *	STARTSEITE       *
 ********************/
 @media only screen and (max-width: 959px) and (min-width: 768px) {
  .boxedpage #wrapper .kmudo_startseite .fullwidth-section {left: -25px ! important;}
 }
 
 @media only screen and (max-width: 767px) and (min-width: 480px){
 	.boxedpage #wrapper .kmudo_startseite .fullwidth-section > .container {left: 0px ! important;}
 }
 
 @media only screen and (max-width: 479px) {
 	.boxedpage #wrapper .kmudo_startseite .fullwidth-section .kmudo_neuheiten > .container {left: 8px ! important;}
 }