﻿#info, #statement{width:100%;}
#info-text a{color:#ff6e54;text-decoration:none;}
#info-pic{width:30%;}
#info-text{width:100%;text-align:left;}
#info-text img{float:left;padding:0 4% 3% 0;}
#info-text .imgright img{float:right;padding:0 0 3% 4%;}
#statement-pic, #statement-box{width:50%;}
#info-text, #statement-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;}
#infotext h3, #statement-box h3{flex-basis:calc(51.33333% - 15px);flex-grow:0;flex-shrink:0;max-width:600px;line-height:1.6;font-weight:normal;font-size:1.2em;}
#statement-box h3:after{display:block;background-color:#ff6e54;width:100px;height:4px;content:"";margin:0 auto;margin-top:20px;}
#kunden, #team{max-width:1440px;margin:0 auto;}
#kunden img{max-width:50%;margin:0 2rem;width:150px;opacity:.5;transition:all 200ms ease;margin-top:4rem;-webkit-filter: grayscale(100%);filter: grayscale(100%); -webkit-transition: all 200ms ease;}
#kunden img:hover{-webkit-filter: grayscale(0%);filter: grayscale(0%);opacity:1;}
#kunden h3, #team h3{font-size:1.6em;}
#team{text-align:left !important;padding:4rem 30px; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.row{width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.col{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;padding-right: 2rem;padding-left: 2rem;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;}
span{color:#ff6e54}
#footer .wrapper3{width:100%;max-width:1440px;margin:0 auto;}
#footer .row{padding:1.6rem 0}
#footer a{color:#8492a6;text-decoration:none;padding:0 20px;}
.left{text-align:left;}
.right{text-align:right;}
.okay{color:#25c605;font-size:1.6em;font-weight:bold;}
@media screen and (max-width: 440px){
#kunden{text-align:left;}
#kunden img{display:block;margin:0 auto;}
#team{padding:4rem 4%;}
.col{padding-left:0;padding-right:0;}
#footer .left, #footer .right{text-align:center;}
#footer .left:after{display:block;margin:24px auto 8px;background:#ff6e54;width:100px;height:4px;content:""}
}
