/*
Theme Name: ECM Factory
Version: 1.0
*/

/* GLOBAL STYLES */

/* commented backslash hack v2 */
.side_bar li, .side_bar a {
	height: 1%;
}
/* end hack */

* {
	margin: 0px;
	padding: 0px;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

/* Mailadresse */
.hide-this{ display: none; }

html {
	font-size: 100%;
}
.clear-mobile {
display: none;
}

img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-decoration: none;
}
 
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
 
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
float: left;
}

.alignright {
float: right;
}
 
.alignleft {
float: left;
}
br{display:block;}
body {
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	line-height: 28px;
	background-color: #eaeaea;
	color: #494949;
}

/* HEADINGS */
h1, h2 {
	font-family: 'Ubuntu', sans-serif;
	font-weight: normal;
	margin: 0px;
}

h1 {
	font-family: 'Ubuntu', sans-serif;
	font-size: 24px;
	line-height: 1.3;
	margin: 30px;
	float: left;
}
great {
	font-size: 44px;
}

.img_head {
	float: right;
}

.qr_code {
	float: right;
	margin-right: 30px;
}
.wann_bg {
	width: auto;
	background-image: url(/wp-content/uploads/2014/07/wann.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

h2 {
	font-family: 'Ubuntu', sans-serif;
	font-size: 24px;
	line-height: 1.3;
	color: #2174b5;
	margin: 0px;
	margin-bottom: 15px;
}

h3 {
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	line-height: 1.3;
	margin: 0px;
}

h4 {
	font-size: 15px;
	line-height: 1.3;
	margin: 0px;
}

h5 {
	font-size: 12px;
	line-height: 1.3;
	margin: 0px;
}

a, a:after, a:before {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
#map {
margin-top: 30px;
width:583px;
height: 594px;}

/* 3er-Boxen Home */
.box-area {
margin-bottom: 30px;
}
.box-area .single-box {
padding: 10px;
float: left;
width:33.3333%;
}
.box-area .single-box figure {
background: #ffffff;
border: 2px solid #EAEAEA;
padding: 10px;
min-height: 325px;
max-height: 325px;
}
.box-area .single-box figcaption {
min-height: 80px;
}
.box-area .single-box h2 {
font-size: 18px;
line-height: 1.3;
}
.box {
float:left;
}
/* 3er-Boxen Home */

/* 3er-Boxen Home dark */
.dark-box-area {
margin-bottom: 20px;
}

.dark-box-area .dark-single-box {
padding: 10px;
float: left;
width:33.3333%;
}

.dark-box-area .dark-single-box figure{
/* background: #989898; */
color:#ffffff;
padding: 10px;
min-height: 225px;
}
.green{
background: #97BF0D;
color:#ffffff;}
.blue{
background: #2174B5;
color:#ffffff;}
.grey{
color:#ffffff;
background: #989898;}
.dark-box-area .dark-single-box figcaption {
min-height: 80px;
}
/* 3er-Boxen Home dark */

.spalte_links {
line-height: 1.5;
float:left;
width:50%;
margin-bottom: 90px;
}
#glossar .spalte_links {
margin-bottom: 00px;
}
#glossar .spalte_rechts {
padding-top:7px;
margin-bottom: 20px;
}
.spalte_links_kl {
font-size: 14px;
line-height: 1.5;
float:left;
width:50%;
margin-bottom: 10px;
}
.spalte_links1 {
float:left;
width:30%;
margin-bottom: 10px;
}
.spalte_links2 {
float:left;
width:70%;
margin-top: 20px;
}
.spalte_links3 {
float:left;
width:50%;
margin-top: 0px
padding-left: 0px;
}
.spalte_rechts {
font-size: 14px;
float:right;
line-height: 1;
width:50%;
margin-bottom: 10px;
}
.clear {
clear:left;
}
.trenner{
width: 100%;
height: 12px;
background-image: url(/wp-content/uploads/2014/08/trenner.png);
background-repeat: no-repeat;
}
.button_footer{
width:195px;
height:54px;
}

/* posts 3er */
.text-posts box{
	display: block;
	float: left;

}
.text-posts{
	overflow: hidden;
	margin-bottom: 0px;

}
.text-posts li{
	display: block;
	float: left;
	width: 33.3333%;
	background-color:#EEEEEE;
	padding:10px;
}


.text-posts h2{
	font-size: 18px;
	height: 80px;
}
.postimg{
	width: 100%;
	height: 100%;
}
/* end posts 3er */

/* posts 4er */
.text-posts2{
	overflow: hidden;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.text-posts2 li{
	font-size: 12px;
	line-height: normal;
	display: block;
	float: left;
	width: 25%;
	padding-bottom: 0px;
	padding: 10px;

}
.text-posts2 h2{
font-size: 24px;
padding-top: 15px;
}
.postimg2{
	border: 2px solid #EEEEEE;
        width:100%;
height:100%;
}
/* end posts 4er */



/* posts wie */
.text-posts3{
	overflow: hidden;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.text-posts3 li{
font-size: 12px;
text-align: center;
line-height: normal;
	display: block;
	float: left;
	width: 23%;
	padding-bottom: 5px;
padding: 10px;
margin: 5px;
background-color: #EAEAEA;
}
.text-posts3 h2{
font-size: 24px;
padding-top: 15px;
}
.postimg3{
	width: 206px;
	height: 147px;
}

/* end posts wie */


/* Infobox */
.info {
/*background-image: url(/wp-content/uploads/2014/08/infobackground2.jpg);
background-repeat: repeat-x;*/
/*background:#efefef;*/
/*border:solid 1px #cccccc;*/
/*border-bottom:none;*/
padding-right:2px;
padding-left:2px;
padding-bottom:3px;
margin-bottom:15px;
}
.info img {
	vertical-align:top;
}
.info h2{
background-image: url(/wp-content/uploads/2014/07/info1.png);
background-repeat: no-repeat;
background-position: left 2px;
padding-left: 20px;
position:relative;
float:left;
width: 100%;
z-index:1;
font-size: 16px;
font-weight: bold;
padding-top: 0px;
margin-bottom: 3px;
/*color: #494949;*/
color: #2174B5;
}
.info p{
padding-left:20px;
padding-bottom:0px;
margin-bottom:0px;
}
.info a .second{
/*color:#2174b5;*/
font-weight:bold;
}
.info a {
color:#494949;
/*background:#ffffff;
background:#efefef;*/
/*display:block;*/
/*reini float:left;*/
}
.img a:link {text-decoration: none;}
.info a:link {
/*color: #2174b5;*/
padding-left: 0px;
margin-bottom: 5px;
margin-top: 5px;
text-decoration: none;
font-size:13px;
}
.info a:hover p{
/*background:#efefef;*/
}
.info a:hover {
text-decoration: underline;
}
.info a:active {
/*color: #2174b5;*/
}
.info a:visited {
/*color: #2174b5;*/
}
/* end Infobox */

menu, ol, ul {
	margin: 0px;
	padding: 0px;
}

ul#pfeil li{
	list-style-position: outside;
	list-style-image: url(/wp-content/uploads/2014/07/li_dot.png);
	margin-left: 30px;
}
ul#pfeil_blue li{
	list-style-position: outside;
	list-style-image: url(/wp-content/uploads/2014/07/li_dot_blue.png);
	margin-left: 30px;
line-height: 1.5;
}
ul#haken li{
	list-style-position: outside;
	list-style-image: url(/wp-content/uploads/2014/07/li_haken.png);
	margin-left: 30px;
		margin-bottom: 10px;
}
a:link#pfeil {
	background-image: url(/wp-content/uploads/2014/07/pfeil_blue.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 30px;
}
u {
	background-image: url(/wp-content/uploads/2014/07/info1.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;}
u2 {
	background-image: url(/wp-content/uploads/2014/07/info_pfeil.png);
	background-repeat: no-repeat;
	background-position: center left;
	text-decoration: underline;
	padding-left: 20px;}
#tipp {
	background-color: #EAEAEA;
	padding: 10px 10px 10px 60px;
	font-size: 16px;
	background-image: url(/wp-content/uploads/2014/08/tipp.png);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	border-radius: 10px;
	min-height:80px;
}

#schnelltest{
	float: left;
	background-color: #EAEAEA;
	font-size: 16px;
	border-radius: 10px;
	width:100%;
}
#schnelltest ol {
	padding-left:15px;
}

