/* Fonts */
@font-face {font-family: DIN; src: url(../fonts/D-DIN-PRO-400-Regular.otf) format('truetype');}
@font-face {font-family: DIN Bold; src: url(../fonts/D-DIN-PRO-700-Bold.otf) format('truetype');}

:root {
  --black: #000;
  --darkgrey: #222;
  --grey: #333;
  --lightgrey: #d5d5d5;
  --main-color: #D52B1E;
  --main-font: DIN, sans-serif !important;
  --main-font-bold: DIN Bold, sans-serif !important;
  --body-font: "Open Sans", sans-serif !important;}

.visible-xs {display: none !important;}
.dlheader {width: 100%; background-color: #fff; border-bottom: .3em solid #000;}

.dlheader a {text-decoration: none; color: #000;}
.dlheader a:hover {color: var(--main-color); text-decoration: none;}
.dlheader_top {display: flex; justify-content: space-between; align-items: center; font-family: var(--main-font-bold); text-transform: uppercase; font-size: 1.1em; padding: 0;}
.dlheader_top_logo {display: flex; align-items: center; padding-left: 3em;}
.dlheader_top_logo a {display: flex; justify-content: center; align-items: center; padding: 0;}
.dlheader_top_logo a img {height: 3.8em;}

.dlheader_top_info {display: flex; align-items: center; gap: 3em;}
.dlheader_top_address {font-family: var(--main-font) !important; text-transform: none; display: flex; align-items: center;}
.dlheader_top_phone {font-size: 1.8em; display: flex; align-items: center;}
.dlheader_top_phone i {font-size: .8em;}

.dlheader_top_right {display: flex; align-items: center;}
.dlheader_top_right_logo img {height: 3.4em; margin-right: 2em;}
.dlheader_top_right_home {background-color: #ff0000; padding: 1.6em 1.4em; font-size: 1.28em;}
.dlheader_top_right_home:hover, .dlheader_top_right_home:focus {background-color: var(--main-color);}
.dlheader_top_right_home i {color: #fff;}

@media (max-width: 769px){
  .visible-xs {display: block !important;}
  .hidden-xs {display: none !important;}
  .dlheader {padding: 0 0 0 1em; font-size: 16px !important;}
  .dlheader_top {flex-wrap: unset; font-size: 1em;}
  .dlheader_top_logo {margin-right: 1em; padding-left: 0; padding-bottom: .5em;}
  .dlheader_top_logo a {white-space: nowrap; padding: .5em 0 0 0;}
  .dlheader_top_logo a img {height: 2em;}
  .dlheader_top_info {gap: 1em;}
  .dlheader_top_phone {font-size: 1.2em;}
  .dlheader_top_right_logo img {height: 2em; margin-right: 1em;}
  .dlheader_top_right_home {padding: 1em; font-size: 1em;}
}