html, 
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

body{
    width: 979px;
    margin:0 auto;
}

header img{
    width: 100%;
    height: auto;
}

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

.row:after {
	clear: both;
}


.col-left {
		width: 56%;
    float:left;
	}

.col-right{
    width: 44%;
    float:left;
}

.col-left .col-inner{
    padding:15px 40px 0 39px;
}

.col-right .col-inner{
    margin-top:42px;
    padding: 0 40px 0 15px;
    border-left: 1px solid #000;
}

.col-left-left{
    width: 50%;
    float: left;
}

.col-left-right{
    width: 50%;
    float: left;
}

.logo-hefe{
    padding-bottom: 17px;
    width: 184px;
    height: auto;
}

p{
    padding-bottom: 20px;
}

.social{
    float:left;
    margin:5px 5px;
    width: 30px;
    height: auto;
}

.helio{
    width: 195px;
    height: auto;
}

a:link, a:visited{
    color:#666666;
    text-decoration: none;
}

.red{
    color:#a11e1e;
    font-weight: 700;
}

.news-titel{
    width: 67px;
    height: auto;
    padding-bottom: 20px;
}

.banner{
    padding-bottom: 40px;
}

.col-right-left{
    width: 42%;
    float:left;
}
.col-right-right{
    width: 58%;
    float:left;
}

.col-right-right img{
    width: 100%;
    height: auto;
}

ul{
    margin:0;
    padding:0 0 0 10px;
     list-style: none;
}

ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #c18a10; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.news{
    padding-bottom: 40px;
}