#schnelltest.narrow img {
	float:right;
}

#schnelltest figure {
	float:left;
	width: 100%;
	padding: 15px 15px 15px 15px;
}
#schnelltest img{
	float: left;
	width:27%;
	border-right:solid 1px gray;
	border-bottom:solid 1px gray;
}
#schnelltest div{
	float: left;
	width:72%;
	background-color: #EAEAEA;
	padding: 0px 0px 0px 25px;
}
#schnelltest u{
	background-image: none;
	padding-left:0px;
}
#schnelltest input{
	float:right;
	text-align:left;
	line-height:20px;
	margin-top:5px;
	font-size:0.8em;
	padding:0px 3px 0px 3px;
}

#frage2 {
	background-color: #EAEAEA;
	padding: 10px 10px 10px 60px;
	font-size: 16px;
	background-image: url(/wp-content/uploads/2016/01/frage_gruen_2.png);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	border-radius: 10px;
	min-height:65px;
}
#frage3 {
	background-color: #EAEAEA;
	padding: 10px 10px 10px 60px;
	font-size: 16px;
	background-image: url(/wp-content/uploads/2016/01/frage_gruen_3.png);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	border-radius: 10px;
	min-height:65px;
}

p {
	margin: 0px;
	margin-bottom: 10px;
}

.clearfix:before, .clearfix:after, .row:after, .row:before {
	content: " ";
	display: table;
}

.clearfix:after, .row:after {
	clear: both;
}

.container {
	width: 990px;
	margin: 0px auto;
	padding: 0px 30px;
	max-width: 100%;
}

.left-side {
	float: left;
	width: 66%;
	padding-right: 30px;
}

.right-side {
	float: right;
	width: 28%;
}




.container:before {}

.container:after {}


.f-l {
	float: left;
}

.f-r {
	float: right;
}

.clear {
	clear: both;
}

.icon {width: 100%; float:left; padding-top: 10px;}
.icon img {margin-top: -10px;}
.btn {
	background: #97bf0d;
	color: #fff;
	text-decoration: none;
	padding: 10px 58px;
	display: table;
	border-radius: 7px;
	margin: 10px auto 0px;
	box-shadow: 0px 2px 5px #272727;
}

