@charset "UTF-8";
/* Buttons */
/* Panels */
/* We use this to control the maximum blocks and spacing */
/* Enables media queries for block-grid classes. Set to false if writing semantic HTML. */
/* We use this % to control how much we darken things on hover */
/* We use these to set default inner padding and bottom margin */
/* We use these to set default font colors */
/* @group FONT-SIZES */
/* @end > FONT-SIZES */
/* @group FONT-FAMILY */
/* @end > FONT-FAMILY */
/* @group PFEIL (») VOR LINK */
/* @end > PFEIL (») VOR LINK */
/* @group TEXT-OVERFLOW */
/* @end > TEXT-OVERFLOW */
/* @group BODY-BG-IMAGE */
/* @end > BODY-BG-IMAGE */
/* @group PANEL */
/* @end > PANELS */
/* @group DOTTED BOX */
/* @end > DOTTED BOX */
.block.block-contact {
  border-width: 1px;
  border-style: solid;
  border-color: #E9E8E6;
  border-radius: 3px;
  background: #FBFBFB !important;
  padding-top: 0; }
  .block.block-contact .block-title {
    margin-top: 0;
    padding: .8rem; }
  .block.block-contact .block-content {
    padding: .33333rem 1rem 0; }

.block > .block-contact {
  border-radius: 0;
  border: 0; }

.contact--data {
  position: relative; }
  .contact--data::after {
    clear: both;
    content: "";
    display: table; }

.contact--image {
  position: absolute;
  left: 0;
  right: 180px;
  width: auto;
  height: auto; }
  .contact--image img {
    width: 100%;
    max-width: 160px; }
  @media all and (max-width: 72.5em) {
    .contact--image {
      position: relative;
      left: auto;
      right: auto;
      width: 100%;
      text-align: center; } }

.contact--info {
  float: right;
  width: 165px; }
  .contact--info h4 {
    font-size: 1.53333rem;
    margin-bottom: 0; }
  @media all and (max-width: 72.5em) {
    .contact--info {
      float: none;
      width: 100%; } }
  .contact--info .tablet-expand {
    display: none; }
    @media all and (max-width: 51.875em) {
      .contact--info .tablet-expand {
        display: inline; } }
/*# sourceMappingURL=scm_contact.css.map */