/* CSS Document */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


* { padding:0; margin:0; border:0;}




.wrapper {
  position: relative;
  width: 100%;
  transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
  z-index: 998;
}

.container {
  max-width: 100%;
  margin: 0 auto;
}

.row{
  padding: 0px 0px;
  color: #000;
}

button.menu-toggle{
  position: fixed;
  display: block;
  margin-top: 335px;
  z-index: 20;
  width: 181px;
height: 54px;
}

.menu-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  margin-top: 4px;

}


.navbar {
  position: fixed;
  height: 100%;
  width: 250px;
  top: 0px;
  left: 0px;
  background-color: #d81014;
  transform: translate (-100%, 0);
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  overflow-y: auto;
  z-index:999;
  opacity: 0.9;
  padding-top: 130px;
}

.navbar h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: bolder;
  color: #000;
  padding: 20px 0px 5px 0px;
  text-align: left;
  margin-left: 20px;
}

nav a{
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  display: block;
  padding: 3px;
  text-decoration: none;
  font-size: 12px;
  color: #880c0e;
  margin-left: 30px;
}

.active{
  color: #fff;
  list-style-type:square;}

nav a:hover {
  color: #ccc;
}

nav ul li a{opacity: 1;}




.clear{clear: both;}

#page{
width: 100%;
height: auto;
font-family: 'Open Sans', sans-serif;
height: 1500px;}

#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
  z-index: -1 ;
}

#wrapper{width: 700px;
height: auto;
margin-right: auto;
margin-left: auto;}

h1{
  font-size: 18px;
  padding-left: 20px;
  padding-top:10px;
  font-weight:normal;
  color: #000;
  letter-spacing: 1px;
}

h2{
  font-size: 14px;
  padding-bottom: 5px;
  font-weight: 500;
  color: #000;}

#header{  
width: 700px;
height: 75px;
background-color: #fff;
opacity: .9;
border-bottom:1px solid #f50c19;
border-top:1px solid #f50c19;
margin-top:3%;
margin-right: auto;
margin-left: auto;}

#header p{ 
padding: 0px 10px 5px 20px;
font-weight: 300;
opacity: .9;
color: #848284;
font-size: 14px;}

.logo{padding-left: 60px;}

#navigation{}

#content-bg {
width: 700px;
height: 530px;
background-color: #fff;
opacity: .9;
margin-top:3%;
margin-right: auto;
margin-left: auto;
}

#content {
width: 700px;
height: 530px;
margin-top:3%;
margin-right: auto;
margin-left: auto;
border-bottom:1px solid #f50c19;
border-top:1px solid #f50c19;
color: #828282;
}

#content-text {
    width: 700px;
    height: 530px;
    overflow: auto;
  margin-top:3%;
margin-right: auto;
margin-left: auto;
border-bottom:1px solid #f50c19;
border-top:1px solid #f50c19;
color: #828282;
}

#content-impressum {
width: 700px;
height: 629px;
margin-top:3%;
margin-right: auto;
margin-left: auto;
border-bottom:1px solid #f50c19;
border-top:1px solid #f50c19;
color: #828282;
}
#content-bg-impressum {
width: 700px;
height: 630px;
background-color: #fff;
opacity: .9;
margin-top:3%;
margin-right: auto;
margin-left: auto;
}

.content-img{
  float: left;
  padding-left: 20px;
  padding-top: 20px;}

.content-img-text{
font-size: 10px;
max-width: 100px;
color: #828282;}

.col1, .col2 { 
padding: 0px 10px 5px 10px;
font-weight: lighter;
font-size: 13px;
width: 45%; 
float: left;}

.col1 {padding-left: 8%; padding-right: 5%;padding-top: 20px;}
.col2 {padding-left: 8%; padding-right: 5%; padding-top: 20px;}
.col3 {padding-left: 5%; padding-right: 1%; padding-top: 20px; font-size: 11px;}

.col2-impressum{width: 80%;padding: 20px 5% 0px 8%;
font-weight: lighter;
font-size: 13px;
float: left;}

p{padding: 5px 0px;}
a{color: #B80000;}

#block-1 {
width: 140px;
height: 140px;
background-color: #fff;
opacity: .9;
margin-top:3%;
padding: 10px;
margin:25px 10px 50px 0px;
float: left;}

#block-2 {
width: 140px;
height: 140px;
background-color: #fff;
opacity: .9;
margin-top:3%;
padding: 10px;
margin:25px 10px 50px 10px; 
float: left;
}

#block-3 {
width: 140px;
height: 140px;
background-color: #fff;
opacity: .9;
margin-top:3%;
padding: 10px;
margin:25px 10px 50px 10px; 
float: left;
}

#block-4 {
width: 140px;
height: 140px;
background-color: #fff;
opacity: .9;
margin-top:3%;
padding: 10px;
margin:25px 0px 50px 10px;
float: left;}

#block-inner {
width: 140px;
height: 140px;
}

.pic{width: 100%;height: auto;}

.datenschutz {position: fixed; right: 0; border-bottom: 1px solid #f50c19; background-color:#fff; opacity: .9; z-index: 100;}

.datenschutz a {padding: 15px; font-size: 14px; text-decoration: none;}

a {transition: all 1s;}
a:hover {color:#4a4a4a;}