@charset "utf-8";
/* CSS Document */

html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; font-family: 'Roboto Condensed', sans-serif; font-size:20px; background-color: #415159;}
img {width: 100%; height: auto; border: 0;}
h1, h2 {font-size: 40px; margin: 0 0 40px 0; color: #ffffff;}
p {margin: 0;}
a {color: #ffffff; text-decoration: none;}
a:hover {color: #9eae43;}
.link {color: #9eae43!important; text-decoration: none;}
.link:hover {color: #ffffff!important;}


.logo-area {width: 100%; padding: 80px 0; background-color: #ffffff;}
.logo {width: 60%; max-width: 400px; margin: 0 auto;}

.content {width: 90%; max-width: 860px; margin: 80px auto 0 auto;}
.welcome {color: #ffffff; padding-bottom: 80px; border-bottom: 2px #9eae43 solid; text-align: center;}
.kontakt {color: #ffffff; padding: 80px 0; text-align: center;}

.kontakte {text-align: center; color: #ffffff; line-height: 32px; font-size: 26px; margin: 0 auto 40px auto; font-weight: bold;}
.phone img, .mobil img, .mail img {max-width: 32px; line-height: 32px; margin-right: 15px; max-height: 32px;}
.phone, .mobil, .mail {line-height: 32px; display: inline-flex;}
.phone, .mobil {margin-right: 25px;}
.mail a {color: #ffffff; text-decoration: none;}
.mail a:hover {color: #9eae43;}

.adresse {text-align: center; color: #ffffff; margin: 0 auto 80px auto;}
.company {color: #9eae43;}

.last-line {text-align: center; font-size: 14px; color: #e2e2e2; padding-bottom: 80px;}
.impressum {font-size: 12px; position: relative; top: 400px; color: #fff; box-sizing: border-box; padding: 60px 0;}
.impressum h2 {font-size: 20px;}
.impressum p {margin: 0 0 20px 0;}
@media screen and (max-width: 895px){
.kontakte {display: table; text-align: left;}
.contacts {display: table;}
.phone, .mobil {margin-right: auto;}
}