.btn:hover {
	background: #85A80D;
}
.btn-blue {
font-size: 14px;
background: #2174B5;
color: #ffffff;
text-decoration: none;
padding: 10px 15px;
display: table;
border-radius: 3px;
margin: 10px auto 0px;
box-shadow: 0px 2px 5px #272727;
}
.btn-blue li a {
color: #ffffff;
}
.btn-blue a {
color: #ffffff;
}

.btn-grey {
font-size: 14px;
background: #989898;
color: #ffffff;
text-decoration: none;
padding: 0px 15px;
display: table;
border-radius: 3px;
margin: 20px auto 0px;
box-shadow: 0px 2px 5px #272727;
}
.btn-grey li a {
color: #ffffff;
}
.btn-grey a {
color: #ffffff;
}
.btn-blue-small {
font-size: 14px;
background: #2174B5;
color: #ffffff;
text-decoration: none;
padding: 0px 15px;
display: table;
border-radius: 3px;
margin: 20px auto 0px;
box-shadow: 0px 2px 5px #272727;
}
.btn-blue-small li a {
color: #ffffff;
}
.btn-blue-small a {
color: #ffffff;
}


.white-bg {
	background-color: #fff;
}


.header {}

.top-area {
	margin-bottom: 3px;
	margin-right: 10px;
}


.top-menu {
	display: table;
	margin-left: auto;

}

.top-menu li {
	display: inline-block;
	font-size: 11px;
	line-height: 1;
padding-top:6px;
padding-bottom:6px;
}

.top-menu li:last-child {
}

.top-menu li a {
	display: block;
	color: #4a4a4a;
	line-height: 1;
	text-decoration: none;
	border-right: 1px solid #4a4a4a;
	margin-right: 6px;
	padding-right: 10px;
}
.top-menu li:last-child a {
	border: none;
	margin-right: 0px;
	padding-right: 0px;
}


.top-menu li a:hover {
	color: #2174b5
}

.left-area {
	max-width: 50%;
}

.right-area {
	max-width: 50%;
}

.logo {
	display: inline-block;
	line-height: 1;
	font-size: initial;
	margin: 0px;
	margin-bottom: 25px;
	margin-left: -6px;
}

.logo a {
	display: block;
}

.logo img {
	max-width: 100%;
}

.support-menu {
	margin-bottom: 25px;
	margin-top: 10px;
	width: 180px;
}

.support-menu li {
	list-style: none;
	min-height: 25px;
}

.support-menu li a {
	display: inline-block;
	position: relative;
	padding-left: 32px;
	font-size: 14px;
	text-decoration: none;
	color: #4a4a4a;
}

.support-menu li a:hover {
	color: #4a4a4a;
}

.support-menu li a .su-icon {
	background-repeat: no-repeat;
	width: 25px;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	position: absolute;
	top: 3px;
	left: 0px;
}

.support-menu li a .su-icon.icon-call {
	background-image: url('assets/images/call-ecm-factory.png');
}

.support-menu li a .su-icon.icon-message {
	background-image: url('assets/images/message-to-ecm-factory.png');
}

.support-menu li a:hover {
/*	color: #2174b5;*/
}


.container>.navbar-header, .container>.navbar-collapse {
	margin-right: 0px;
	margin-left: 0px;
}
.nav-area {
	background: #4a4a4a;
}

.navbar-toggle {
	margin-right: -10px;
	outline: none;
}
.navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar {
	margin-bottom: 0px;
}
.main-menu {
	display: table;
	width: 100%;
}

.main-menu li {
	list-style: none;
	display: inline-block;
	float: none;
	margin: 12px 30px 13px 0px;
	position: relative;
}

.main-menu li a {
	color: #fff;
	display: block;
	text-decoration: none;
	background: transparent;
	padding: 0px;
	position: relative;
	line-height: 1.4;
}

.main-menu li a:after {
	content: "";
	top: 100%;
	left: 0;
	position: absolute;
	width: 0px;
	height: 3px;
	background: #2174b5;
}

.main-menu li.current-menu-item > a:after,

.main-menu li > a:hover:after {
	width: 100%;
}

.main-menu li a:focus,
.main-menu li a:hover {
	background: transparent !important;
}


.main-menu li ul.sub-menu {
	display: none;
	font-size: 14px;
	position: absolute;
	min-width: 250px;
	top: 100%;
	left: 0px;
	background: #4a4a4a;
	padding: 0px 15px;
	padding-bottom: 10px;
}
.main-menu li:hover > ul.sub-menu {
	display: block;
}


.main-menu li ul.sub-menu li {
	display: block;
	margin: 10px 0px 10px;
}
.main-menu li ul.sub-menu li a {}


.banner-area {
	background: url('assets/images/ecm-factory-bg.png') repeat-x;
	background-size: contain;
	height: 280px;
	margin-bottom: 66px;
}

.banner-area.banner-small {
	height: 204px;
	margin-bottom: 66px;
}

.banner-area .container {
	padding: 0px;
}

.banner-area .banner-image {
	float: right;
}

.home-page-content {
	overflow: hidden;
}
.home-page-content img {
	max-width: 100%;
	height: auto;

}

.home-page-content .container {
	padding-top: 40px;
	padding-bottom: 80px;
}
.home-page-content2 .container {
	padding-top: 10px;
	padding-bottom: 80px;
}
.promo-box-area {
	margin-bottom: 30px;
	margin-left: -10px;
	margin-right: -10px;
}
.promo-box-area .single-promo-box {
	padding: 10px;
}
.promo-box-area .single-promo-box figure {
	background: #989898;
	padding-top: 0px;
	padding: 10px;
}
.promo-box-area .single-promo-box figure:after,
.promo-box-area .single-promo-box figure:before {
	content: " ";
	display: table;
}
.promo-box-area .single-promo-box figure:after {
	clear: both;
}

