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

/* GLOBAL STYLES */

* {
    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%;
}

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(http://web-software.at/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-size: 20px;

    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;

}


<!-- 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;
}
.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;
}
.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;
}
/* 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 {
position:relative;
float:left;
width: 100%;
z-index:1;
font-size: 12px;
}
#info a {
color:#494949;
background:#ffffff;
text-decoration:none;
display:block;
float:left;
padding:5px;}
#info a:hover {
color:black;
background:#EAEAEA;
width:100%;}
#info a span {display:none;}
#info a:hover span {
	color:black;
	background:#ffffff;
	display:block;
	padding:10px;
padding-top:10px;
}
/* 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: 14px;
	background-image: url(/wp-content/uploads/2014/08/tipp.png);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	border-radius: 10px;
min-height:80px;}

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;

}



.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: 20px 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;
}


.white-bg {

    background-color: #fff;

}







.header {}

.top-area {

    margin-bottom: 3px;

}



.top-menu {

    display: table;

    margin-left: auto;

}

.top-menu li {

    display: inline-block;

    font-size: 11px;

    line-height: 1;

    border-right: 1px solid #4a4a4a;

    margin-right: 6px;

    padding-right: 10px;

}

.top-menu li:last-child {

    margin-right: 0px;

    padding-right: 0px;

    border: none;

}

.top-menu li a {

    display: block;

    color: #4a4a4a;

    line-height: 1;

    text-decoration: none;

}

.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: 170px;

}

.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 .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/icon-call.png');

}

.support-menu li a .su-icon.icon-message {

    background-image: url('assets/images/icon-message.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: 12px;
    position: absolute;
    min-width: 200px;
    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/banner-bg.jpg') repeat-x;

    background-size: contain;

    height: 328px;

    margin-bottom: 76px;

}



.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;

}



.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: 10px;
}

.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;

}



.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, 
.wpcf7-form textarea {
	width: 100%;
}

input.wpcf7-form-control.wpcf7-submit {
width: 40%;
float: right;
}
img-re{ float: right;}




/*custom responsive css*/

@media (max-width: 990px){
    .banner-area,
    .banner-area.banner-small {
        height: auto;
        margin-bottom: 0px;
    }

    .banner-area .banner-image {
        height: auto;
        width: 147%;
    }
}

@media (max-width: 767px) {

    .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;
    }
}


@media (max-width: 767px) and (min-width: 501px) {

    .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;
}

}

@media (max-width: 500px) {
    .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;
}


}
@media (max-width: 400px) {

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

	.img_head {
	float: right;
	}

	body {
		font-size: 14px;
		line-height: 20px;
	}
	h2 {
		font-size: 18px;
	}
	.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: 5px;
		display: inline-block;
		vertical-align: middle;
		width: 45%;
	}

.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{
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: 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:100%;
height: 100%;
}


}