@font-face {
  font-family: "Citroen";
  src: url("../../fonts/citroen/CitroenType-Regular.woff2") format("woff2");
  font-weight: 400;
}

@font-face {
  font-family: "Citroen";
  font-weight: 700;
  src: url("../../fonts/citroen/CitroenType-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Citroen";
  src: url("../../fonts/citroen/CitroenType-Black.woff2") format("woff2");
  font-weight: 900;
}

/* General */
a.button,
button,
input[type="button"],
input[type="submit"] {
  background-color: #da291c !important;
  font-family: "Citroen";
  border-radius: 100px;
}
a.button.button--secondary,
button.button--secondary,
input[type="button"].button--secondary,
input[type="submit"].button--secondary {
  background-color: #da291c !important;
  color: #fff;
}

h1,
h2,
h3,
h4 {
  color: #000;
  font-family: "Citroen";
  font-style: normal !important;
  font-weight: 900;
}

h5,
h6 {
  color: #000;
  font-family: "Citroen";
  font-style: normal !important;
  text-transform: none !important;
  font-weight: 700;
}

body main,
main p {
  font-family: "Citroen";
  font-style: normal !important;
}

/* ------ Per block ------ */

/* Hero */
section.block.block--hero .content-wrapper h1 {
  color: #fff !important;
}

/* CTA */
section.block.block--cta {
  background-color: #f2f2f2;
}

/* Models */
article.view-teaser.type-car .model.model-new:before {
  background-color: #000;
}
/* Image Text */

/* Articles */
article.view-teaser.type-blog .image-wrapper .label {
  background: #000;
}

section.block.block--usp-columns .block-content.bg-primary:before {
  background-color: rgb(87, 113, 138) !important;
}
@media screen and (min-width: 991px) {
  section.block.block--usp-columns
    .block-content
    .row
    .col-lg-6:nth-child(1)
    .usp-column
    h6,
  section.block.block--usp-columns
    .block-content
    .row
    .col-lg-6:nth-child(4)
    .usp-column
    h6,
  section.block.block--usp-columns
    .block-content
    .row
    .col-lg-6:nth-child(5)
    .usp-column
    h6,
  section.block.block--usp-columns
    .block-content
    .row
    .col-lg-6:nth-child(8)
    .usp-column
    h6,
  section.block.block--usp-columns
    .block-content
    .row
    .col-lg-6:nth-child(9)
    .usp-column
    h6 {
    color: #fff;
  }
}
section.block.bg-primary {
  background-color: rgb(87, 113, 138) !important;
}

section.block.block--image-text .block-wrapper.bg-primary:after {
  background-color: rgb(87, 113, 138) !important;
}