.promo-box-area .single-promo-box .thumbnail-link {
	display: block;
	line-height: 1;
	margin-bottom: 5px;
	position: relative;
}

.promo-box-area .single-promo-box .thumbnail-link img {
	width: 100%;
	/* height: 100%; */
}

.promo-box-area .single-promo-box figcaption {
	min-height: 85px;
}

.promo-box-area .single-promo-box figcaption a {
	color: #fff;
	text-decoration: none;
	line-height: 1.3;
	display: inline-block;
}

.promo-box-area .single-promo-box figcaption a:hover {
	color: #2174b5;
}


.tuning-box-area {
	overflow: hidden;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 40px;
}

.tuning-box-area .single-tuning-box {
	padding: 0px;
}
.tuning-box-area .single-tuning-box figure {
	margin: 15px;
}

.tuning-box-area .single-tuning-box figure > img {
	border: 2px solid #eaeaea;
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}

.tuning-box-area .single-tuning-box figcaption {}

.tuning-box-area .single-tuning-box figcaption h2 {
	position: relative;
	padding-right: 30px;
	margin-bottom: 0px;
}

.tuning-box-area .single-tuning-box figcaption h2:after {
	content: "";
	position: absolute;
	background: url('assets/images/green_play.png') no-repeat;
	width: 22px;
	height: 25px;
	top: 0px;
	right: 0px;
}

.tuning-box-area .single-tuning-box figcaption ul {
	padding-left: 2px;
}

.tuning-box-area .single-tuning-box figcaption ul li {
	list-style: none;
	line-height: 1.3;
}

.tuning-box-area .single-tuning-box figcaption ul li a {
	text-decoration: none;
	font-size: 12px;
	color: #494949;
	border-bottom: 1px solid;
}

.tuning-box-area .single-tuning-box figcaption ul li a:hover {
	color: #2174b5;
}


.footer {
	background: #494949;
}

.widget-area {
	overflow: hidden;
	margin-left: -14px;
	margin-right: -14px;
	margin-top: 20px;
}

.single-widget {
	width: 25%;
	display: block;
	float: left;
	padding: 0px 14px;
	background: url('assets/images/widget_separator.png') no-repeat center right;
	min-height: 264px;
	margin-bottom: 20px;
}

.single-widget:last-child {
	background-image: none;
	min-height: inherit;
	margin-bottom: 0px;
}

.single-widget .widget-title {
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #97bf0d;
	margin-bottom: 10px;
}

.single-widget .widget-content {}

.single-widget .widget-content a {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	line-height: 1.3;
	display: table;
	margin-bottom: 7px;
}

.side_bar .single-widget .widget-content a {
	display: block;
}

.single-widget .widget-content a:hover {
	color: #2174b5;
}

.single-widget .widget-content img {
	margin: 5px 5px 3px 5px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 0px;
}

.copy-text {
	text-align: center;
	color: #97bf0d;
	font-size: 11px;
	text-align: right;
	margin: 0px;
	margin-bottom: 15px;
	line-height: 10px;
}

.copy-text p {
	margin: 0px;
}

.side_bar {}

.side_bar .widget-area {
	margin: 0px;
}

.side_bar .single-widget {
	width: 100%;
	background: #eaeaea;
	padding: 15px;
	padding-bottom: 15px;
	float: none;
	min-height: inherit;
	margin: 0px;
	margin-bottom: 30px;
	display: block;
}

.side_bar .single-widget .widget-title {
	font-size: 24px;
	color: #3783bc;
}

.side_bar .single-widget .widget-content {
	width: 100%;
	font-size: 14px;
	line-height: 1.5;
	overflow: hidden;
}

.side_bar .single-widget .widget-content a {
	font-size: 14px;
	color: #494949;
	text-decoration: underline;
}

.side_bar .single-widget .widget-content a:hover {
	color: #3783bc;
}

.side_bar .single-widget .widget-content .btn {
	font-size: 18px;
	margin-top: 0px;
	padding-left: 30px;
	padding-right: 30px;
	text-decoration: none;
	color: #fff;
	line-height: 1;
	font-size: 14px;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

/*Css by samdani*/
.wpcf7-form input,
.wpcf7-form button,
.wpcf7-form select
{
width: 230px;
}
.wpcf7-form textarea {
width: 100%;
}
input.wpcf7-form-control.wpcf7-submit {
width: 40%;
float: right;
background-color: #2174b5;
color: #fff;
border-radius: 3px;
border: none;

}
.img-re {float: right;}



/*custom responsive css*/

@media (max-width: 990px){
#map {
width:95%;
height: 95%;
margin-left:10px;
margin-top: 30px;
margin-right:10px;
display:block;}

.img-re {float: right; width: 170px; height:170px; margin-top:0px;}
.dark-box-area .dark-single-box img{
float:left;
width: 100%;
height: 100%;
}
.dark-box-area .dark-single-box figure{
min-height: 230px;
max-height:230px;
}
.box-area .single-box img{
float:left;
width: 100%;
height: 100%;
}
.box-area .single-box figure {
font-size: 16px;
line-height:1.3;
min-height: 320px;
max-height: 320px;}
/* 3er-Boxen Home dark */
.dark-box-area {
margin-bottom: 10px;
float:left;
}h1 {font-size: 18px;}
great {font-size: 35px;}	
.banner-area,
	.banner-area.banner-small {
		height: auto;
		margin-bottom: 0px;
	}

	.banner-area .banner-image {
		height: auto;
		width: 147%;
	}
ul#pfeil_blue li{
	list-style: none;
	list-style-image: none;
	padding-left: 20px;
background-image: url(/wp-content/uploads/2014/07/li_dot_blue.png);
	background-repeat: no-repeat;
	background-position: 0px -2px ;
line-height: px;
}
}

