* { padding: 0; margin: 0; }

/* BODY */

body {
  background-color: #ffffff;
    font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.5;
}



/* LANGUAGE */

.box-language {
  font-family: 'Open Sans', sans-serif;
 font-weight: 400;
   font-size: 100%;
  color:  #111;
  line-height: 30px;
  text-decoration:none;
  text-align: left;
 padding: 2% 1% 0% 2%;
 float: right;
}

  a.language {
   font-size: 100%;
  color:  #111;
  line-height: 25px;
  text-decoration:none;
  text-align: left;
 }

a.language:hover {
  color:  #ccc;
  text-decoration:underline;
}


  a.link {
    font-family: 'Open Sans', sans-serif;
 font-weight: 400;
   font-size: 100%;
     background-color:  #B9B4A1;
	 color: #fff;
  line-height: 25px;
  text-decoration:none;
  text-align: left;
  padding: 1% 1% 1% 1%;
 }

a.link:hover {
  color:  #111;
}



/* FOOTER */

  a.footer {
   font-size: 90%;
  color:  #E8E7E2;
  line-height: 25px;
  text-decoration:none;
  text-align: left;
  text-decoration: underline;
   padding: 2% 5% 0% 5%;
 }

a.footer:hover {
  color:  #ccc;
  text-decoration:underline;
}

  a.arrow {
  font-family: 'Open Sans', sans-serif;
 font-weight: 400;
   font-size: 200%;
  color:  #111;
  line-height: 30px;
  text-decoration:none;
  text-align: left;
 padding: 8% 8% 8% 8%;
 }

a.arrow:hover {
  color:  #fff;
}

  a.arrow2 {
  font-family: 'Open Sans', sans-serif;
 font-weight: 400;
   font-size: 200%;
  color:  #111;
  line-height: 30px;
  text-decoration:none;
  text-align: center;
 padding: 8% 8% 8% 8%;
 }

a.arrow2:hover {
  text-decoration:underline;
}


  a.arrow3 {
  font-family: 'Open Sans', sans-serif;
 font-weight: 400;
   font-size: 200%;
  color:  #fff;
  line-height: 30px;
  text-decoration:none;
  text-align: center;
 padding: 8% 8% 8% 8%;
 }

a.arrow3:hover {
  text-decoration:underline;
}


/* HEADER */

#header-blue {
background: #363E4B;
 }
 
#header-blue2 {
background: #363E4B;

 }

#header-brown {
background: #E8E7E2;
min-height: 100%;
 }

#header-abstand{
margin: 8% 0% 2% 0%;
 }

 

/* TEXT */

.box-index {
  font-family: 'Open Sans', sans-serif;
 font-weight: 300;
   font-size: 130%;
  color:  #111;
  line-height: 30px;
  text-decoration:none;
  text-align: left;
 padding: 8% 8% 8% 8%;
}

.box-index span{
  font-family: 'Open Sans', sans-serif;
 font-weight: 400;
   font-size: 200%;
  color:  #111;
  line-height: 30px;
  text-decoration:none;
  text-align: left;
 padding: 8% 8% 8% 8%;
}


.box-index2 {
  font-family: 'Open Sans', sans-serif;
 font-weight: 400;
   font-size: 90%;
  color:  #E8E7E2;
  line-height: 30px;
  text-decoration:none;
  text-align: left;
 padding: 2% 5% 0% 7%;
}

.box-index3{
  font-family: 'Open Sans', sans-serif;
 font-weight: 400;
   font-size: 140%;
  color:  #fff;
  line-height: 30px;
  text-decoration:none;
  text-align: center;
 padding: 1% 5% 1% 5%;
}

.box-index4 {
  font-family: 'Open Sans', sans-serif;
 font-weight: 400;
   font-size: 100%;
  color:  #111;
  line-height: 25px;
  text-decoration:none;
  text-align: center;
 padding: 1% 5% 5% 5%;
}

.box-index4 span{
 font-weight: 500;
   font-size: 120%;
  color:  #363E4B;
}


.box-index5 {
  font-family: 'Open Sans', sans-serif;
 font-weight: 300;
   font-size: 130%;
  color:  #fff;
  line-height: 30px;
  text-decoration:none;
  text-align: left;
 padding: 8% 8% 8% 8%;
}


.box-index6 {
  font-family: 'Open Sans', sans-serif;
 font-weight: 400;
   font-size: 100%;
  color:  #111;
  line-height: 25px;
  text-decoration:none;
  text-align: left;
 padding: 1% 5% 5% 5%;
}

.box-index6 span{
 font-weight: 500;
   font-size: 120%;
  color:  #111;
}


/* IMG */
  img { max-width: 100%; height: auto; }
  img { width: auto; /* IE8 */}

 img.logo { 
 padding: 0% 0% 10% 0%;
 }
 
  img.header{ 
 padding: 0% 0% 8% 0%;
 }
 
 img.icon { 
 padding: 3% 0% 3% 0%;
 }
 
   img.service { 
 padding: 5% 5% 5% 5%;
 }
 
 





/* FONT */
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-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-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-500.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-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-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-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}