/************************************************
 **************** Breakpoints *******************
 ************************************************/
/************************************************
 ******************* Color **********************
 ************************************************/
/************************************************
 ****************** Mixins **********************
 ************************************************/
.sidebar {
  padding-left: 50px;
}
.sidebar .contact-sidebar {
  padding-top: 4px;
  background: #f4f4f4;
  top: -45px;
  z-index: 3;
}
.sidebar .contact-sidebar .gradient {
  position: absolute;
  width: 100%;
  height: 4px;
  top: 0;
  left: 0;
  background: url("https://www.webda.de/wp-content/themes/wwt/public/css/widgets/../../images/gradient.webp") 50% 0 repeat-y #be7e0e;
}
.sidebar .contact-sidebar .info {
  padding: 15px 25px;
}
.sidebar .contact-sidebar .info strong {
  font-size: 24px;
  font-weight: 600;
}
.sidebar .contact-sidebar .info span {
  font-size: 16px;
}
.sidebar .contact-sidebar .info .direct-contact {
  padding: 25px 0;
}
.sidebar .contact-sidebar .info .direct-contact .mail {
  padding-left: 32px;
  font-size: 24px;
  background: url("https://www.webda.de/wp-content/themes/wwt/public/css/widgets/../../images/ico-mail-b.webp") 0 11px no-repeat;
}
.sidebar .contact-sidebar .info .direct-contact .mail a {
  font-size: 24px;
  color: #272727;
}
.sidebar .contact-sidebar .info .direct-contact .mail a:hover {
  text-decoration: underline;
}
.sidebar .contact-sidebar .info .direct-contact .phone {
  padding-left: 32px;
  font-size: 24px;
  background: url("https://www.webda.de/wp-content/themes/wwt/public/css/widgets/../../images/ico-phone-b.webp") 0 8px no-repeat;
}
.sidebar .contact-sidebar .info .opening-hours td {
  font-size: 16px;
}
.sidebar .contact-sidebar .info .opening-hours strong {
  font-size: 16px;
  padding-left: 25px;
  background: url("https://www.webda.de/wp-content/themes/wwt/public/css/widgets/../../images/ico-clock-b.webp") 0 4px no-repeat;
}
.sidebar .contact-sidebar .info .opening-hours table {
  margin-top: 3px;
}
.sidebar .contact-sidebar .info .opening-hours table td {
  padding: 2px 0;
}
.sidebar .contact-sidebar .info .social {
  margin: 20px 0 10px -15px;
}
.sidebar .contact-sidebar .info .social .twitter a {
  display: inline-block;
}
.sidebar .contact-sidebar .info .social .twitter img {
  width: 32px;
  height: 32px;
}
.sidebar .contact-sidebar .info .social .blog .button {
  border: 1px solid #d0d0d0;
  background: url("https://www.webda.de/wp-content/themes/wwt/public/css/widgets/../../images/ico-webdablog.webp") 6px 5px no-repeat #ffffff;
  font-size: 14px;
  padding: 4px 9px 4px 26px;
}
.sidebar .contact-sidebar .info .social .blog .button:hover {
  background-color: #d0d0d0;
  color: #272727;
}
.sidebar .contact-sidebar .map img {
  height: 100%;
}