/* CSS Document */
/* CSS Document */
/* Global defines */
/* Global Colors */
/* white */
/* light grey */
/* light grey */
/* very light grey */
/* dark red */
/* Global fonts */
/* Mixins */
/* ------------------------------------------------------------------ */
/* contact */
.contact-data, .contact-phone {
  color: #a40106;
  font: 500 26px/26px "Noto serif", Georgia, "Times New Roman", sans-serif;
  margin: 0 auto 20px;
  text-align: center;
  /* width:500px; */
}

.contact-data span, .contact-phone span {
  color: #444;
  font: 300 24px/24px Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin: 0 20px 0 0;
  text-align: center;
  /* width:165px; */
  display: inline-block;
  letter-spacing: 0;
}

.contact-phone {
  letter-spacing: -1px;
  font: 500 40px/40px "Noto serif", Georgia, "Times New Roman", sans-serif;
  color: #333;
}

.contact-phone em {
  font: 300 18px/40px Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: 0;
  margin-left: 165px;
}

.contact-data a {
  color: #a90000;
}

.contact-table {
  /* width:80%; */
  margin: 30px 0;
  width: 100%;
}

#contact .contact-table {
  margin: 30px auto;
  width: auto;
}

.contact-table td {
  padding: 7px 0 7px 0;
  font: 300 18px/24px Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: left;
  width: 67%;
}

.contact-table td.attr {
  color: #999;
  text-align: left;
  width: 30%;
  white-space: nowrap;
  padding-right: 3%;
}

.contact-table td a {
  color: #a90000;
}

.contact-table td strong {
  font-weight: 500;
}

@media screen and (max-width: 550px) {
  .contact-data, .contact-phone {
    width: 100%;
  }
  /* .contact-table {
  			width:80%;
  		} */
  .contact-data, .contact-phone {
    font: 500 23px/23px Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
  }
  .contact-phone {
    font: 500 36px/36px Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
  }
  .contact-phone em {
    margin-left: 145px;
  }
  .contact-data span, .contact-phone span {
    font: 300 20px/20px Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
    /* width:115px; */
  }
  .contact-table td {
    font: 300 16px/22px Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
  }
}
@media screen and (max-width: 550px) {
  .contact-data span, .contact-phone span {
    width: 100%;
    margin: 0 0 10px;
    text-align: center;
  }
  .contact-data, .contact-phone {
    text-align: center;
  }
  .contact-table, .contact-table tbody, .contact-table tr, .contact-table td, .contact-table td.attr {
    display: block;
    text-align: center !important;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  #impressum .txt-cnt, #impressum .txt-cnt p {
    text-align: center;
  }
}

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