.kontakt{ -moz-hyphens: auto!important; -o-hyphens: auto!important; -webkit-hyphens: auto!important; -ms-hyphens: auto!important; hyphens: auto!important; } .kontaktleft{ width: 600px; max-width: 100%; margin: 0px auto; } .kontaktinhaltleft{ text-align: right; width: 130px; margin-right: 15px; } .kontaktinhaltright{width: calc(100% - 145px);} .kontaktinhaltright, .kontaktinhaltleft{ float: left; margin-bottom: 10px; } .kontaktinhaltright input, .kontaktinhaltright textarea{ width: 100%!important; margin-left: 0px!important; } .kontaktinhaltright input[type="submit"], .kontaktinhaltright input[type="submit"]:focus{ width: 100%; background: #333; color: #FFF; padding: 10px 0px; } .email_erfolg{ background-color: chartreuse; text-align: center; padding: 5px 10px; margin-top: 0px; font-family: Raleway, Arial, Helvetica; } .kontakt_senden_button{cursor: pointer;} /* ---------- MEDIA QUERIES ---------- */ @media screen and (max-width: 1150px) {} @media screen and (max-width: 988px) {} @media screen and (max-width: 850px) { .kontaktleft, .kontaktright{ float: none; width: 100%; text-align: center; } .kontaktleft{margin-bottom: 70px;} } @media screen and (max-width: 768px) {} @media screen and (max-width: 635px) {} @media screen and (max-width: 550px) { .kontaktinhaltleft{ text-align: left; width: 100%; margin-right: 0px; } .kontaktinhaltright{ width: 100%; } .kontaktinhaltright, .kontaktinhaltleft{ float: none; margin-bottom: 10px; } } @media screen and (max-width: 480px) {} /* -------- MEDIA QUERIES ENDE -------- */