@media (max-width: 767px) {
#map {
width:95%;
height: 95%;
margin-left:10px;
margin-top: 30px;
margin-right:10px;
display:block;}

.img-re {float: right; width: 150px; height:150px; margin-top:0px;}
	.support-menu {
		width: auto;
	}
	.tuning-box-area .single-tuning-box:nth-child(odd){
		clear: both;
	}

	.single-widget {
		width: 33.3%;
	}
	.single-widget:nth-child(3) {
		background-image: none;
	}
	.single-widget:last-child {
		width: 100%;
		display: block;
		text-align: center;
	}
	.single-widget .widget-content img {
		margin: 10px;
		display: inline-block;
		vertical-align: middle;
	}
	.copy-text {
		text-align: center;
	}

	.left-side {
		width: 100%;
		float: none;
		padding-right: 0px;
		margin-bottom: 70px;
	}
	.right-side {
		width: 100%;
		float: none;
		text-align: center;
	}

	.navbar {
		position: relative;
	}
	.main-menu li {
		position: inherit;
	}
	.main-menu li ul.sub-menu {
		top: 80%;
		z-index: 5;
		width: 100%;
		padding: 0px 30px 15px;
	}

	.main-menu li ul.sub-menu li {
		position: relative;
	}
	.main-menu li ul.sub-menu li a {
		display: table;
	}
ul#pfeil_blue li{
	list-style: none;
	list-style-image: none;
	padding-left: 20px;
background-image: url(/wp-content/uploads/2014/07/li_dot_blue.png);
	background-repeat: no-repeat;
	background-position: 0px -2px ;
line-height: px;
}
}
@media (max-width: 801px) and (min-width: 701px) {
#map {
width:95%;
height: 95%;
margin-left:10px;
margin-top: 30px;
margin-right:10px;
display:block;}

.img-re {float: right; width: 130px; height:130px; margin-top:0px;}
.btn-blue{font-size: 14px;}
.top-area{margin-bottom: -7px;}
.logo img{max-width: 100%; margin-bottom: 10px;}
/* posts 4er */
p {margin: 0px 0px 0px}

.text-posts2{
overflow: hidden;
}
.text-posts2 li{
display: block;
float: left;
font-size: 11px;
line-height: normal;
width: 25%;
}
.text-posts2 h2{
padding-top: 0px;
}
.postimg2{
	border: 2px solid #EEEEEE;
	width: 100%;
	height: 100%;
}
/* end posts 4er */

.box-area .single-box {
font-size: 16px;
line-height: 1.3;
width:33%;
padding: 5px;}
.box-area .single-box h2{
height: auto;
font-size: 16px;}
.box-area .single-box img {
width:100%;
height:100%;
float: left;
}

