/*

Theme Name: X – Child Theme
Theme URI: https://theme.co/x/
Author: Themeco
Author URI: https://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

@import url( '../x/framework/css/site/stacks/renew.css' );

/* -------------------- ALLGEMEIN -------------------- */
.x-btn, .button, [type="submit"]{
	text-shadow: none !important;
border: 0;
padding: 11px 13px !important;
font-size: 12px !important;
line-height: 1;
text-align: center;
height: 34px;
margin: 34px 0 5px !important;
	}
	
.home .x-btn{
	float:right !important;
	}
	
.anwendung .x-btn{
	margin-top:0 !important;
	}
	
.x-btn:before{
	width: 0; 
    content: ''; 
    position: absolute; 
    top: 0; 
    right: -12px; 
    border-bottom: 35px solid transparent; 
    border-left: 12px solid #00aaf0; 
	
	-webkit-transition: all 0.15s linear;
	transition: all 0.15s linear;
	}
	
.x-btn:hover:before{
    border-left: 12px solid #7dd3f6; 
	}
	
.x-content-band{
	margin-bottom:0 !important;
	}
	
.x-topbar, .x-navbar-wrap{
	/*max-width: 1080px;
	margin: 0 auto;*/
	}
	
.x-nav-wrap.desktop{
	float:left;
	}
	
.x-navbar .desktop .x-nav > li > a {
	padding: 36px 0em 0.5em !important;
	}
	
.x-container-fluid.width {
	width: 88%;
	}

.x-container-fluid.max {
	max-width: 1080px;
	position:relative;
	}
	
.x-container-fluid {
	margin: 0 auto;
	}
	
.x-navbar .x-nav>li>a{
	margin: 0 0.7em !important;
	}
	
header{
	background: #616265;
	}
	
a:active, a:focus,
li a:active, li a span:active, li a:focus, li a span:focus, 
.x-navbar .desktop .x-nav > li.current-menu-item > a > span:active, .x-navbar .desktop .x-nav > li.current-menu-item > a > span:focus,
.x-navbar .x-nav-wrap .x-nav > li > a:active, .x-navbar .x-nav-wrap .x-nav > li > a:focus{
	outline: none !important;
	}
		
/* ---------- Yellow Corner ---------- */
#yellow_corner{
	width: 2000px;
	height: 760px;
	left: 48%;
	background: #e9e000;
	position: absolute;
	margin-top: -250px;
	-ms-transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	}
	
#slogan{
	font-family: "Merriweather","Helvetica Neue",Helvetica,sans-serif !important;
	font-size: 27px !important;
	line-height: 35px !important;
	color: #616265 !important;
	position: absolute;
	z-index: 8888;
	left: 75%;
	text-align: right;
	margin-top: 5px !important;
	}
	
/* ---------- Fonts ---------- */
body, p, h1, h2, h3, h4, h5, h6{
	font-family: 'MerriweatherSans', Helvetica, Arial, sans-serif;
	letter-spacing:inherit !important;
	}
h1{
	font-size:35px !important;
	margin-top: 2.1em !important;
	line-height: 1.3 !important;
	margin-bottom:0.1em !important;
	}
	
h2{
	font-size: 20px !important;
	margin-top: 0.8em !important;
	margin-bottom: 1.4em !important;
	line-height: 1.6 !important;
	max-width: 64%;
	}
	
h3{
	font-size:20px !important;
	margin-bottom: 1em !important;
	}
	
.unternehmen #x-content-band-2 h3,
.unternehmen #x-content-band-3 h3{
	margin-top:0;
	padding-top: 25px;
	}
	
h4{
	font-family: 'MerriweatherSansBold', Helvetica, Arial, sans-serif !important;
	font-size:12px !important;
	margin-top:0;
	}
	
.one-fourth p{
	line-height: 1.6;
	}
	
p{
	line-height: 1.7;
	}
	
.h-feature-headline{
	font-size:16px !important;
	line-height: 1.4 !important;
	}
	
.h-feature-headline span i{
	margin-right: 0.8em !important;
	}
	
.icon_list p{
	padding-left: 3.25em;
	line-height: 1.6;
	}
	
.x-main ul li{
	list-style:square url("https://www.brimatech.de/wp-content/uploads/2015/01/listtype1.jpg");
	line-height: 1.8;
	}
	
.x-main ul{
	margin-left: 13px;
	}
.x-navbar .desktop .x-nav>li {
	font-family: 'MerriweatherSansBold', Helvetica, Arial, sans-serif !important;
}

