@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:400,300,700);

body {
	font-family: "Open Sans", Calibri, Tahoma, Verdana, Arial !important;
	margin: 0 0 50px 0;
	color: #999;
	font-size: 15px;
}
.teaser {
	height: 250px;
	background: #ddd;
	font-family: "Open Sans" !important;
	color: #666;
	font-weight: 300;
	font-size: 28px;
}
img {	max-width: 100%; }
em {
	font-weight: bold;
	font-style: normal;
}
i {
	margin: 0 7px 0 15px;
}
ul {
	padding-left: 15px;
}
li {
	color: #a4c400; /* nur der Dot soll farbig sein  */
	padding-bottom: 8px;
}
li span {
	color: #333; /* li text braucht dann span  */
	font-weight: normal;
}
h1, h2 {
    color: #666;
	font-size: 1.2em;
	font-weight: normal !important;
	margin-bottom: 30px;
}
h3 {
	color: #666;
	font-size: 1.1em;
	margin-bottom: 0px;
}
h4 {
	color: #999;
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 0px;
}
.help-block {
	color: #999;
	font-size: 0.9em;
}
a {
    color: #333;
}
.header a, .header a:hover, .header a:visited {
    color: #fff;
}
.container {
    border-left: 1px solid #646464;
    border-right: 1px solid #646464;
    border-bottom: 1px solid #646464;
}
.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}
.spacer {
	 height: 50px;
}
.footer {
	 padding: 50px 15px 15px 15px;
}
.left {		text-align: left !important; }
.center {	text-align: center !important; }
.right {	text-align: right !important; }
.hammes {	font-weight: bold !important; }
.consulting { color: #a4c400 !important; }

@media (max-width: 1023px) {
.teaser {
	font-family: "Open Sans" !important;
	color: #666;
	font-weight: 300;
	font-size: 24px;
}
}