.box-area .single-box figure {
min-height: 270px;
max-height: 300px;}
/* 3er-Boxen Home dark */
.dark-box-area {
margin-bottom: 10px;
float:left;
}
.dark-box-area .dark-single-box {
padding: 10px;
float: left;
width:33%;
margin-top: 0px;
}
.dark-box-area .dark-single-box figure{
/* background: #989898; */
color:#ffffff;
font-size: 16px;
line-height: 1.3;
padding: 10px;
width:100%;
min-height: 200px;
max-height: 190px;
margin-top: 1px;
}
.dark-box-area .dark-single-box img{
float:left;
width: 100%;
height: 100%;
}
.green{
background: #97BF0D;
color:#ffffff;}
.blue{
background: #2174B5;
color:#ffffff;}
.grey{
color:#ffffff;
background: #989898;}
.dark-box-area .dark-single-box figcaption {
height: 0px;
margin-top: 0px;
}
/* 3er-Boxen Home dark */
great {font-size:32px;
}
.btn-blue-small{
font-size:12px;
padding: 3px 7px;}
h1{font-size: 18px; margin-top:0px;}
	.promo-box-area .single-promo-box {
		padding: 0px;
		margin-bottom: 30px;
	}
	.promo-box-area .single-promo-box figure {
		background: #989898;
		padding-top: 0px;
		padding: 10px;
	}
	.promo-box-area .single-promo-box .thumbnail-link {
		width: 55%;
		float: left;
	}
	.promo-box-area .single-promo-box figcaption {
		overflow: hidden;
		padding-left: 13px;
	}
.navbar-toggle {
display: none;
}
ul#pfeil_blue li{
	list-style: none;
	list-style-image: none;
	padding-left: 20px;
background-image: url(/wp-content/uploads/2014/07/li_dot_blue.png);
	background-repeat: no-repeat;
	background-position: 0px -2px ;
line-height: px;
}
}
@media (max-width: 701px) and (min-width: 601px) {
#map {
width:95%;
height: 95%;
margin-left:10px;
margin-top: 30px;
margin-right:10px;
display:block;}

.img-re {float: right; width: 110px; height:110px; margin-top:0px;}
.btn-blue{font-size: 14px;}
.top-area{margin-bottom: 10px;}
.logo img{max-width: 90%}
/* posts 4er */
p {margin: 0px 0px 0px}
h1 {
font-family: 'Ubuntu', sans-serif;
font-size: 12px;
line-height: 1.3;
margin-left: 10px;
margin-top:0px;
float: left;
}
.text-posts2{
overflow: hidden;
}
.text-posts2 li{
display: block;
float: left;
font-size: 11px;
line-height: normal;
width: 25%;
}
.text-posts2 h2{
padding-top: 0px;
}
.postimg2{
	border: 2px solid #EEEEEE;
	width: 100%;
	height: 100%;
}
/* end posts 4er */


.box-area .single-box {
font-size: 14px;
line-height: 1.3;
width:33%;
padding: 5px;}
.box-area .single-box h2{
height: auto;
font-size: 14px;}
.box-area .single-box img {
width:100%;
height:100%;
float: left;
}
.box-area .single-box figure {
min-height: 270px;
max-height: 235px;}
/* 3er-Boxen Home dark */
.dark-box-area {
margin-bottom: 10px;
float:left;
}

.dark-box-area .dark-single-box {
padding: 10px;
float: left;
width:33%;
margin-top: 0px;
}
.dark-box-area .dark-single-box figure{
/* background: #989898; */
color:#ffffff;
font-size: 14px;
line-height: 1.3;
padding: 10px;
width:100%;
min-height: 180px;
max-height: 190px;
margin-top: 1px;
}
.dark-box-area .dark-single-box img{
float:left;
width: 100%;
height: 100%;
}
.green{
background: #97BF0D;
color:#ffffff;}
.blue{
background: #2174B5;
color:#ffffff;}
.grey{
color:#ffffff;
background: #989898;}
.dark-box-area .dark-single-box figcaption {
height: 0px;
margin-top: 0px;
}
/* 3er-Boxen Home dark */
great {font-size:22px;
}
.btn-blue-small{
font-size:11px;
padding: 0px 7px;}
h1{font-size: 16px;}
	.promo-box-area .single-promo-box {
		padding: 0px;
		margin-bottom: 30px;
	}
	.promo-box-area .single-promo-box figure {
		background: #989898;
		padding-top: 0px;
		padding: 10px;
	}
	.promo-box-area .single-promo-box .thumbnail-link {
		width: 55%;
		float: left;
	}
	.promo-box-area .single-promo-box figcaption {
		overflow: hidden;
		padding-left: 13px;
	}
.navbar-toggle {
display: none;
}
ul#pfeil_blue li{
	list-style: none;
	list-style-image: none;
	padding-left: 20px;
background-image: url(/wp-content/uploads/2014/07/li_dot_blue.png);
	background-repeat: no-repeat;
	background-position: 0px -2px ;
line-height: px;
}
}

@media (max-width: 600px) and (min-width: 501px) {
#map {
width:95%;
height: 95%;
margin-left:10px;
margin-top: 30px;
margin-right:10px;
display:block;}
.img-re {float: right; width: 100px; height:100px; margin-top:0px;}
.btn-blue{font-size: 12px;}
.top-area{margin-bottom: 10px;}
.logo img{max-width: 90%}
/* posts 4er */
p {margin: 0px 0px 0px}
h1 {
	font-family: 'Ubuntu', sans-serif;
	font-size: 11px;
	line-height: 1.3;
	margin-left: 10px;
margin-top:0px;
	float: left;
}
.clear-mobile {
display: block;
clear: both;
}
.text-posts2{
	overflow: hidden;
}
.text-posts2 li{
display: block;
float: left;
font-size: 12px;
line-height: normal;
width: 50%;
}

.text-posts2 h2{

padding-top: 0px;
}
.postimg2{
	border: 2px solid #EEEEEE;
	width: 100%;
	height: 100%;
}
/* end posts 4er */


.box-area .single-box {
font-size: 14px;
line-height: 1.3;
width:33%;
padding: 5px;}
.box-area .single-box h2{
height: auto;
font-size: 14px;}
.box-area .single-box img {
width:100%;
height:100%;
float: left;
}
.box-area .single-box figure {
min-height: 270px;
max-height: 235px;}
/* 3er-Boxen Home dark */
.dark-box-area {
margin-bottom: 10px;
float:left;
}

.dark-box-area .dark-single-box {
padding: 10px;
float: left;
width:33%;
margin-top: 0px;
}
.dark-box-area .dark-single-box figure{
/* background: #989898; */
color:#ffffff;
font-size: 14px;
line-height: 1.3;
padding: 10px;
width:100%;
min-height: 180px;
max-height: 190px;
margin-top: 1px;
}
.dark-box-area .dark-single-box img{
float:left;
width: 100%;
height: 100%;
}
.green{
background: #97BF0D;
color:#ffffff;}
.blue{
background: #2174B5;
color:#ffffff;}
.grey{
color:#ffffff;
background: #989898;}
.dark-box-area .dark-single-box figcaption {
height: 0px;
margin-top: 0px;
}
/* 3er-Boxen Home dark */
great {font-size:22px;
}
.btn-blue-small{
font-size:11px;
padding: 0px 7px;}
h1{font-size: 16px;}
	.promo-box-area .single-promo-box {
		padding: 0px;
		margin-bottom: 30px;
	}
	.promo-box-area .single-promo-box figure {
		background: #989898;
		padding-top: 0px;
		padding: 10px;
	}
	.promo-box-area .single-promo-box .thumbnail-link {
		width: 55%;
		float: left;
	}
	.promo-box-area .single-promo-box figcaption {
		overflow: hidden;
		padding-left: 13px;
	}
.navbar-toggle {
display: none;
}
ul#pfeil_blue li{
	list-style: none;
	list-style-image: none;
	padding-left: 20px;
background-image: url(/wp-content/uploads/2014/07/li_dot_blue.png);
	background-repeat: no-repeat;
	background-position: 0px -2px ;
line-height: px;
}
}


@media (max-width: 500px) {
#map {
width:95%;
height: 95%;
margin-left:10px;
margin-top: 30px;
margin-right:10px;
display:block;}

.img-re {float: right; width: 80px; height:80px; margin-top:0px;}
.btn-blue-small {
font-size: 12px;
padding: 0px 15px;
margin: 10px auto 0px;
}
.btn-blue {
font-size: 11px;
padding: 5px 10px;
}
h1{
margin-top: 0px;
font-size: 14px;}
great {
font-size: 22px;}

.box-area .single-box {
font-size: 16px;
width:100%;}
.box-area .single-box br{ display:none; }
.box-area .single-box h2{
height: 100px;
font-size: 18px;}
.box-area .single-box img {
width:50%;
height:50%;
float: left;
margin-right: 30px;}
.box-area .single-box {
width:100%;}
.box-area .single-box figure {
min-height: 220px;
max-height: 220px;}


#schnelltest img {
width: 50%;
}
#schnelltest div {
width: 100%;
padding:15px 0px 0px 0px;
}
#schnelltest input {
	display:none;
}