/* -------------------- HOMEPAGE -------------------- */
/* ---------- Navigation ---------- */

.x-navbar .x-nav > li.current-menu-item > a,
.x-navbar .x-nav > li > a:hover{
	box-shadow:none !important;
	}
	
.masthead-inline .x-nav{
	float:left;
	}
	
.x-navbar .x-brand{
	margin-right: 1.3em;
	}
	
.x-navbar .x-nav>li>a{
	margin: 0 0.8em;
	padding: 0.49em 0 0.525em;
	}
	
.sf-menu > li ul{
	top: 86px !important;
	}
	
.x-navbar .sub-menu{
	font-size: 0.9em !important;
	padding: 0.8em 2em;
	}
	
.x-navbar .sub-menu li>a{
	padding: 0.25em 0 !important;
	}
	
.x-navbar .sub-menu li:before, .x-navbar .sub-menu li:after{
	background-color: inherit !important;
	}
	
.x-navbar .x-nav > li > a:hover, .x-navbar .x-nav > li.sfHover > a, .x-navbar .x-nav > li.current-menu-item > a,
.x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span{
	box-shadow:none !important;
	}
	
.x-navbar .x-nav li>a:after,
.x-navbar .desktop .x-nav li>a>span:after{
	content:"" !important;
	margin-left: 0;
	display:none;
	}
	
.home .x-navbar .sub-menu{
	background-color:#616265 !important;
	}

.x-navbar .desktop .x-nav > li ul{
	top: 90px !important;
	}
	
.x-navbar .mobile .x-nav li>a{
	background: #616265 !important;
	border:none;
	}
	
.x-icon-angle-double-down{
	display:none !important;
	}
	
.desktop .sub-menu{
	min-width: 166px !important;
	}

/* ---------- Sprachauswahl ---------- */
	
#lang_sel_list{
	position: absolute;
	z-index: 999;
	left: 67%;
	}
	
#lang_sel_list a, #lang_sel_list{
	font-size:12px !important;
	color:#616265 !important;
	background:none !important;
	text-transform:uppercase;
	overflow: hidden;
	font-family: 'MerriweatherSans', Helvetica, Arial, sans-serif;
	}
	
#lang_sel_list li{
	height: 16px;
	}
	
#lang_sel_list li:first-child{
	border-right:1px solid #616265;
	padding-right: 5px !important;
	}
	
#lang_sel_list a{
	max-width: 20px;
	cursor:pointer;
	}
	
#lang_sel_list a.lang_sel_sel{
	font-family: 'MerriweatherSansBold', Helvetica, Arial, sans-serif;
	}
	
#lang_sel_list a.lang_sel_sel:hover{
	cursor:text;
	color:#616265;
	}

/* ---------- Slideshow ---------- */

.home .x-slider-container{
	margin-top: -172px;
	margin-bottom:-1px;
	}
	
.home .x-navbar, .home .x-topbar{
	background-color: transparent !important;
	}
	
.slider_bigfont{
	color:#ffffff;
	}
	
.home .tp-caption.large_bold_white{
	font-family: 'Merriweather', Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:27px;
	line-height:39px;
	}
	
.home .tp-caption.large_text{
	font-family: 'MerriweatherSansLight', Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:16px;
	line-height:24px;
	text-shadow:none;
	}
	
.page-template-template-blank-1-php .x-slider-container.below, .page-template-template-blank-2-php .x-slider-container.below, .page-template-template-blank-3-php .x-slider-container.below, .page-template-template-blank-4-php .x-slider-container.below, .page-template-template-blank-5-php .x-slider-container.below, .page-template-template-blank-6-php .x-slider-container.below{
	border-bottom:none;
	}
	
/* ---------- Spalte mit Slogan ---------- */
	
.x-container-fluid.offset{
	margin-top:0;
	}	

.bildmarke{
	margin: 32px auto 0;
	display:block;
	width:79px;
	height:47px;
	}
	
.row_slogan h1{
	font-size: 20px !important;
	text-align: center;
	max-width: 50%;
	margin: 0 auto;
	line-height: 1.5 !important;
	margin-top: 40px !important;
	}

/* ---------- Testimonials ---------- */

.home #testimonial_slider{
	padding:46px 0 0px;
	}
	
.home .x-flexslider{
	background:none;
	}
	
.home .x-flexslider .x-slides img{
	width:auto;
	margin: 48px auto;
	}
	
