﻿body{font-size:1em;font-family: Varela, sans-serif;line-height: 1.5em;}
h1 {font-size:150%;}
h2 {font-size:130%;}
h3 {font-size:120%;}
h4 {font-size:110%;}
h5 {font-size:110%;}
h6 {font-size:110%;}
a {color:#000000;}
a:hover{color:grey;}
p {    color: #5b5f62;}
.full-layout {background-color: #08090B;} 
.wraper{max-width:1250px;margin:auto;}
.first-block {padding: 0;background-color: #f4f7fa;color: #aeb1b3;min-height:50px;width:100%;display:inline-block;}
.first-block-left{width:45%;float:left;padding-left:50px;}
.first-block-right{width:45%;float:right;padding-right:50px;text-align:right;}
.second-block{background-color:white;height:150px;width:100%;display:inline-block;}
.second-block-left{width:270px;height:150px;background-image:url('/images/Hypogeld-Logo2.jpg');float:left;margin-left:50px;}
.second-block-right{margin-right:20px;height:150px;float:right;}
.inline-wrapper{height:50px;float:left;display:inline-block;width:250px;margin-top:30px;}
.icon-image{background-color:#209de2;width:50px;height:50px;float:left;margin-right:15px;background-image:url('/images/phone.jpg');}
.icon-image2{background-color:#209de2;width:50px;height:50px;float:left;margin-right:15px;background-image:url('/images/oeffnungszeiten.jpg');}
.info{width:150px;float:left;margin-top:-10px;line-height:0em;}
.info2{width:150px;float:left;line-height:0em;margin-top:15px;}
.nav {background-color: #191e23;min-height:50px;width:100%;display:inline-block;}
.nav ul{margin:0px;}
.nav ul li {height: 4em;list-style:none;width:10%;float:left;
    font-weight: 100;
    font-size: 1em;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 0 1.2em;
    line-height: 1.7em;
    line-height: 3em;
    color:white;
    padding-top:10px;}
.first {background-color:#da0014;}
li.third {width:20% !important}
.header{background-image: url(https://www.hypogeld.de/wp-content/uploads/2015/06/Trusted-Advice.jpg);height:400px;}
.main{background-color:white;min-height:300px;width:100%;display:inline-block;}
.main-left {width:55%;float:left;padding:50px;}
.main-right{padding-top:50px;padding-right:50px;width:30%;float:right;}
.news-anmeldung {margin-top: 40px;}
.footer{background-color: #191e23;color: #797d82;min-height:300px;width:100%;display:inline-block;}
.footer a {color:#797d82;}
.footer a:hover{color:#ebebeb;}
.footer-first{width:28%;float:left;padding:15px;color:white;margin-left:50px;margin-top:50px;}
.footer-first ul {margin:0px;}
.footer-first ul li {list-style-type: none;margin-bottom: 0;padding-left:0;color:#209de2;}
.footer-second{width:35%;float:left;padding:15px;color: white; font: normal 12px;margin-top:50px;}
.footer-second ul {margin:0px;}
.footer-second ul li{list-style-type: none;margin-bottom: 0;padding-left:0;color:#209de2;}
.footer-third{width:25%;float:left;padding:15px;margin-top:50px;}
.footer-third h4 {color:white;}
.footer-third ul {margin: 0px;}
.footer-third ul li {list-style-type: none;margin-bottom: 0;padding-left:0;}
.nav a {
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
}
p {text-align:justify;}
@media only screen and (max-width: 767px) { 
.wraper{max-width:none;}
}