/* 3er-Boxen Home dark */
.dark-box-area {
margin-bottom: 10px;
float:left;
}
.dark-box-area .dark-single-box {
padding: 10px;
float: left;
width:100%;
margin-top: 0px;
}
.dark-box-area .dark-single-box figure{
/* background: #989898; */
color:#ffffff;
padding: 10px;
width:100%;
min-height: 130px;
max-height: 150px;
margin-top: 1px;
}
.dark-box-area .dark-single-box img{
float:left;
width: 50%;
height: 50%;
margin-right: 20px;
}
.green{
background: #97BF0D;
color:#ffffff;}
.blue{
background: #2174B5;
color:#ffffff;}
.grey{
color:#ffffff;
background: #989898;}
.dark-box-area .dark-single-box figcaption {
height: 0px;
margin-top: 0px;
}
/* 3er-Boxen Home dark */


.clear-mobile {
display: block;
clear: both;
}
.text-posts2 li{
display: block;
float: left;
font-size: 14px;
line-height: normal;
width: 50%;
min-height: 300px;
}
.top-menu {
		margin-right: auto;
		margin-bottom: 5px;
	}
	.left-area {
		width: 100%;
		max-width: inherit;
		float: none;
		text-align: center;
	}
	.right-area {
		width: 100%;
		max-width: inherit;
		float: none;
		text-align: center;
	}
	.logo {
		margin-bottom: 0px;
	}
	.logo img {
		max-width: 80%;
	}
	.support-menu {
		text-align: center;
		margin-bottom: 5px;
	}
	.support-menu li {
		display: inline-block;
	}
	.single-widget {
		display: block;
		background: none;
		text-align: left;
		width: 100%;
		float: none;
		min-height: inherit;
	}
	.promo-box-area .single-promo-box figcaption {
		min-height: inherit;
	}
	.single-widget:last-child {
		text-align: center;
	}

	.btn {
		padding: 10px 20px;
	}

.navbar-toggle {
display: none;
}
.box-area .single-box br{ display: none; }
.dark-box-area .dark-single-box br{ display: none; }
ul#pfeil_blue li{
	list-style: none;
	list-style-image: none;
	padding-left: 20px;
background-image: url(/wp-content/uploads/2014/07/li_dot_blue.png);
	background-repeat: no-repeat;
	background-position: 0px -2px ;
line-height: px;
}
}














@media (max-width: 400px) {
.img-re {float: right; width: 70px; height:70px; margin-top: -5px; margin-right:-10px;}
.box-area .single-box br{ display: table; }
.home-page-content .container {
	padding-top: 0px;
	padding-bottom: 50px;
}
.box-area .single-box figure {
background: #ffffff;
border: 2px solid #EAEAEA;
min-height: 315px;
max-height: 365px;
}
.box-area .single-box h2{
font-size: 16px;
height: auto;
}
.dark-box-area .dark-single-box img {
width:100%;

}
.dark-box-area .dark-single-box figure{
background: #989898;
font-size: 16px;
color:#ffffff;
padding: 10px;
width: 100%;
}
.box-area .single-box img {
width:100%;
height:100%;
margin-bottom: 15px;
}

#schnelltest img, #schnelltest div {
width: 100%;
height: 100%;
}
#schnelltest.narrow img {
margin-bottom:15px;
}

ul#pfeil_blue li{
	list-style: none;
	list-style-image: none;
	padding-left: 20px;
background-image: url(/wp-content/uploads/2014/07/li_dot_blue.png);
	background-repeat: no-repeat;
	background-position: 0px -2px ;
line-height: px;
}