.home #testimonial_slider .testimonial_quote{
	font-family: 'Merriweather', Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:28px;
	color:#616265;
	max-width: 90%;
	}
	
.home #testimonial_slider .testimonial_author{
	font-family: 'MerriweatherBold', Helvetica, Arial, sans-serif;
	font-size:15px;
	line-height:23px;
	color:#616265;
	margin-bottom: 2px;
	}
	
.home #testimonial_slider .testimonial_task{
	font-family: 'Merriweather', Helvetica, Arial, sans-serif;
	font-size:15px;
	line-height:23px;
	color:#616265;
	}
	
.home #testimonial_slider .flex-control-nav{
	margin-left: 33.8%;
	position:relative;
	text-align:left;
	top:inherit;
	right:inherit;
	margin: 37px 2px 0 33.8%;
	}
	
.home #testimonial_slider .flex-control-nav a{
	border-radius: 0;
	height: 11px;
	width: 11px;
	background:#bbbbbb;
	}
	
.flex-control-nav a:hover, .flex-control-nav a.flex-active, .x-dropcap, .x-skill-bar .bar, .x-pricing-column.featured h2, .h-comments-title small, .pagination a:hover, .x-entry-share .x-share:hover, .entry-thumb, .widget_tag_cloud .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:hover, .x-highlight, .x-recent-posts .x-recent-posts-img, .x-recent-posts .x-recent-posts-img:before, .x-portfolio-filters{
	background:#f3e400 !important;
	}
	
	
/* ---------- Vorteile ---------- */
	
.advantages{
	background:url(img/kleineseck.png) no-repeat top right;
	padding-top: 1px;
	}

.advantages h4{
	font-family:"Merriweather","Helvetica Neue",Helvetica,sans-serif !important;
	color: #ffffff;
	font-size: 20px !important;
	line-height: 29px;
	margin-top: 20px;
	margin-bottom: 15px;
	max-width: 68%;
	letter-spacing: 0 !important;
	}
	
.advantages p{
	color: #ffffff;
	font-size: 12px;
	line-height: 1.5;
	max-width: 85%;
}

.entry-header, .entry-content{
	font-size:12px !important;
	}
	
.x-navbar{
	font-size: 13px !important;
	}

/*#x-content-band-3 .x-btn{
	margin: 60px 0 54px 17px;
	}*/
	
	
/* ---------- Footer ---------- */
	
.x-colophon.top{
	background-color:#616265;
	padding:0 0 5.25%;
	}
	
.x-colophon.top .textwidget{
	color:#ffffff;
	font-size:12px;
	}
	
.x-colophon.bottom{
	padding: 39px 0;
	}
	
.x-colophon .footer_maps, .x-colophon .footer_mail{
	display:inline-block;
	position: relative;
	float:left;
	background-position:0 0;
	overflow:hidden;
	text-indent: -9999px;
	}
	
.x-colophon .footer_maps{
	background:url(img/social_maps.png) no-repeat;
	width:34px;
	height:33px;
	}
	
.x-colophon .footer_mail{
	background:url(img/social_mail.png) no-repeat;
	width:52px;
	height:33px;
	}
	
.x-colophon .footer_maps span{
	background:url(img/social_maps.png) no-repeat;
	}
	
.x-colophon .footer_mail span{
	background:url(img/social_mail.png) no-repeat;
	}
	
.x-colophon .footer_maps span, .x-colophon .footer_mail span{
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-position: 0 -33px;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition:    opacity 0.3s ease-in-out;
	-o-transition:      opacity 0.3s ease-in-out;
	}
	
.x-colophon .footer_maps:hover span, .x-colophon .footer_mail:hover span{
	opacity: 1;
	}
	
#text-6 .textwidget{
	float:right;
	}
	
	
	
/* -------------------- UNTERSEITEN -------------------- */
/* ---------- Header ---------- */

.services .x-navbar, .services .x-navbar .sub-menu, .services .x-topbar,
.unternehmen .x-navbar, .unternehmen .x-navbar .sub-menu, .unternehmen .x-topbar,
.contact .x-navbar, .contact .x-navbar .sub-menu, .contact .x-topbar,
.anwendung .x-navbar, .anwendung .x-navbar .sub-menu, .anwendung .x-topbar,
.anwendung_page .x-navbar, .anwendung_page .x-navbar .sub-menu, .anwendung_page .x-topbar,
.partner .x-navbar, .partner .x-navbar .sub-menu, .partner .x-topbar{
	background-color:#616265 !important;
	}
	
