body {
	font-size: 16px;
  line-height: 22px;
}

header {
  height: 50px;

}

#topheaderoff
{
  position: relative;
  margin-top: 0px;
	border: 0px;
	width: 100%;
  opacity: 1;
  height: 1px;
  overflow: hidden;
  background-size: cover;
}

#logo {
  width: 70px;
  height: 25px;
  background-size: 70px 25px;
  margin-top: 12px;
}

div.artikel {
  clear: both;
  display: block;
  width: 100%;
  min-height: 350px;
  margin-bottom: 40px;
  border-bottom: 1px solid #fff;
}

div.artikel h2{
  margin-top: 10px;
}

.eindrittel {
  display: block;
  clear: both;
  width: 100%;
  margin-right: 0%;
  min-height: 200px;
}

.eindrittel img {
  width: 100%;
}

.zweidrittel {
  display: block;
  clear: both;
  width: 100%;
  margin-right: 0%;
  min-height: 350px;
}

.zweidrittel img{
  width: 100%;
}



.container .mix,
.container .gap{
  	display: inline-block;
	width: 100% !importand;
}
.container .mix{
	width: 100% !importand;
	margin-right: 0px;
}

.container .mix {
  float: left;
  margin-bottom: 5px;
  line-height: 0px;
  text-align: left;
  display: none;
}


.projektuebersicht img{
	width: 100%;
	height: auto;
}

.projektuebersicht img:hover{
		filter: none;
	-webkit-filter: none;
}

.projektuebersicht div{
	width: 100%;
	padding: 3% 0% 1% 0%;
	min-height: 55px;
}

a div.projektuebersicht:hover div{
	width: 100%;
	padding: 3% 0% 1% 0%;
	background: transparent;
}

.projektuebersicht div span{
	font-weight: 400;
	display: inline-block;
}

a div.projektuebersicht div:before{
	display: none;

}

a div.projektuebersicht:hover div:before{
	margin-left: 42%;
}

#topheader
{
  height: 160px;
  margin-top: 50px;
}

.starttext {
  width: 100%;
	margin-top: 70px;
}

@media screen and (orientation: landscape) {
#topheader
{
  height: 100px;
  margin-top: 50px;
}

.starttext {
	margin-top: 10px;
}
.container .mix{
	margin-right: 8px;
}
}



#contentcont {
  margin-top: 30px;
}

#refkat {
  width: 150px;
}

h1 {
	font-size: 30px;
  line-height: 35px;
	  margin-bottom: 10px;
}

h2 {
  font-family: "variant_round_bold", Helvetica, Arial, sans-serif;
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 20px;
}

h3 {
  font-family: "variant_round_bold", Helvetica, Arial, sans-serif;
  font-size: 16px;
}

h4 {
  font-family: "variant_round_bold", Helvetica, Arial, sans-serif;
  color: #0079BC;
  font-size: 16px;
}


div.drittel {
  width: 100%;
  clear: both;
  display: block;
  padding-right: 0%;
	margin-bottom: 10px;
}

/* NAVIGATION */

nav {
	line-height: 35px;
	margin-top: 0px;
}

li.topnav {
  font-size: 30px;
}

li.topnav_act {
  font-size: 30px;
}

/* SUBNAVIGATION */
.subnavi {
	line-height: 30px;
}

li.subnavidiv {
  font-size: 20px;
}

li.subnavidiv_act {
	font-size: 20px;
}

/* LINKTAGS NAVIGATION */

.navbar-toggle {
	margin-top: 15px;
}

#footerfixed{
position: absolute;
bottom: 20px;
width: 100%;
margin-top: 0px;
}

#kontaktformular{
	width: 100%;
	margin-right: 0%;
}

/* NEWS */
#newsbutton{
  position: fixed;
  bottom: -50px;
  left: 96%;
  margin-left: -100px;
  width: 100px;
  height: 100px;

  z-index: 1;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
	-webkit-animation: none; /* Safari 4+ */
  -moz-animation:    none; /* Fx 5+ */
  -o-animation:      none; /* Opera 12+ */
  animation:         none; /* IE 10+, Fx 29+ */
}