/* =========================================================
   TOPBAR / HEADER INFOBEREICH
   Telefonnummer + E-Mail Icon vergrößern
   ========================================================= */

/* Telefonnummer */
#header_meta .phone-info {
  font-size: 14px;
  font-weight: 600;
  color: #6f6f6f;

  letter-spacing: 0.01em;
}


/* E-Mail Icon allgemein */
#header_meta .social_bookmarks a {
  font-size: 21px;

  width: 38px;
  height: 38px;

  line-height: 38px;

  color: #a6c36f !important;
  background: transparent !important;

  transition:
    transform 0.22s ease,
    color 0.22s ease,
    opacity 0.22s ease;
}


/* Hover nur Icon */
#header_meta .social_bookmarks a:hover {
  color: #b8d27f !important;
  background: transparent !important;

  transform: translateY(-1px);

  opacity: 1;
}


/* Trennlinie rechts etwas dezenter */
#header_meta .social_bookmarks {
  border-left: 1px solid rgba(0,0,0,0.08);
  padding-left: 10px;
}

/* Abstand zwischen Telefonnummer und E-Mail Icon */
#header_meta .social_bookmarks {
  border-left: none !important;

  padding-left: 18px;
  margin-left: 12px;
}

/* Mobil etwas kompakter */
@media (max-width: 767px) {

  #header_meta .phone-info {
    font-size: 14px;
  }

  #header_meta .social_bookmarks a {
    font-size: 16px;

    width: 30px;
    height: 30px;

    line-height: 30px;
  }
}