.services .x-navbar-inner,
.unternehmen .x-navbar-inner,
.contact .x-navbar-inner,
.anwendung .x-navbar-inner,
.anwendung_page .x-navbar-inner,
.partner .x-navbar-inner{
	min-height: 95px;
	}
	
/* ---------- Buttons ---------- */

.services #x-content-band-3 .x-btn{
	margin: 12px 0 12px 17px;
	}
	
/* ---------- Team ---------- */

#x-content-band-5.team {
	padding-top:0.4em !important;
	}
	
.team .x-img{
	margin-bottom: 0.6em;
	}
	
.team h3{
	margin-bottom: 0.3em !important;
	}
	
.team h4{
	margin-bottom: 1.5em;
	}
	
.team p{
	margin-bottom: 0.5em;
	line-height: 1.6;
	}
	
.team a{
	background:url(https://www.brimatech.de/wp-content/uploads/2015/02/icon_letter.png) no-repeat left center;
	padding: 2px 0 0 23px;
	color:#616265;
	margin-bottom: 6px;
	display: inline-block;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	}
	
.team a:hover{
	text-decoration:underline;
	color:#616265;
	}
	
	
/* ---------- Anwedung ---------- */

.anwendung .x-main h4{
	color:#616265;
	font-size: 20px !important;
	line-height: 29px;
	max-width: 75%;
	font-family: "Merriweather","Helvetica Neue",Helvetica,sans-serif !important;
	}
	
.anwendung .x-btn, .anwendung .button{
	margin-top:0;
	}

.anwendung_page h1{
	max-width: 75%;
	}

.anwendung_page h2{
	padding-bottom: 1.5em;
	}
	
.anwendung_page .x-main p{
	max-width: 82%;
	}
	
.anwendung .x-1-4 img{
	margin: 0;
	display: block;
	width: 61px;
	}
	
ul.logos li.x-block-grid-item{
	padding: 25px 0.9%;
	}
	
/* ---------- Services ---------- */

.services .advantages {
	margin:25px 0;
	}

.services .advantages h4{
	color:#616265;
	font-size: 20px !important;
	line-height: 29px;
	max-width: 75%;
	}
	
.services .x-container.width{
	width: 100%;
	}

	
	
@media only screen and (max-width:1110px ){
	/* --- Header --- */
	#lang_sel_list{
		left: 69%;
		}
		
	/* --- Allgemein --- */
	.x-container{
		padding:0 20px;
		}
}

@media only screen and (max-width:1070px ){
	/* --- Header --- */
	#slogan{
		font-size: 20px !important;
		line-height: 26px !important;
		left: 82%;
		margin-top: 0 !important;
		}
		
	#lang_sel_list {
		left: 77%;
		}
		
	#yellow_corner{
		left: 53%;
		}
}
@media only screen and (max-width:980px){
	#slogan{
		display:none;
		}
		
	#yellow_corner {
		left: 67%;
		}
		
	#lang_sel_list {
		right: 0;
		left: inherit;
		}
		
	.x-btn-navbar, .x-btn-navbar.collapsed{
		margin-right: 15%;
		}
		
	.row_slogan h1{
		max-width: 100%;
		}
		
	.x-navbar .x-brand{
		margin-top:0 !important;
		}
	.x-btn-navbar{
		margin-top: 12px !important;
		}
		
	.home #testimonial_slider{
		padding-top:0 !important;
		}
	.home .x-flexslider .x-slides img{
		margin: 33px auto;
		}
	.home .advantages,
	.services .advantages{
		margin-left:0;
		padding-left:0;
		}
	.advantages h4{
		max-width:100%;
		}
		
	.x-colophon.top .x-column .widget:first-child{
		margin-top: 0.5em;
		}
		
	h2, .anwendung_page .x-main p, .anwendung_page h1{
		max-width:100%;
		}
		
	.x-navbar .mobile .x-nav li>a{
		padding: 0.75em 0.25em;
		}
	.x-navbar .x-nav>li>a{
		margin: 0 0.25em !important;
		}
		
	.row_slogan h1{
		font-size:14px !important;
		}
		
	.home #testimonial_slider .testimonial_quote, .h-feature-headline{
		font-size:12px !important;
		line-height: 1.6;
		}
		
	.advantages h4, h2, .services .advantages h4, .anwendung .x-main h4, h3{
		font-size:14px !important;
		line-height:1.5;
		}
		
	.advantages h4{
		margin-bottom: 7px;
		}
		
	.icon_list p{
		padding-left: 2.85em;
		}
		
	.home .x-navbar .mobile .x-nav li>a{
		padding: 0.75em 3em 0.75em 2em;
		}
		
	.masthead-inline .x-nav{
		float:right;
		}	
}
@media only screen and (max-width:790px){
	#yellow_corner {
		left: 50%;
		}
	
	.x-btn-navbar, .x-btn-navbar.collapsed {
		margin-right: 30%;
		}
}
@media only screen and (max-width:768px){
	#x-content-band-3 .x-column{
		/*padding-bottom:35px;*/
		}
	.unternehmen #x-content-band-3 .x-column{
		padding-bottom:0 !important;
		}
	.unternehmen .team img{
		margin-top: 20px;
		}
	.anwendung .content .x-1-4{
		margin-bottom:30px;
		}
	.anwendung .x-1-4 img{
		margin: 0;
		}
	.team h3{
		margin-top: 0.5em;
		}
	.services #x-content-band-3{
		margin-top:-25px;
		}
	.anwendung #x-content-band-2{
		padding-bottom:0 !important;
		}
	.unternehmen .x-content-band{
		padding:0 !important;
		}
	.team .x-column{
		padding-bottom:20px;
		}
}
@media only screen and (max-width:700px){
	.tp-caption{
		/*display:none;*/
		}
}
@media only screen and (max-width:660px){
	.home .x-navbar .x-brand{
		margin-top: -28px !important;
		margin-bottom:10px;
		}
	.home .x-btn-navbar{
		}
}
	
