@charset "UTF-8";
/* CSS Document */
body {margin: 0; font-family: 'Roboto', sans-serif;font-weight: 300; }
/*html { background-image: url(images/harz.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }*/
body {
  background: url(images/harz.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.main {
  width: 100%;
  height: auto;
  position: fixed;
  top: 40%;
  left: 0;
	background-color: #708bba;
	color: #ffffff;
	
}
.content { width: 1200px;margin-left: auto; margin-right: auto; font-size: 18px; line-height:26px }

h2 {font-size: 18px;text-transform: uppercase; margin-bottom: 15px; margin-top: 60px; font-weight: 700;letter-spacing: 1px }
/*#bg { position: fixed; top: 0; left: 0; right: 0}*/
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

.left {float: left;width: 50%;}
.right { float: left;width: 50%;padding-bottom: 40px;}
strong {font-weight: 500;}
.txt {padding: 20px;}
.imprint{padding-left: 20px;display: block; clear: both;}
.imprint a{color: #ffffff; text-decoration: none}

@media (min-width: 480px) {
  .content {
    width: 460px;
  }
}
@media (min-width: 768px) {
  .content {
    width: 740px;
  }
}
@media (min-width: 992px) {
  .content {
    width: 960px;
  }
}
@media (min-width: 1200px) {
  .content {
    width: 1160px;
  }
}
@media (min-width: 480px) {
  .left, .right {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .left, .right {
    width: 50%;
  }
  
}
@media (min-width: 992px) {
  .left, .right {
    width: 50%;
  }
  
}
@media (min-width: 1200px) {
  .left, .right {
    width: 50%;
  }
	}