@font-face {
   font-family: 'Metropolis Regular';
   url(../objects/fonts/metropolis-regular-webfont.ttf) format('ttf');
   src: url(../objects/fonts/metropolis-regular-webfont.eot),
   url(../objects/fonts/metropolis-regular-webfont.woff) format('woff'),
   url(../objects/fonts/metropolis-regular-webfont.ttf) format('truetype'),
   url(../objects/fonts/metropolis-regular-webfont.svg) format('svg');
   }
 @font-face {
   font-family: 'Metropolis Medium';
   url(../objects/fonts/metropolis-medium-webfont.ttf) format('ttf');
   src: url(../objects/fonts/metropolis-medium-webfont.eot),
   url(../objects/fonts/metropolis-medium-webfont.woff) format('woff'),
   url(../objects/fonts/metropolis-medium-webfont.ttf) format('truetype'),
   url(../objects/fonts/metropolis-medium-webfont.svg) format('svg');
   }


/* LIGHTGREY f2f2f2 DARKGREY 363636 GREY 8a8a8a MANGO f1c53f*/


html {
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
   font-family: Metropolis Regular, Calibri, Arial;
   padding: 0;
   margin: 0;
   background:#f9f9f9;
   font-size:16px;
  line-height:30px !important;
  min-height:100%;
  height:100%;
    color: grey;
}

h1, p, ul li a, h2, ul, li{
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-style: normal;
  line-height:120%;
}
p{line-height: 150%;}
ul, li {padding:0;}
.head {width:100%; background:url('../img/head.png') no-repeat; background-size:100%; background-position: bottom; height:150px;background-size:100% 100%;padding:25px 0 0 0;}
.head img {width:300px;display:block; margin:0 auto;}
.clear {clear:both;}

.box {width:90%; margin: 0 auto;padding: 50px 0;}
.image, .text {width:50%; float: left; text-align: center;}
.text p {color:#af7a5d;}
.text .text_inner {width:60%;padding-top:75px;margin:0 auto;}
.image img {width:90%;}

.box a.button img {width:170px;}
.box a.button {margin-top:10px;display:inline-block;}

.footer {background:#9eac00; width:100%;padding:10px 0; text-align: right;}
.footer_inner {width:90%; margin:0 auto;}
.footer ul, .footer li {display:inline; list-style:none;}
.footer li+li a {padding-left:20px; }
.footer li a {text-decoration: none; color: white;}


/* Markierter Text farbig*/
   ::selection { background: #9eac00; color: white; }
   ::-moz-selection { background: #9eac00; color: white; }


/* Responsive Optimierung */
@media (max-width: 1400px) {
    .box {width:90%; margin: 0 auto;}
}

@media (max-width: 1200px) {
.text .text_inner {padding-top:50px;}
}

@media (max-width: 1120px) {
.text .text_inner {width:80%;}
}
@media (max-width: 950px) {
    .head {background-size:auto; overflow: hidden;}
.box {padding: 0 0 50px 0;}
    .image {width:85%; float:none; margin:0 auto;}
 .text {width:70%; float:none; margin:0 auto;}
    .head img {width:250px;}
    .text .text_inner {width:60%; margin:0 auto;}
    .text {margin-bottom:50px;}
    .footer {text-align: center;}
    ul li {display:block;}
    .footer ul, .footer li {display:block; line-height: 120%;}
    .footer li+li a {padding-left:0; }
}

@media (max-width: 850px) {
    .image {width:85%; float:none; margin:0 auto;}

 .text {width:90%; float:none; margin:0 auto;}
    .text .text_inner {width:80%; margin:0 auto;}
}