body {
  font-family: Arial, sans-serif;
  font-size: 17px;
  color: #4f4f4f;
  margin: 0; }

ul, li {
  margin: 0;
  padding: 0; }

address {
  font-style: normal; }

a {
  text-decoration: none;
  color: #4f4f4f; }
  a:visited {
    color: #4f4f4f; }
  a:hover {
    text-decoration: underline; }

p, address, ul {
  line-height: 150%; }

img {
  max-width: 100%; }

h1 {
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: 50px; }

h2 {
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: 50px; }

h4 {
  font-weight: 400; }

header ul {
  list-style-type: none; }
  header ul:after {
    clear: both;
    content: "";
    display: block; }
  header ul li {
    float: left; }
header .headerImages {
  margin: 30px; }
  header .headerImages li:nth-child(1) {
    width: 35%;
    padding-top: 15px; }
  header .headerImages li:nth-child(2) {
    width: 44%; }
  header .headerImages li:nth-child(3) {
    width: 21%;
    text-align: right;
    padding-top: 15px; }
  header .headerImages li.phonenumbers {
    background-image: url("../img/kfz_schlott_telefon_bg.png");
    background-repeat: no-repeat;
    background-position-y: 15px;
    background-size: 100%; }
header nav {
  background-image: linear-gradient(180deg, #F0F0F0 0%, #C8C8C8 100%); }
  header nav ul {
    list-style-type: none; }
    header nav ul:after {
      clear: both;
      content: "";
      display: block; }
  header nav li {
    float: left;
    text-align: center;
    padding: 18px 0;
    width: 20%; }
    header nav li a {
      color: #1574ab;
      font-size: 20px;
      font-family: "Arial Narrow", Arial, sans-serif;
      font-weight: 700; }
      header nav li a:visited {
        color: #1574ab; }

.mainBackground {
  background-color: #F0F0F0;
  padding-bottom: 25px; }

main {
  background-color: #ffffff; }

section {
  padding: 50px 65px; }
  section h4 {
    margin: 0; }
  section h2 {
    margin-top: 20px; }
  section:nth-of-type(1) {
    border-bottom: 3px #1574ab solid; }
    section:nth-of-type(1) a, section:nth-of-type(1) h2, section:nth-of-type(1) h4 {
      color: #1574ab; }
    section:nth-of-type(1) div {
      margin-top: 50px; }
  section:nth-of-type(2) {
    border-top: 1px #ffffff solid;
    border-bottom: 3px #0f5880 solid;
    color: #ffffff;
    background-color: #1574ab; }
    section:nth-of-type(2) a, section:nth-of-type(2) h2 {
      color: #ffffff; }
  section:nth-of-type(3) {
    border-top: 1px #69c8fd solid;
    border-bottom: 3px #ffffff solid;
    color: #69c8fd;
    background-color: #0f5880; }
    section:nth-of-type(3) a, section:nth-of-type(3) h2 {
      color: #69c8fd; }
  section:nth-of-type(4) {
    border-top: 1px #0f5880 solid;
    color: #0f5880;
    background-color: #ffffff; }
    section:nth-of-type(4) a, section:nth-of-type(4) h2 {
      color: #0f5880; }

footer {
  padding: 0px 65px 25px 65px;
  color: #0f5880;
  background-color: #ffffff; }

.wrap {
  max-width: 1250px;
  margin: 0 auto;
  display: block; }

.banner {
  box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.75);
  background-image: url("../img/kfz_schlott_banner.png");
  background-color: #1872A8;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden; }
  .banner:before {
    box-shadow: inset 0px 10px 10px -8px rgba(0, 0, 0, 0.8);
    position: absolute;
    width: 100%;
    height: 20px;
    content: ""; }
  .banner:after {
    clear: both;
    content: '';
    display: block; }
  .banner img {
    float: right; }

.impressum {
  font-size: 9px;
  color: #C8C8C8; }

.listWithImage {
  overflow: hidden; }
  .listWithImage .list {
    width: 55%;
    border-top: 1px solid white;
    border-bottom: 1px solid white; }
    .listWithImage .list h5 {
      margin-top: 30px;
      margin-bottom: 0px;
      font-size: 20px; }
    .listWithImage .list ul {
      padding: 20px; }
  .listWithImage .image {
    width: 45%; }

.contact strong {
  margin-right: 20px; }

.alignCenter {
  text-align: center; }

.floatLeft {
  float: left; }

.floatRight {
  float: right; }

#responsivePhonenumbers {
  padding-left: 35%;
  font-size: 30px;
  font-weight: bold;
  line-height: 160%;
  padding-top: 3%;
  padding-bottom: 4%; }

@media screen and (max-width: 1500px) {
  #.banner {
    background-position-x: -400px; } }
@media screen and (max-width: 1065px) {
  #responsivePhonenumbers {
    font-size: 24px; } }
@media screen and (max-width: 810px) {
  #responsivePhonenumbers {
    font-size: 20px; } }
@media screen and (max-width: 680px) {
  #responsivePhonenumbers {
    font-size: 14px;
    padding-top: 6%; } }
/** ContactForm */
.contactform {
  margin: 20px 0; }

.error {
  border-color: red;
  color: red; }

label {
  display: block;
  font-weight: 700;
  font-size: 12px;
  margin-top: 20px; }

input,
textarea {
  width: 100%;
  height: 25px;
  font-size: 18px;
  padding: 5px; }

textarea {
  height: 150px; }

input[type=submit] {
  width: 150px;
  margin-top: 20px; }

#contactformMessage {
  margin: 20px 0; }

/*# sourceMappingURL=style.css.map */