@media only screen and (max-width:540px){
	.x-btn-navbar, .x-btn-navbar.collapsed, .home .x-btn-navbar{
		margin-right:0;
		margin-top:20px !important;
		}
	
	#yellow_corner {
		left: 27%;
		}	
	h1{
		font-size: 2em !important;
		}
	#yellow_corner{
		display:none;
		}
	#lang_sel_list li:first-child{
		border-right:1px solid #e9e000;
		}
	#lang_sel_list a, #lang_sel_list{
		color: #e9e000 !important;
		}	
	
	
}


	
	
	
/* -------------------- GOOGLE FONTS -------------------- */

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather'), url(//fonts.gstatic.com/s/merriweather/v8/RFda8w1V0eDZheqfcyQ4EKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'MerriweatherBold';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), local('Merriweather-Bold'), url(//fonts.gstatic.com/s/merriweather/v8/ZvcMqxEwPfh2qDWBPxn6nhAPw1J91axKNXP_-QX9CC8.woff) format('woff');
}

@font-face {
  font-family: 'MerriweatherSansLight';
  font-style: normal;
  font-weight: 300;
  src: local('Merriweather Sans Light'), local('MerriweatherSans-Light'), url(//fonts.gstatic.com/s/merriweathersans/v5/6LmGj5dOJopQKEkt88Gowby3qP8l_EZEfCX16eKT4TP3rGVtsTkPsbDajuO5ueQw.woff) format('woff');
}
@font-face {
  font-family: 'MerriweatherSans';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Sans Regular'), local('MerriweatherSans-Regular'), url(//fonts.gstatic.com/s/merriweathersans/v5/AKu1CjQ4qnV8MUltkAX3sMoBJSyBiVuloIc8IXLz46o.woff) format('woff');
}
@font-face {
  font-family: 'MerriweatherSansBold';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Sans Bold'), local('MerriweatherSans-Bold'), url(//fonts.gstatic.com/s/merriweathersans/v5/6LmGj5dOJopQKEkt88GowaILZ3_VFR4y34zupljc1bH3rGVtsTkPsbDajuO5ueQw.woff) format('woff');
}

/* -------------------- IE8 -------------------- */

.ie8 #yellow_corner{
	display:none;
	width:0;
	height:0;
	}
.ie8 #slogan{
	color: #ffffff !important;
	}
.ie8 #lang_sel_list a, #lang_sel_list{
	color:#ffffff !important;
	}
.ie8 .x-slider-container{
	display:none;
	}
.ie8 .home .masthead,
.ie8 .home .x-navbar, .ie8 .home .x-topbar,
.ie8 .home .x-topbar, .ie8 .home .x-navbar-wrap,
.ie8 footer, .ie8 .bottom{
	background: #616265 !important;
	}
	
.ie8 .home .x-flexslider .x-slides img{
	margin:40px 0 !important;
	}