#footer a:hover{color:rgb(0,160,153,1);} #footer{ width: 100%; background: #222; height: auto; text-align: left; position: relative; bottom: 0; font-size: 12px; line-height: 28px; } .footerinhalt{ width: 1650px; margin: 0px auto; max-width: 100%; } #footertop{ padding-bottom: 40px; color: #999; } #footer h2{ margin-bottom: 20px; font-family: Raleway, Arial, Helvetica; letter-spacing: 0.5px; font-size: 13px; color: #FFF; text-align: left!important; } #footerc1, #footerc2, #footerc3{float: left;} #footerc4, #footerc5{ float: right; padding-left: 50px; } #footerc4{text-align: right;} #footerc4 img{width: 200px;} #footerc1, #footerc2{padding-right: 50px;} #footer i{width: 20px;} #footerbottom{ border-top: 1px solid #FFF; padding-top: 40px; text-align: center; color: #999; font-size: 10px; } #footerbottom img{ width: 35px; padding: 0px 5px 0px 5px; } .test{display: none;} .jobboerse{font-family: century-gothic, sans-serif;} /* ---------- MEDIA QUERIES ---------- */ @media screen and (max-width: 988px) { #footerc1{ width: 25%; padding-right: 1%; padding-left: 1%; } #footerc2, #footerc3{ width: 37.5%; padding-right: 1%; padding-left: 1%; text-align: left; } #footerc5{clear: both;} #footerc4{ width: 37,5%; float: left; padding-left: 1%; text-align: left; padding-top: 30px; } #footerc5{ width: 62,5%; float: left; padding-left: 10px; text-align: left; padding-top: 0px; } .mobilnone{display: none!important;} .test{display: inline-block;} } @media screen and (max-width: 768px) { #footerc1, #footerc2, #footerc3, #footerc4{ width: 50%; padding: 2%; text-align: left; float: left; } #footerc5{ width: 100%; padding: 30px 2% 2% 2%; text-align: center; float: none; } #footertop{ display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 600px) { #footerc1, #footerc2, #footerc3, #footerc4, #footerc5{ width: 100%; padding: 2%; text-align: center; } #footer h2{text-align: center!important; } } /* -------- MEDIA QUERIES ENDE -------- */ #footertext{ text-align:center; background:rgb(0,160,153,1); color:#FFF; padding: 10px; }