@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: 'Work Sans', sans-serif, Calibri, Arial;
   padding: 0;
   margin: 0;
   background:white;
   font-size:16px;
  line-height:30px !important;
  min-height:100%;
  height:100%;
    color: #0f2f49;
}

h1, p, ul li a, h2, ul, li{
  font-family: 'Work Sans', sans-serif, Calibri, Arial;
  font-weight: 400;
  font-style: normal;
  line-height:120%;
}
h1 {font-weight:500; color:#064f86;}

p{line-height: 150%;}
.head {width:100%; background:#e5e9f1; background-size:100%; background-position: bottom;background-size:100% 100%;padding:35px 0;}
.head {width:100%; background:#e5e9f1; background-size:100%; background-position: bottom;background-size:100% 100%;padding:35px 0;}
.head {width:100%; background:#e5e9f1; background-size:100%; background-position: bottom;background-size:100% 100%;padding:35px 0;}
.head img {width:400px;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:#064f86;}
.text .text_inner {width:60%;padding-top:75px;margin:0 auto;}
.image img {width:90%;}
.text a {color:#cc1c25;}

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

.footer {background:#e5e9f1; 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: #064f86;}


/* Markierter Text farbig*/
   ::selection { background: #0f2f49; color: white; }
   ::-moz-selection { background: #0f2f49; 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;}
}