.info h2{
background-image: url(/wp-content/uploads/2014/07/info1.png);
background-repeat: no-repeat;
background-position: left 15px;
padding-left: 20px;
position:relative;
float:left;
width: 100%;
z-index:1;
font-size: 14px;
font-weight: bold;
padding-top: 0px;
margin-bottom: 5px;
color: #494949;
}
.info a:link {
margin-bottom: 1px;}

#map {
width:95%;
height: 95%;
margin-left:10px;
margin-top: 30px;
margin-right:10px;
display:block;}


h1 {
	font-family: 'Ubuntu', sans-serif;
	font-size: 11px;
	line-height: 1.3;
	margin: 0px;
	float: left;
        padding-top:;
	}
h3 {
font-family: 'Ubuntu', sans-serif;
font-size: 12px;
}
great {
		font-size: 15px;
	}

.img_head {
		float: right;
	}

body {
		font-size: 14px;
		line-height: 20px;
	}
h2 {
		font-size: 24px;
	}
.btn {
		padding: 10px 10px;
		font-size: 12px;
	}
	.container {
		padding: 0px 15px;
	}
	.promo-box-area {
		margin-bottom: 30px;
		margin-left: -30px;
		margin-right: -30px;
	}
	.promo-box-area .single-promo-box figure {
		padding: 20px;
	}
	.promo-box-area .single-promo-box .thumbnail-link {
		margin-bottom: 15px;
	}
	.single-widget .widget-content img {
		margin: 0px;
		display: inline-block;
		vertical-align: middle;
	}

.text-posts{
	overflow: hidden;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.text-posts li{
	display: block;
	float: left;
	width: 100%;
	padding-bottom: 0px;
}
.text-posts h2{
line-height: 20px;
height: auto;
}
.text-posts .heading{
	display: block;
	font-weight: bold;
	font-size: 13px;
	color: #444;
	text-decoration: none;
}
.postimg{
	border: 1px solid #EEEEEE;
	background-color: #FFFFFF;
	padding: 5px;
	width: 95%;
	height: 95%;
}

/* posts 4er */
.text-posts2{
	overflow: hidden;
}
.text-posts2 li{
display: block;
float: left;
font-size: 14px;
line-height: normal;
width: 100%;
}

.text-posts2 h2{
padding-top: 15px;
}
.postimg2{
	border: 2px solid #EEEEEE;
	width: 100%;
	height: 100%;
}
/* end posts 4er */

/* posts wie */
.text-posts3{
	overflow: hidden;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.text-posts3 li{
font-size: 6px;
text-align: center;
line-height: normal;
display: block;
float: left;
width: 23%;
margin: 2px;
padding: 2px;
background-color: #EAEAEA;
}

/* end posts wie */

.spalte_links {
float:left;
}
.spalte_links_kl {
width:100%;
}
.spalte_links3 {
margin-top: 8px;
}
.navbar-toggle {
display: none;
}
.box-area .single-box {
padding: 10px;
width:100%;
}
.dark-box-area .dark-single-box {
padding: 10px;
width:100%;
}
.button_footer{
width:195px;
height: 54px;
}
.btn-blue {
display:none;
font-size: 10px;
color: #ffffff;
text-decoration: none;
padding: 2px 10px;
margin: 43px auto 0px;
box-shadow: 0px 2px 5px #272727;
}
.btn-blue li a {
font-size: 10px;
color: #ffffff;
}
.btn-blue a {
color: #ffffff;
}
.dark-box-area .dark-single-box figure{
min-height: 210px;
max-height: 270px;
}
.left-side{
margin-bottom: 30px;
}
.support-menu {
margin-bottom: 10px;
	margin-top: 10px;
	width: 300px;
float:left;
}
.support-menu li {
	list-style: none;
	min-height: 25px;
}
.support-menu li a {
	display: block;
	position: relative;
	padding-left: 30px;
	font-size: 12px;
	text-decoration: none;
	color: #4a4a4a;
}
.support-menu li a .su-icon {
	background-repeat: no-repeat;
	width: 25px;
	display: inline;
	height: 25px;
	line-height: 15px;
	position: absolute;
	top: -3px;
	left: 0px;
}
.support-menu li a .su-icon.icon-call {
	background-image: url('assets/images/call-ecm-factory.png');
}
.support-menu li a .su-icon.icon-message {
	background-image: url('assets/images/message-to-ecm-factory.png');
}
.support-menu li a:hover {
</	color: #2174b5;*/
}

.home-page-content
.container {
padding-top: 40px;
padding-bottom: 10px;}

.spalte_rechts{
width:100%;
padding-right: 20px;
}
.spalte_links3{
width: 100%;}

.spalte_links{
width: 100%;
margin-bottom: 10px;}
.spalte_links2{
margin-top:5px;}

.single-widget .widget-content a{
margin-bottom: 10px;
line-height: 18px;}

}
.new-wrapper span h2 {
	color:white;
}
.new-wrapper span {
	/*background-color: red;*/
	color:white;
	font-size: 12px;
	position:absolute;
	/*bottom:0px;*/
	left:0px;
	padding-left:10px;
	padding: 10px;
	width: 100%;
	display: block;
}
.new-wrapper {
	float:left;
	position:relative;
	width: 100%;
	overflow:overflow;
}
.home-page-content2 .container {
padding-bottom: 40px;}
.techhint {
/*
	background-image: url('/wp-content/uploads/2014/08/techhint.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-right:13px;
*/
}
}