:root {
  --red: #e30613;
  --blue: #073b8c;
  --yellow: #f9b900;
  --black: #10192b;
  --muted: #5e6470;
  --line: #e3e7ef;
}

/* White icon discs for the Vorher/Nachher project cards. */
.project-info > img {
  background: #fff;
  border: 1px solid #ededed;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.12);
}

/* Dogan & Sohn brand treatment */
.header{background:#071731;border-bottom:3px solid var(--yellow)}
.logo{width:176px;height:84px;overflow:hidden}
.logo img{width:100%;height:100%;object-fit:cover;object-position:center}
.nav{color:#fff}
.nav a.active,.nav a:hover{color:var(--yellow)}
.nav a.active:after{background:var(--yellow)}
.phone-button{background:var(--red);box-shadow:0 6px 18px rgba(227,6,19,.22)}
.btn--red{background:linear-gradient(90deg,var(--blue),#0b50b4)}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--blue) 0 33%,var(--red) 33% 66%,var(--yellow) 66%)}
.eyebrow,.center-heading p,.extra-label,.contact-head>p{color:var(--blue)}
.hero__services span:before{color:var(--yellow);border-color:var(--yellow)}
.tag--after,.review-person>b,.place-grid span:before{background:var(--blue)}
.section-intro i,.center-heading i{background:linear-gradient(90deg,var(--blue),var(--red),var(--yellow))}
.contact-section{background:#071731}
.site-footer{background:#040d1e}
.footer-brand img{width:190px;max-height:126px;object-fit:cover}

@media (max-width:900px){.logo{width:142px;height:69px}.menu-toggle span{background:#fff}.nav{background:#071731}}
@media (max-width:620px){.logo{width:124px;height:65px}}