/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./website/ui/index.scss ***!
  \**********************************************************************************************************************************************************/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  scroll-behavior: smooth;
}

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-end: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select, .searchform select, .searchform input[type=text] {
  font-family: inherit;
  font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

details summary {
  list-style: none;
}
details summary::-webkit-details-marker {
  display: none;
}

select, .searchform select, .searchform input[type=text], button, details summary, input[type=radio], input[type=checkbox], label:has(input[type=checkbox]), label:has(input[type=radio]) {
  cursor: pointer;
}

@view-transition {
  navigation: auto;
}
::selection {
  background-color: #d11112;
}

body {
  display: grid;
  align-content: start;
  grid-template-columns: minmax(13px, auto) repeat(12, minmax(0, 110px)) minmax(13px, auto);
  margin: 0;
  padding: 0;
  font-family: "Barlow", sans-serif;
}
body > * {
  grid-column: 2/span 12;
}

img, svg {
  max-width: 100%;
  height: auto;
}

[hidden] {
  display: none !important;
}

/* barlow-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  src: url(/ui/assets/fonts/barlow-v12-latin-regular.7fa387951673abf164b1.woff2) format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  src: url(/ui/assets/fonts/barlow-v12-latin-600.eb2f99b8088268cd34a2.woff2) format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 500;
  src: url(/ui/assets/fonts/barlow-condensed-v12-latin-500.a0ec31288bb0577497b1.woff2) format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 600;
  src: url(/ui/assets/fonts/barlow-condensed-v12-latin-600.167dbf0dad9d4668a5e9.woff2) format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
select, .searchform select, .searchform input[type=text] {
  cursor: pointer;
  color: white;
  background-color: black;
  padding: 13.9px 15px 15.1px;
  border: 1px solid #5F5F5F;
  border-radius: 3px;
  outline: 0;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  letter-spacing: 0.05em;
  appearance: none;
  background-image: url(/ui/modules/searchform/assets/arrow-down.8fac58749ca45614f134.svg);
  background-repeat: no-repeat;
  background-size: 8.64px auto;
  background-position: calc(100% - 14.82px) center;
}

.button, .damage button[type=submit], .contactform--car button[type=submit], .contactform--jobs button[type=submit], .contactform button[type=submit], .latestcars__car-link, .foundcars__car-link, .searchform button[type=submit] {
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  color: white;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 17px;
  outline: 0;
  padding: 13px 16px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.button--primary, .damage button[type=submit], .contactform--car button[type=submit], .contactform--jobs button[type=submit], .contactform button[type=submit], .latestcars__car-link, .foundcars__car-link, .searchform button[type=submit] {
  background-color: #D11112;
}
.button--secondary {
  background-color: #000000;
}

.header {
  --height: 172px;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  align-content: start;
  margin: 0 0 calc(var(--height) * -1);
  position: sticky;
  top: 0;
  z-index: 1;
  padding-top: 11.9px;
}
@media (min-width: 768px) {
  .header {
    --height: 200px;
    padding-top: 19.9px;
  }
}
.header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--height);
  background-image: linear-gradient(to bottom, black, transparent);
  pointer-events: none;
}
.header > * {
  position: relative;
}
.header__inner {
  grid-column: 2/-2;
  display: flex;
  justify-content: space-between;
}
.header__left {
  display: grid;
  grid-template-columns: 113.5px 35px;
  column-gap: 10.5px;
  align-items: center;
}
.header__right {
  display: grid;
  grid-template-columns: auto 24.5px;
  column-gap: 17.8px;
  align-items: center;
}
@media (min-width: 768px) {
  .header__right {
    grid-template-columns: auto auto 40.44px;
    column-gap: 16px;
  }
}
.header__contact {
  position: relative;
}
.header__contact-open {
  cursor: pointer;
  display: grid;
  grid-template-columns: 18px 1fr;
  grid-auto-rows: auto;
  column-gap: 1.5px;
  padding: 0;
  border: 0;
  outline: 0;
  background-color: transparent;
  color: white;
}
.header__contact-open svg {
  grid-row: 1;
  grid-column: 1;
}
.header__contact-open span:first-of-type {
  grid-row: 1;
  grid-column: 2;
  font-size: 16px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .header__contact-open span:first-of-type {
    font-size: 18px;
  }
}
.header__contact-open span:last-of-type {
  grid-row: 2;
  grid-column: 1/span 2;
  font-size: 11px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .header__contact-open span:last-of-type {
    display: none;
  }
}
.header__contact-content:not([hidden]) {
  animation: slideinfromtop 0.2s ease-in-out;
  position: fixed;
  top: 68px;
  right: 0;
  left: 0;
  padding: 17px 16px;
  display: grid;
  row-gap: 17px;
  background-color: white;
}
@media (min-width: 768px) {
  .header__contact-content:not([hidden]) {
    width: 375px;
    position: absolute;
    left: -205px;
  }
}
.header__contact-content:not([hidden])::before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  transform: rotate(45deg) translate(50%, -100%);
  position: absolute;
  top: 0;
  right: 100px;
  background-color: white;
}
.header__contact-content:not([hidden]) a {
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.5px;
  text-decoration: none;
  border: 1px solid #D11112;
  border-radius: 3px;
}
.header__contact-content:not([hidden]) a span {
  color: #29323B;
  font-size: 16px;
  font-weight: 600;
}
.header__contact-content:not([hidden]) button {
  cursor: pointer;
  padding: 0;
  border: 0;
  outline: 0;
  background-color: transparent;
  color: #808080;
  padding-bottom: 4.5px;
  justify-self: center;
  border-bottom: 1px solid #A8A8A8;
}
.header__location {
  display: none;
}
@media (min-width: 768px) {
  .header__location {
    display: grid;
    grid-template-columns: 11.1px 1fr;
    column-gap: 6.9px;
    align-items: center;
    margin-right: 36.2px;
  }
  .header__location span {
    color: white;
    font-size: 18px;
    font-weight: 600;
  }
}
.header__nav-open {
  padding: 0;
  border: 0;
  outline: 0;
  background-color: transparent;
  cursor: pointer;
}
.header__nav-open svg {
  width: 100%;
}
.header--white {
  background-image: none;
  background-color: #FFFFFF;
  height: 73px;
  margin: 0;
  padding: 0;
  align-content: center;
}
@media (min-width: 1024px) {
  .header--white {
    height: 98px;
    padding: 0;
    align-content: center;
  }
}
.header--white::before {
  display: none;
}
.header--white .header__contact-open,
.header--white .header__location span {
  color: black;
}
.header--white .header__nav-open svg,
.header--white .header__nav-open svg path {
  fill: currentColor;
  color: black;
}

@keyframes slideinfromtop {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideinfromleft {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.headernav[hidden] {
  display: none;
}
.headernav:not([hidden]) {
  animation: slideinfromleft 0.2s ease-in-out;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: white;
  display: grid;
  row-gap: 35px;
  grid-template-rows: 67px 1fr 67px;
  overflow: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}
@media (min-width: 768px) {
  .headernav:not([hidden]) {
    grid-template-rows: 120px auto auto;
  }
}
.headernav__header {
  padding: 0 33px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  width: min(100%, 1145.38px);
  justify-self: center;
}
.headernav__languages {
  display: flex;
}
.headernav__languages a {
  padding: 0 0.5ch;
  border-right: 2px solid black;
  text-decoration: none;
  color: #d11112;
  line-height: 0.8;
}
.headernav__languages a.active {
  color: black;
}
.headernav__languages a:first-child {
  padding-left: 0;
}
.headernav__languages a:last-child {
  padding-right: 0;
  border: 0;
}
.headernav__close {
  padding: 0;
  border: 0;
  outline: 0;
  background-color: transparent;
  cursor: pointer;
}
.headernav__links {
  display: grid;
  row-gap: 35px;
}
@media (min-width: 768px) {
  .headernav__links {
    row-gap: 40px;
    padding: 0 0 60.6px;
  }
}
.headernav__link {
  justify-self: center;
  color: black;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 29px;
  text-decoration: none;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .headernav__link {
    font-size: 32px;
    line-height: 38px;
  }
}

.hero {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
}
.hero picture {
  grid-column: 1/-1;
  grid-row: 1;
}
.hero picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .hero picture {
    grid-row: 1/span 3;
  }
}
.hero__overlay--top, .hero__overlay--bottom {
  grid-column: 2/-2;
  grid-row: 1;
}
.hero__overlay--top {
  margin: 10.3px 0 0;
  align-self: start;
}
@media (min-width: 768px) {
  .hero__overlay--top {
    grid-row: 2;
    align-self: end;
    margin: 0 0 28px;
  }
}
.hero__overlay--bottom {
  margin: 0 0 30px;
  align-self: end;
}
@media (min-width: 768px) {
  .hero__overlay--bottom {
    grid-row: 3;
    margin: 0 0 44px;
  }
}
.hero__button--back {
  padding: 0;
  margin: 0;
}
@media (min-width: 1024px) {
  .hero__button--back {
    margin: 0 !important;
  }
}
.hero__tag {
  display: block;
  margin: 0 0 10px;
}
.hero__headline {
  display: block;
  margin: 0;
}
.hero--black {
  background-color: black;
  padding: 10.3px 0 35px;
}
@media (min-width: 768px) {
  .hero--black {
    padding: 26.3px 0 63px;
  }
}
.hero--black .hero__overlay--top,
.hero--black .hero__overlay--bottom {
  margin: 0;
}
.hero--black .hero__overlay--top {
  grid-row: 1;
  margin: 0 0 34px;
}
@media (min-width: 768px) {
  .hero--black .hero__overlay--top {
    margin: 0 0 26px;
  }
}
.hero--black .hero__overlay--bottom {
  grid-row: 2;
}

.hero img {
  aspect-ratio: 375/489;
}
@media (min-width: 768px) {
  .hero img {
    aspect-ratio: 1366/570;
  }
}

.searchform {
  --gradientHeight: 237px;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  padding: 64.4px 0;
  margin-top: calc(var(--gradientHeight) * -1);
  background-image: linear-gradient(to bottom, transparent, black var(--gradientHeight));
  position: relative;
}
.searchform--no-margin-top {
  margin-top: 0;
  background-image: none;
  background-color: black;
}
.searchform__inner {
  grid-column: 2/span 12;
  display: grid;
  grid-template-columns: subgrid;
  row-gap: 8px;
}
.searchform__inner > * {
  grid-column: 1/span 12;
}
@media (min-width: 1024px) {
  .searchform__inner {
    grid-column: 4/span 8;
  }
}
.searchform__badge {
  justify-self: end;
  margin-top: -64.4px;
  margin-bottom: -15px;
}
@media (min-width: 1024px) {
  .searchform__badge {
    width: 160px;
    margin-bottom: -40px;
    transform: translateX(100px);
  }
}
.searchform__tag, .jobs__tag, .contact__tag, .workshop__packages__tag, .workshop__content__tag, .purchase__form-tag, .car__tag, .hero__tag, .latestcars__tag, .contactform__tag, .customerservice__tag, .service__tag, .foundcars__tag {
  background-color: #D11112;
  border-radius: 2px;
  color: white;
  display: inline-block;
  font-size: 14px;
  justify-self: start;
  padding: 3px 6px;
  width: auto;
}
@media (min-width: 1024px) {
  .searchform__tag, .jobs__tag, .contact__tag, .workshop__packages__tag, .workshop__content__tag, .purchase__form-tag, .car__tag, .hero__tag, .latestcars__tag, .contactform__tag, .customerservice__tag, .service__tag, .foundcars__tag {
    display: none;
  }
}
.searchform__headline, .jobs__headline, .contact__headline, .workshop__packages__headline, .workshop__content__headline, .purchase__form-headline, .car__headline, .hero__headline {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: white;
}
.searchform__fields {
  display: grid;
  row-gap: 22px;
  margin-top: 9.1px;
}
@media (min-width: 1024px) {
  .searchform__fields {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    grid-auto-flow: column;
    column-gap: 34px;
  }
}
.searchform input[type=text]::-webkit-input-placeholder {
  color: white;
}
.searchform [list]::-webkit-calendar-picker-indicator,
.searchform [list]::-webkit-list-button {
  opacity: 0;
}
@media (min-width: 1024px) {
  .searchform button[type=submit] {
    grid-column: 1/-1;
    grid-row: 4;
  }
}
.searchform button[type=reset] {
  cursor: pointer;
  justify-self: center;
  color: #d11112;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0.05em;
  background-color: transparent;
  border: 0;
  outline: 0;
  margin-top: 15.9px;
  padding-bottom: 4.6px;
  border-bottom: 1px solid #d11112;
}

.car-of-the-week {
  display: grid;
  margin: 24px 0;
  background-color: #D11112;
  text-decoration: none;
}
@media (min-width: 1024px) {
  .car-of-the-week {
    grid-template-columns: 747fr 407fr;
    margin: 102px 0 0;
  }
}
.car-of-the-week .headline {
  display: grid;
  font-size: 67px;
  line-height: 62px;
  text-transform: uppercase;
  margin: 0 0 22px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .car-of-the-week .headline {
    font-size: 80px;
    line-height: 74px;
    margin: 0 0 19px;
  }
}
.car-of-the-week .headline small {
  text-transform: initial;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .car-of-the-week .headline small {
    font-size: 19px;
    line-height: 23px;
  }
}
.car-of-the-week .button, .car-of-the-week .damage button[type=submit], .damage .car-of-the-week button[type=submit], .car-of-the-week .contactform--car button[type=submit], .contactform--car .car-of-the-week button[type=submit], .car-of-the-week .contactform--jobs button[type=submit], .contactform--jobs .car-of-the-week button[type=submit], .car-of-the-week .contactform button[type=submit], .contactform .car-of-the-week button[type=submit], .car-of-the-week .latestcars__car-link, .car-of-the-week .foundcars__car-link, .car-of-the-week .searchform button[type=submit], .searchform .car-of-the-week button[type=submit] {
  margin: 100px 0 0;
  color: white;
  background-color: black;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  padding: 12px 0 16px;
  border-radius: 4px;
}
@media (min-width: 1024px) {
  .car-of-the-week .button, .car-of-the-week .damage button[type=submit], .damage .car-of-the-week button[type=submit], .car-of-the-week .contactform--car button[type=submit], .contactform--car .car-of-the-week button[type=submit], .car-of-the-week .contactform--jobs button[type=submit], .contactform--jobs .car-of-the-week button[type=submit], .car-of-the-week .contactform button[type=submit], .contactform .car-of-the-week button[type=submit], .car-of-the-week .latestcars__car-link, .car-of-the-week .foundcars__car-link, .car-of-the-week .searchform button[type=submit], .searchform .car-of-the-week button[type=submit] {
    margin: auto 0 0;
  }
}
.car-of-the-week .image {
  width: 100%;
  height: auto;
  margin: 0;
}
@media (min-width: 1024px) {
  .car-of-the-week .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
.car-of-the-week .brand {
  text-transform: uppercase;
}
.car-of-the-week .ad {
  display: flex;
  flex-flow: column;
  color: white;
  padding: 32px 22px;
  font-size: 15px;
}
@media (min-width: 1024px) {
  .car-of-the-week .ad {
    padding: 45px 50px;
    font-size: 19px;
  }
}
.car-of-the-week .model {
  word-break: break-all;
}

.latestcars {
  position: relative;
  padding: 47px 0 63px;
  display: grid;
}
.latestcars__tag, .contactform__tag, .customerservice__tag, .service__tag, .foundcars__tag {
  display: inline-block;
}
@media (min-width: 768px) {
  .latestcars__tag, .contactform__tag, .customerservice__tag, .service__tag, .foundcars__tag {
    justify-self: center;
  }
}
.latestcars__headline, .contactform__headline, .customerservice__headline, .service__headline, .foundcars__headline {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: 0.02em;
  margin: 24px 0 0;
}
@media (min-width: 768px) {
  .latestcars__headline, .contactform__headline, .customerservice__headline, .service__headline, .foundcars__headline {
    justify-self: center;
    font-size: 40px;
    line-height: 28px;
  }
}
.latestcars__cars {
  display: grid;
  grid-auto-columns: 326px;
  grid-auto-flow: column;
  column-gap: 16px;
  overflow: hidden;
  overflow-x: auto;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  scroll-padding: 0 13px;
  margin: 0 -13px;
  padding: 0 13px;
}
@media (min-width: 1400px) {
  .latestcars__cars {
    scroll-padding: 0 30px;
    margin: 0 -30px;
    padding: 0 30px;
  }
}
.latestcars__car {
  grid-row: span 5;
  border-radius: 3px;
  display: grid;
  grid-template-columns: 19.8px 1fr 1fr 1fr 21px;
  grid-template-rows: subgrid;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.31);
  margin: 30px 0;
  scroll-snap-align: start;
  text-decoration: none;
  color: black;
}
.latestcars__car > * {
  grid-column: 2/span 3;
}
.latestcars__car-image {
  border-radius: 3px 3px 0 0;
  grid-column: span 5;
  margin: 0 0 14.5px;
  width: 100%;
  aspect-ratio: 4/3;
}
.latestcars__car-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
.latestcars__car-model, .foundcars__car-model {
  grid-column: 2/span 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  align-self: baseline;
}
.latestcars__car-price, .foundcars__car-price {
  grid-column: 4;
  text-align: end;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  align-self: baseline;
}
.latestcars hr {
  grid-column: 2/span 3;
  width: 100%;
  border: 0;
  border-top: 1px solid #707070;
  opacity: 0.3;
  margin: 11.4px 0 29.9px;
}
.latestcars__car-mileage, .foundcars__car-mileage, .latestcars__car-registration, .foundcars__car-registration, .latestcars__car-transmission, .foundcars__car-transmission {
  font-size: 15px;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 4.6px;
}
.latestcars__car-mileage, .foundcars__car-mileage {
  grid-column: 2;
}
.latestcars__car-registration, .foundcars__car-registration {
  grid-column: 3;
  justify-self: center;
}
.latestcars__car-transmission, .foundcars__car-transmission {
  grid-column: 4;
  justify-self: end;
}
.latestcars__car-link, .foundcars__car-link {
  margin: 27.4px 0 30px;
  grid-column: 2/span 3;
}
.latestcars__button-left, .latestcars__button-right {
  display: none;
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .latestcars__button-left, .latestcars__button-right {
    display: block;
    position: absolute;
    top: 105px;
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
  }
  .latestcars__button-left {
    left: 0;
  }
  .latestcars__button-right {
    right: 0;
  }
}

.foundcars {
  display: grid;
  margin: 47px 0 84px;
}
@media (min-width: 1280px) {
  .foundcars {
    grid-template-columns: 934px 1fr;
    column-gap: 117.7px;
  }
  .foundcars > * {
    grid-column: 1/-1;
  }
}
.foundcars__tag {
  justify-self: start;
}
.foundcars__headline {
  justify-self: start;
}
.foundcars__cars {
  display: grid;
  row-gap: 27px;
  margin: 60px 0 50.4px;
}
@media (min-width: 700px) {
  .foundcars__cars {
    grid-template-columns: 1fr 1fr;
    column-gap: 25px;
  }
}
@media (min-width: 1024px) {
  .foundcars__cars {
    grid-template-columns: 1fr;
    row-gap: 45px;
    margin: 44px 0 142px;
  }
}
@media (min-width: 1280px) {
  .foundcars__cars {
    grid-column: 1;
  }
}
.foundcars__car {
  border-radius: 3px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.31);
  display: grid;
  grid-template-columns: 21.9px 1fr 1fr 1fr 23.4px;
  text-decoration: none;
  color: black;
}
@media (min-width: 1024px) {
  .foundcars__car {
    grid-template-columns: 355px 78.7px 1fr 1fr 1fr 84.2px;
    grid-template-rows: 31.4px auto auto auto auto 31.4px;
  }
}
.foundcars__car-image {
  border-radius: 3px 3px 0 0;
  grid-column: span 5;
  margin: 0 0 14.5px;
}
@media (min-width: 1024px) {
  .foundcars__car-image {
    grid-column: 1;
    grid-row: 1/span 6;
    margin: 0;
  }
}
.foundcars__car-image img {
  width: 100%;
  height: auto;
}
@media (min-width: 1024px) {
  .foundcars__car-model {
    grid-column: 3/span 2;
    grid-row: 2;
    justify-self: start;
    width: 100%;
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
  }
}
@media (min-width: 1024px) {
  .foundcars__car-price {
    grid-column: 3/span 3;
    grid-row: 2;
    justify-self: end;
    font-size: 26px;
    line-height: 31px;
  }
}
@media (min-width: 1024px) {
  .foundcars__car-mileage, .foundcars__car-registration, .foundcars__car-transmission {
    font-size: 19px;
    font-weight: 600;
    line-height: 23px;
  }
}
@media (min-width: 1024px) {
  .foundcars__car-mileage {
    grid-column: 3;
    grid-row: 4;
  }
}
@media (min-width: 1024px) {
  .foundcars__car-registration {
    grid-column: 4;
    grid-row: 4;
  }
}
@media (min-width: 1024px) {
  .foundcars__car-transmission {
    grid-column: 5;
    grid-row: 4;
  }
}
@media (min-width: 1024px) {
  .foundcars__car-link {
    grid-column: 3/span 3;
    grid-row: 5;
    margin: 46.5px 0 0;
  }
}
.foundcars__back-to-top {
  justify-self: center;
}
@media (min-width: 1280px) {
  .foundcars__back-to-top {
    grid-column: 2;
    margin: 129px 0 142px;
    justify-self: start;
  }
}
.foundcars__back-to-top--sm {
  display: flex;
  gap: 13.7px;
  padding-bottom: 4.6px;
  color: black;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 17px;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 1280px) {
  .foundcars__back-to-top--sm {
    display: none;
  }
}
.foundcars__back-to-top--lg {
  display: none;
}
@media (min-width: 1280px) {
  .foundcars__back-to-top--lg {
    display: block;
    position: sticky;
    top: 157px;
  }
}
.foundcars hr {
  grid-column: 2/span 3;
  width: 100%;
  border: 0;
  border-top: 1px solid #707070;
  opacity: 0.3;
  margin: 11.4px 0 29.9px;
}
@media (min-width: 1024px) {
  .foundcars hr {
    grid-column: 3/span 3;
    grid-row: 3;
    margin: 17.4px 0 39.2px;
  }
}

.headline--split {
  font-family: "Barlow Condensed";
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 38px;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 22px;
}
@media (min-width: 1280px) {
  .headline--split {
    font-size: 40px;
    line-height: 29px;
    margin: 0 0 57px;
  }
}

.contactform {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  background-color: black;
  padding: 41px 0 0;
}
@media (min-width: 768px) {
  .contactform {
    padding: 76px 0 0;
  }
}
.contactform ::placeholder {
  color: white;
}
.contactform--jobs {
  padding: 0;
  background-color: transparent;
}
.contactform--margin-bottom {
  margin-bottom: 178px;
}
@media (min-width: 1024px) {
  .contactform--margin-bottom {
    margin-bottom: 203px;
  }
}
.contactform > * {
  grid-column: 2/-2;
}
.contactform__tag, .customerservice__tag, .service__tag {
  justify-self: center;
  margin: 0 0 10px;
}
.contactform__headline, .customerservice__headline, .service__headline {
  justify-self: center;
  color: white;
  margin: 0 0 32px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .contactform__headline, .customerservice__headline, .service__headline {
    margin: 0 0 30px;
    font-size: 40px;
    letter-spacing: 0.02em;
    line-height: 29px;
  }
}
@media (min-width: 768px) {
  .contactform__buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 0 0 61px;
  }
}
.contactform__button-phone, .contactform__button-mail, .contactform__button-whatsapp {
  color: white;
  background-color: black;
  border: 1px solid #d11112;
  border-radius: 3px;
  outline: 0;
  cursor: pointer;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0.03em;
  padding: 10px 13px;
  margin: 0 0 24px;
  display: flex;
  justify-content: center;
  gap: 3.5px;
}
@media (min-width: 768px) {
  .contactform__button-phone, .contactform__button-mail, .contactform__button-whatsapp {
    margin: 0;
  }
}
@media (min-width: 1024px) {
  .contactform__button-phone, .contactform__button-mail, .contactform__button-whatsapp {
    width: 343px;
  }
}
.contactform__button-whatsapp {
  margin: 0 0 68px;
}
@media (min-width: 768px) {
  .contactform__button-whatsapp {
    margin: 0;
  }
}
.contactform__form {
  justify-self: center;
  background-color: #29323B;
  border-radius: 5px;
  padding: 16px 18px 19px;
  margin: 0 0 -18px;
  max-width: 907px;
  display: grid;
}
@media (min-width: 768px) {
  .contactform__form {
    padding: 35px 132px 68px;
  }
}
@media (min-width: 768px) {
  .contactform--jobs .contactform__form {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 28px;
  }
  .contactform--jobs .contactform__form > * {
    grid-column: 1/-1;
  }
}
.contactform__fields {
  display: grid;
  align-items: start;
}
@media (min-width: 768px) {
  .contactform__fields {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    column-gap: 28px;
    row-gap: 22px;
    margin: 0 0 47.1px;
  }
  .contactform__fields > * {
    grid-column: 1/-1;
  }
}
.contactform--jobs .contactform__fields {
  row-gap: 0;
}
@media (min-width: 768px) {
  .contactform--jobs .contactform__fields {
    grid-template-columns: 1fr;
    grid-template-rows: subgrid;
    grid-column: span 1;
    grid-row: span 4;
    margin: 0;
  }
}
.contactform__form-headline {
  color: white;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .contactform__form-headline {
    font-size: 40px;
    line-height: 29px;
    margin: 0 0 23px;
  }
}
.contactform--jobs .contactform__form-headline {
  text-align: start;
  margin: 0;
}
.contactform__form-subline {
  color: white;
  font-size: 14px;
  line-height: 40px;
}
@media (min-width: 768px) {
  .contactform__form-subline {
    font-size: 16px;
  }
}
.contactform--jobs .contactform__form-subline {
  margin: 22px 0;
  line-height: 26px;
}
@media (min-width: 768px) {
  .contactform--jobs .contactform__form-subline {
    margin: 22px 0 15px;
  }
}
.contactform__label {
  position: relative;
  margin: 0 0 22px;
  line-height: 0;
}
@media (min-width: 768px) {
  .contactform__label {
    grid-column: span 1;
    margin: 0;
  }
}
.contactform__label:has(input[type=checkbox]) {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  row-gap: 12px;
  align-items: center;
}
.contactform__label:has(input[type=checkbox]) input {
  grid-column: 1;
}
.contactform__label:has(input[type=checkbox]) .contactform__label-text {
  grid-column: 2;
}
.contactform__label:has(input[type=checkbox]) .contactform__label-help {
  grid-column: 1/span 2;
}
.contactform__label input,
.contactform__label select,
.contactform__label .searchform input[type=text],
.searchform .contactform__label input[type=text],
.contactform__label textarea {
  color: white;
  background-color: transparent;
  appearance: none;
  border: 1px solid #7e7e7e;
  border-radius: 3px;
  margin: 0;
  padding: 15.1px 13.4px 16.9px;
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 14px;
}
@media (min-width: 768px) {
  .contactform__label input,
  .contactform__label select,
  .contactform__label .searchform input[type=text],
  .searchform .contactform__label input[type=text],
  .contactform__label textarea {
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 19px;
    padding: 11.1px 13.4px;
  }
}
.contactform__label input ::placeholder,
.contactform__label select ::placeholder,
.contactform__label .searchform input[type=text] ::placeholder,
.searchform .contactform__label input[type=text] ::placeholder,
.contactform__label textarea ::placeholder {
  color: white;
}
.contactform__label select, .contactform__label .searchform input[type=text], .searchform .contactform__label input[type=text] {
  background-image: url(/ui/modules/contactform/assets/arrow-down.8fac58749ca45614f134.svg);
  background-repeat: no-repeat;
  background-size: 8.64px auto;
  background-position: calc(100% - 14.82px) center;
  padding-right: 35px;
}
.contactform__label select option, .contactform__label .searchform input[type=text] option, .searchform .contactform__label input[type=text] option {
  color: initial;
}
.contactform__label textarea {
  resize: vertical;
}
.contactform__label input[type=checkbox] {
  width: 18px;
  height: 18px;
  padding: 0;
}
.contactform__label input[type=checkbox]:checked {
  background-image: url(/ui/modules/contactform/assets/check.aa36fa72fc891589ab20.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10.9px;
}
.contactform--jobs .contactform__label:last-child {
  margin: 0;
}
@media (min-width: 768px) {
  .contactform--jobs .contactform__label {
    margin: 0 0 22px;
  }
  .contactform--jobs .contactform__label:has(textarea) {
    grid-row: span 2;
  }
  .contactform--jobs .contactform__label:has(textarea) textarea {
    min-height: 107px;
  }
}
.contactform__label-text {
  color: white;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 14px;
}
.contactform__label-help {
  color: #8E8E8E;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 13px;
}
.contactform button[type=submit] {
  margin: 0 0 15px;
}
@media (min-width: 768px) {
  .contactform button[type=submit] {
    grid-column: span 1;
    padding: 11.1px 13.4px;
    margin: 0;
  }
}
.contactform--jobs button[type=submit] {
  margin: 20px 0 26.1px;
}
@media (min-width: 768px) {
  .contactform--jobs button[type=submit] {
    grid-column: span 2;
  }
}

.service {
  display: grid;
  padding: 51px 0 58px;
}
@media (min-width: 768px) {
  .service {
    padding: 69px 0 115px;
  }
}
@media (min-width: 768px) {
  .service__tag {
    margin: 0 0 7px;
  }
}
.service__headline {
  color: black;
}
@media (min-width: 768px) {
  .service__headline {
    margin: 0 0 53px;
  }
}
.service__links {
  display: grid;
  row-gap: 15px;
  width: min(814px, 100%);
  justify-self: center;
}
@media (min-width: 768px) {
  .service__links {
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
    row-gap: 29px;
  }
}
.service__link {
  height: 179px;
  border-radius: 5px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  display: grid;
  row-gap: 26.6px;
  text-decoration: none;
  color: black;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
@media (min-width: 768px) {
  .service__link {
    font-size: 22px;
    line-height: 26px;
  }
}
.service__link svg {
  align-self: end;
  justify-self: center;
}
.service__link span {
  align-self: start;
  justify-self: center;
  text-align: center;
  max-width: 15ch;
}

.customerservice {
  background-color: black;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  padding: 52px 0 49px;
}
.customerservice__inner {
  grid-column: 2/-2;
  justify-self: center;
  width: min(100%, 907px);
}
@media (min-width: 768px) {
  .customerservice__tag {
    justify-self: start;
    margin: 0 0 16px;
  }
}
@media (min-width: 768px) {
  .customerservice__headline {
    justify-self: start;
    margin: 0 0 32px;
  }
}
.customerservice__image {
  margin: 0 0 44.1px;
}
.customerservice__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.customerservice__text {
  color: white;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 22px;
  margin: 0 0 38.9px;
}
@media (min-width: 768px) {
  .customerservice__text {
    line-height: 26px;
  }
}
.customerservice__link {
  display: block;
  width: min(100%, 343px);
}

.description {
  display: grid;
  row-gap: 20px;
  padding: 26.1px 0 72.7px;
  width: min(100%, 907px);
  justify-self: center;
}
.description hr {
  border: 0;
  border-top: 1px solid #707070;
  margin: 0;
  width: 100%;
  height: 0;
}
.description p {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 16px;
  color: #8e8e8e;
}

.footer {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  padding: 37.9px 0 30px;
  background-color: #000;
}
@media (min-width: 1024px) {
  .footer {
    padding: 112px 0 51.5px;
  }
}
.footer > * {
  grid-column: 2/-2;
}
.footer__inner {
  display: grid;
  grid-template-columns: 1fr auto;
}
.footer__inner > * {
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .footer__inner {
    grid-template-columns: 1fr 1fr 1fr 1.5fr;
    grid-template-rows: repeat(4, auto);
    width: min(100%, 1080px);
    justify-self: center;
  }
  .footer__inner > * {
    grid-column: span 1;
  }
}
.footer__block-1, .footer__block-2 {
  margin: 0 0 26.9px;
}
.footer__block-1 {
  grid-column: 1;
  display: flex;
  gap: 10.7px;
}
@media (min-width: 1024px) {
  .footer__block-1 {
    grid-column: 1;
    grid-row: 1;
    gap: 21.2px;
    margin: 0 0 26px;
  }
}
.footer__block-2 {
  grid-column: 2;
  align-self: center;
  display: flex;
  color: white;
  line-height: 47px;
}
@media (min-width: 1024px) {
  .footer__block-2 {
    grid-column: 4;
    grid-row: 4;
    justify-self: end;
    margin: 0;
  }
}
.footer__block-2 a {
  padding: 0 0.5ch;
  border-right: 2px solid white;
  text-decoration: none;
  color: #d11112;
  line-height: 0.8;
}
.footer__block-2 a.active {
  color: white;
}
.footer__block-2 a:first-child {
  padding-left: 0;
}
.footer__block-2 a:last-child {
  padding-right: 0;
  border: 0;
}
.footer__block-3 {
  display: grid;
  row-gap: 9.1px;
}
@media (min-width: 1024px) {
  .footer__block-3 {
    grid-column: 1;
    grid-row: 2;
    row-gap: 7.1px;
  }
}
.footer__block-3 > * {
  display: grid;
  align-items: center;
  grid-template-columns: 33px 1fr;
}
.footer__block-3 > * svg {
  place-self: center;
}
.footer__features, .footer__links {
  display: grid;
}
@media (min-width: 1024px) {
  .footer__features {
    grid-column: 4;
    grid-row: 1/span 2;
    justify-self: center;
  }
}
@media (min-width: 1024px) {
  .footer__links {
    grid-column: 2;
    grid-row: 1/span 2;
    margin: 0;
    justify-self: end;
  }
  .footer__links--2 {
    grid-column: 3;
  }
}
.footer__links a {
  text-decoration: none;
}
.footer__feature, .footer__link {
  display: grid;
  align-items: center;
  grid-template-columns: 33px 1fr;
}
.footer__feature svg, .footer__link svg {
  place-self: center;
}
.footer__feature span, .footer__link span {
  color: white;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 0.05em;
  line-height: 47px;
}
.footer__feature span {
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .footer__feature span {
    font-size: 20px;
  }
}
.footer__link span {
  color: white;
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 30px;
}
@media (min-width: 1024px) {
  .footer__link span {
    font-size: 16px;
  }
}
.footer__hr {
  margin: 0;
  width: 100%;
  height: 0;
  border: 0;
  border-top: 1px solid #707070;
}
.footer__hr-1 {
  margin: 32.4px 0 30.5px;
}
@media (min-width: 1024px) {
  .footer__hr-1 {
    display: none;
  }
}
.footer__hr-2 {
  margin: 38.5px 0 22.4px;
}
@media (min-width: 1024px) {
  .footer__hr-2 {
    grid-column: 1/-1;
  }
}
.footer__logo {
  width: 113.52px;
}
@media (min-width: 1024px) {
  .footer__logo {
    width: 151.81px;
  }
}
.footer__tuv {
  width: 35px;
}
@media (min-width: 1024px) {
  .footer__tuv {
    width: 47px;
  }
}
.footer__phone {
  color: white;
  text-decoration: none;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 31px;
}
.footer__location {
  color: white;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.003em;
  line-height: 13px;
}
@media (min-width: 1024px) {
  .footer__location {
    font-size: 16px;
  }
}
.footer__sociallinks {
  display: flex;
  gap: 18px;
  justify-self: center;
}
@media (min-width: 1024px) {
  .footer__sociallinks {
    grid-column: 1/span 2;
    grid-row: 4;
    justify-self: start;
  }
}
.footer__sociallinks a {
  display: block;
  text-decoration: none;
}
.footer__sociallinks svg {
  display: block;
}

.car__detail-image--video, .car__thumbnail--video {
  border: transparent;
  padding: 0;
  color: #fff;
  background-color: #000;
  display: grid;
}
.car__detail-image--video *, .car__thumbnail--video * {
  grid-area: 1/1/1/2;
  align-self: center;
  justify-self: center;
  position: relative;
}
.car__detail-image--video img, .car__thumbnail--video img {
  opacity: 0.6;
}
.car__detail-image--video svg, .car__thumbnail--video svg {
  fill: currentColor;
  height: 33%;
}

.car {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
}
.car > * {
  grid-column: 2/-2;
}
.car__header {
  grid-column: 1/-1;
  background-color: black;
  display: grid;
  grid-template-columns: subgrid;
  padding: 10.3px 0 42px;
}
.car__header > * {
  grid-column: 2/-2;
}
@media (min-width: 1024px) {
  .car__header {
    padding: 26.3px 0 63px;
    margin: 0 0 26px;
  }
}
.car__button--back, .hero__button--back {
  background-color: transparent;
  border: 0;
  outline: 0;
  appearance: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 2.8px;
  color: white;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 17px;
  padding: 0;
  margin: 0 0 9px;
  text-decoration: none;
}
@media (min-width: 1024px) {
  .car__button--back, .hero__button--back {
    margin: 0 0 26px;
  }
}
@media (min-width: 1024px) {
  .car__tag, .hero__tag {
    display: inline-block;
    padding: 2px 6px 4px 5px;
    margin: 0 0 5px;
  }
}
@media (min-width: 1024px) {
  .car__headline, .hero__headline {
    font-size: 40px;
    line-height: 38px;
    letter-spacing: 0.03em;
  }
}
.car__headline a, .hero__headline a {
  text-decoration: none;
}
.car__content {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: start;
  padding: 17px 0 0;
}
.car__content > * {
  grid-column: 2/-2;
}
.car__images {
  grid-column: 2/-2;
}
@media (min-width: 1024px) {
  .car__images {
    grid-column: 2/span 6;
    grid-row: span 6;
  }
}
.car__detail-images, .car__thumbnails {
  display: grid;
  grid-auto-flow: column;
  overflow: hidden;
  overflow-x: auto;
  padding: 0 13px;
  margin: 0 -13px;
  /* Hide scrollbar for Chrome, Safari and Opera */
  /* Hide scrollbar for IE, Edge and Firefox */
  position: relative;
}
.car__detail-images::-webkit-scrollbar, .car__thumbnails::-webkit-scrollbar {
  display: none;
}
.car__detail-images, .car__thumbnails {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
@media (min-width: 1024px) {
  .car__detail-images, .car__thumbnails {
    padding: 0;
    margin: 0;
    scroll-padding: 0;
  }
}
.car__detail-images {
  grid-auto-columns: 100%;
  column-gap: 13px;
  margin-bottom: 12.5px;
  scroll-snap-type: x mandatory;
  scroll-padding: 0 13px;
}
.car__detail-images img {
  border-radius: 3px;
}
@media (min-width: 1024px) {
  .car__detail-images {
    margin: 0 0 22.8px;
    scroll-padding: 0;
  }
}
.car__thumbnails {
  column-gap: 9px;
  grid-auto-flow: column;
  grid-auto-columns: 89px;
  margin-bottom: 17px;
}
@media (min-width: 1024px) {
  .car__thumbnails {
    column-gap: 15.3px;
    grid-auto-columns: 151.74px;
    margin: 0;
  }
}
.car__thumbnail, .car__detail-image {
  aspect-ratio: 4/3;
}
.car__thumbnail img, .car__detail-image img {
  border-radius: 3px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.car__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.car__detail-image {
  scroll-snap-align: center;
}
.car__price {
  grid-column: 2/span 6;
  font-size: 19px;
  font-weight: 600;
  line-height: 23px;
  height: 30px;
  align-content: center;
}
@media (min-width: 1024px) {
  .car__price {
    grid-column: 9/span 3;
    grid-row: 1;
    font-size: 28px;
    line-height: 34px;
    margin: 12.1px 0 11.6px;
  }
}
.car__availability {
  grid-column: 8/span 6;
  color: #8b8b8b;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  height: 30px;
  display: grid;
  column-gap: 8.9px;
  align-items: center;
  grid-template-columns: auto 1fr;
  justify-self: end;
}
@media (min-width: 1024px) {
  .car__availability {
    grid-column: 12/span 2;
    grid-row: 1;
    margin: 12.1px 0 11.6px;
    font-size: 17px;
    line-height: 20px;
  }
}
.car__vat-status {
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  color: #8B8B8B;
  margin: 0 0 16.6px;
}
@media (min-width: 1024px) {
  .car__vat-status {
    grid-column: 9/span 5;
    grid-row: 2;
    font-size: 17px;
    line-height: 20px;
    margin: 0 0 25.4px;
  }
}
.car__keyfacts {
  display: grid;
  margin: 0 0 18px;
}
@media (min-width: 1024px) {
  .car__keyfacts {
    grid-column: 9/span 5;
    grid-row: 3;
    margin: 0 0 27px;
  }
}
.car__keyfact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 15.5px 16px 16.5px;
  background-color: #E9EAEB;
  font-size: 14px;
  line-height: 17px;
}
.car__keyfact:nth-of-type(even) {
  background-color: #F6F7F7;
}
.car__keyfact span {
  font-weight: 600;
}
@media (min-width: 1024px) {
  .car__keyfact span {
    font-size: 20px;
    line-height: 24px;
  }
}
@media (min-width: 1024px) {
  .car__keyfact strong {
    font-size: 21px;
    line-height: 25px;
  }
}
.car__power {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  margin: 0 0 17px;
}
@media (min-width: 1024px) {
  .car__power {
    grid-column: 9/span 5;
    grid-row: 4;
    font-size: 23px;
    line-height: 28px;
    margin: 0 0 26px;
  }
}
.car__transmission-and-fuel {
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  color: #8B8B8B;
}
@media (min-width: 1024px) {
  .car__transmission-and-fuel {
    font-size: 17px;
    line-height: 20px;
  }
}
.car__features {
  display: flex;
  flex-flow: row wrap;
  gap: 9px;
  margin: 0 0 76px;
}
@media (min-width: 1024px) {
  .car__features {
    grid-column: 9/span 5;
    grid-row: 5;
    margin: 0 0 37.9px;
  }
}
.car__feature {
  display: flex;
  align-items: center;
  gap: 11.8px;
  padding: 10.5px 16.5px 10.5px 14.3px;
  border: 1px solid #d11112;
  border-radius: 5px;
  color: black;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}
@media (min-width: 1024px) {
  .car__feature {
    font-size: 17px;
    line-height: 20px;
  }
}
.car__contact {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  background-color: black;
  padding: 59px 0 69px;
}
.car__contact > * {
  grid-column: 2/-2;
}
.car__contact .car__headline, .car__contact .hero__headline {
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .car__contact {
    grid-column: 9/span 5;
    grid-template-columns: 1fr;
    justify-content: center;
    margin: 0 0 69.6px;
    padding: 41px 65px 66px;
  }
}
.car__contact .car__tag, .car__contact .hero__tag {
  justify-self: center;
  margin: 0 0 10px;
}
.car__contact .car__headline, .car__contact .hero__headline {
  text-align: center;
  margin: 0 0 19px;
}
.car__contact-phone, .car__contact-mail {
  padding: 10px 0 12px;
  border: 1px solid #d11112;
  border-radius: 3px;
  display: flex;
  gap: 3.5px;
  justify-content: center;
  text-decoration: none;
  color: white;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 19px;
}
.car__contact-phone {
  margin: 0 0 24px;
}
.car__details {
  padding: 48px 0 196px;
  display: grid;
}
@media (min-width: 1024px) {
  .car__details {
    grid-column: 2/span 6;
    padding: 0;
    margin: 0 0 167.4px;
  }
}
.car__details-element {
  margin: 0 0 17px;
}
.car__details-element:last-of-type {
  margin: 0 0 27px;
}
.car__details-element > summary {
  list-style: none;
  padding: 15.5px 18px 16px;
  background-color: #E9EAEB;
  display: flex;
  gap: 9.5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}
@media (min-width: 1024px) {
  .car__details-element > summary {
    font-size: 16px;
    line-height: 19px;
  }
}
.car__details-headline, .car__description-headline {
  margin: 0 0 17px;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
}
@media (min-width: 1024px) {
  .car__details-headline, .car__description-headline {
    font-size: 20px;
    line-height: 24px;
  }
}
.car__details-content {
  padding: 18px 16px 26px;
  background-color: #F6F7F7;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .car__details-content {
    font-size: 16px;
    line-height: 22px;
  }
}
.car__details-list {
  display: grid;
  row-gap: 13px;
  padding: 0 0 20.5px;
  margin: 0 0 22.5px;
  border-bottom: 1px solid #D9D9D9;
}
.car__details-listitem {
  display: flex;
  gap: 9.5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .car__details-listitem {
    font-size: 16px;
    line-height: 20px;
  }
}
.car__description {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: grid;
}
@media (min-width: 1024px) {
  .car__description {
    grid-column: 9/span 5;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 167.4px;
  }
}
.car__description ul {
  margin: 0;
  padding-left: 1.25em;
}
.car__description hr {
  margin: 22.5px 0 24.5px;
  height: 0;
  border: 0;
  border-top: 1px solid #D9D9D9;
}
@media (min-width: 768px) {
  .contactform--car button[type=submit] {
    grid-column: span 2;
  }
}

.purchase {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
}
.purchase > * {
  grid-column: 2/-2;
}
.purchase__intro-links, .workshop__intro-links {
  display: grid;
  row-gap: 17px;
  padding: 24px 0 24.6px;
}
@media (min-width: 768px) {
  .purchase__intro-links, .workshop__intro-links {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 32px;
    row-gap: 0;
  }
}
.purchase__intro-links > svg, .workshop__intro-links > svg {
  margin: 31.6px 0 0;
  justify-self: center;
  grid-column: 1/-1;
}
.purchase__intro-link, .workshop__intro-link {
  display: grid;
  justify-items: center;
  padding: 32px 0 41px;
  text-decoration: none;
  color: black;
  border-radius: 5px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
}
@media (min-width: 768px) {
  .purchase__intro-link, .workshop__intro-link {
    padding: 32px 19px 48px;
  }
}
.purchase__intro-link > svg, .workshop__intro-link > svg {
  margin: 0 0 19px;
}
.purchase__intro-link-title {
  margin: 0 0 16px;
  text-transform: uppercase;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}
@media (min-width: 768px) {
  .purchase__intro-link-title {
    margin: 0 0 36px;
  }
}
.purchase__intro-link-content {
  margin: 0 9px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.purchase__form {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  background-color: black;
  padding: 60px 0 49px;
}
.purchase__form > * {
  grid-column: 2/-2;
}
@media (min-width: 768px) {
  .purchase__form {
    padding: 81px 0 99px;
  }
}
.purchase__form-tag {
  justify-self: center;
  margin: 0 0 9px;
}
@media (min-width: 768px) {
  .purchase__form-tag {
    display: inline-block;
    margin: 0 0 10px;
  }
}
.purchase__form-headline {
  justify-self: center;
  margin: 0 0 31px;
}
@media (min-width: 768px) {
  .purchase__form-headline {
    margin: 0 0 49px;
  }
}
.purchase__form-step-indicators {
  margin: 0 0 16px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 768px) {
  .purchase__form-step-indicators {
    justify-self: center;
    width: min(100%, 349px);
    margin: 0 0 38px;
  }
}
.purchase__form-step-indicator {
  justify-items: center;
  display: grid;
  row-gap: 12px;
}
.purchase__form-step-indicator.active .circle {
  background-color: #d11112;
}
.purchase__form-step-indicator.active .title {
  color: white;
}
.purchase__form-step-indicator .circle {
  width: 34px;
  height: 34px;
  border-radius: 34px;
  display: grid;
  place-content: center;
  color: white;
  background-color: #5C5C5C;
  font-size: 19px;
  font-weight: 600;
  line-height: 29px;
}
.purchase__form-step-indicator .title {
  color: #5C5C5C;
  font-size: 10px;
  font-weight: 600;
  line-height: 29px;
  text-transform: uppercase;
}
.purchase__form-steps {
  display: grid;
  row-gap: 36px;
  background-color: #29323B;
  padding: 20px 18px 28px;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .purchase__form-steps {
    width: min(100%, 685px);
    justify-self: center;
  }
}
.purchase__form-step {
  display: grid;
  row-gap: 10px;
  column-gap: 16px;
  color: white;
}
.purchase__form-step select, .purchase__form-step .searchform input[type=text], .searchform .purchase__form-step input[type=text] {
  background-color: #29323B;
}
.purchase__form-step .field-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 16px;
}
.purchase__form-step .field-row > span {
  grid-column: 1/-1;
}
.purchase__form-step.purchase__form-step-2 > .field-row {
  margin: 13px 0 8px;
}
.purchase__form-step .field {
  display: grid;
  color: white;
}
.purchase__form-step .field > span {
  margin: 0 0 10px;
}
.purchase__form-step .field > input {
  color: white;
  border: 1px solid #7e7e7e;
  border-radius: 3px;
  background-color: transparent;
  height: 46px;
  padding: 0 13.4px;
  min-width: 0;
}
.purchase__form-step .field > input::placeholder {
  color: white;
}
.purchase__form-step .field:has([name=build]), .purchase__form-step .field:has([name=registration]) {
  grid-column: span 1;
}
.purchase__form-step .field input[type=file] {
  align-content: center;
}
.purchase__form-step .field--10 {
  margin: 8px 0 0;
}
.purchase__form-step .label--checkbox {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 6px;
  align-items: center;
  align-self: end;
}
.purchase__form-step .label--checkbox .label__text {
  grid-column: 2;
}
.purchase__form-step .label--checkbox input {
  grid-column: 1;
  width: 18px;
  height: 18px;
  padding: 0;
  color: white;
  background-color: transparent;
  appearance: none;
  border: 1px solid #7e7e7e;
  border-radius: 3px;
  margin: 0;
}
.purchase__form-step .label--checkbox input:checked {
  background-image: url(/ui/modules/contactform/assets/check.aa36fa72fc891589ab20.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10.9px;
}
.purchase__form-buttons {
  display: flex;
  gap: 20px;
  justify-content: stretch;
}
.purchase__form-button {
  flex: 1;
  height: 42px;
  border: 0;
  border-radius: 3px;
  outline: 0;
  color: white;
  background-color: #d11112;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 17px;
  text-transform: uppercase;
}
.purchase__form-helptext {
  color: white;
  font-size: 12px;
  line-height: 40px;
}
@media (min-width: 768px) {
  .purchase__form-helptext {
    width: min(100%, 685px);
    justify-self: center;
    margin: 23px 0 0;
  }
}
.purchase .contactform__label {
  margin: 20px 0 0;
}
.purchase__reasons {
  padding: 47px 0 98.9px;
}
@media (min-width: 768px) {
  .purchase__reasons {
    width: min(100%, 811px);
    justify-self: center;
    padding: 83px 0 152px;
  }
}
.purchase__reasons-headline {
  color: black;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 38px;
  text-transform: uppercase;
}
.purchase__reasons-headline--red {
  color: #d11112;
}
@media (min-width: 768px) {
  .purchase__reasons-headline {
    margin: 0 0 80px;
  }
}
.purchase__reasons-list {
  display: grid;
  row-gap: 18px;
  padding: 0;
  list-style: none;
}
.purchase__reasons-list li {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 18px;
}

.workshop {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
}
.workshop > * {
  grid-column: 2/-2;
}
.workshop__intro-links {
  width: min(100%, 1089px);
  justify-self: center;
  padding: 40px 0 81px;
}
@media (min-width: 768px) {
  .workshop__intro-links {
    padding: 102px 0 109px;
  }
}
.workshop__content {
  display: grid;
  row-gap: 1em;
}
@media (min-width: 768px) {
  .workshop__content {
    row-gap: 1.618em;
  }
}
.workshop__content > * {
  margin: 0;
}
.workshop__content__tag {
  margin: 0 0 10px;
}
.workshop__content__headline {
  margin: 0 0 42.1px;
  color: black;
}
.workshop__content__text {
  margin: 0 0 36px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 20px;
}
.workshop__content__list {
  list-style: none;
  display: grid;
  row-gap: 27.1px;
  padding: 0;
}
.workshop__content__list li {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 16.7px;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.workshop__packages {
  padding: 52px 0 68px;
}
@media (min-width: 768px) {
  .workshop__packages {
    padding: 139px 0 223px;
  }
}
.workshop__packages__tag {
  margin: 0 0 10px;
}
.workshop__packages__headline {
  margin: 0 0 20px;
  color: black;
}
.workshop__packages__list {
  display: grid;
  row-gap: 42px;
}
@media (min-width: 1132px) {
  .workshop__packages__list {
    grid-auto-columns: 328px;
    row-gap: 0;
    column-gap: 53px;
    grid-auto-flow: column;
  }
}
.workshop__package {
  display: grid;
  border-radius: 5px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
}
@media (min-width: 1132px) {
  .workshop__package {
    grid-template-rows: subgrid;
    grid-row: span 5;
    align-items: start;
  }
}
.workshop__package--bronze h3::before {
  background-color: #B57011;
}
.workshop__package--silver h3::before {
  background-color: #9B9B9B;
}
.workshop__package--gold h3::before {
  background-color: #FFCE00;
}
.workshop__package picture {
  width: 100%;
}
.workshop__package picture img {
  border-radius: 5px 5px 0 0;
  display: block;
  width: 100%;
}
.workshop__package h3 {
  margin: 41px 35px 16px;
  display: grid;
  grid-template-columns: 36px 1fr;
  column-gap: 6px;
  align-items: center;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  text-transform: uppercase;
}
.workshop__package h3::before {
  content: "";
  width: 36px;
  height: 36px;
  border-radius: 36px;
}
.workshop__package ul {
  display: grid;
  row-gap: 23.1px;
  list-style: none;
  padding: 0;
  margin: 0 35px 57px;
}
.workshop__package ul li {
  display: grid;
  grid-template-columns: 36px 1fr;
  column-gap: 6px;
  align-items: center;
}
.workshop__package ul li svg {
  justify-self: center;
}
.workshop__package strong {
  justify-self: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 8px;
}
.workshop__package small {
  justify-self: center;
  margin: 0 0 29px;
}

.jobs, .contact {
  padding: 51px 0 125px;
  width: min(100%, 907px);
  justify-self: center;
}
.jobs__tag, .contact__tag {
  display: inline-block;
  margin: 0 0 10px;
}
@media (min-width: 768px) {
  .jobs__tag, .contact__tag {
    margin: 0 0 24px;
  }
}
.jobs__headline, .contact__headline {
  color: black;
  margin: 0 0 76px;
}
@media (min-width: 768px) {
  .jobs__headline, .contact__headline {
    margin: 0 0 47px;
  }
}
.jobs .contactform, .contact .contactform {
  margin: 0 0 44px;
}
@media (min-width: 768px) {
  .jobs .contactform, .contact .contactform {
    margin: 0 0 41px;
  }
}
.jobs__mailtext {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 22px;
}
@media (min-width: 768px) {
  .jobs__mailtext {
    font-size: 22px;
    letter-spacing: 0.01em;
  }
}
.jobs__mailtext a {
  color: #d11112;
  font-weight: 600;
}

.page__content {
  display: grid;
  padding: 58px 0 219.9px;
}
@media (min-width: 768px) {
  .page__content {
    padding: 73px 0 240px;
    width: min(100%, 914px);
    justify-self: center;
  }
}
.page__content em {
  color: #d11112;
  font-weight: 600;
  font-style: normal;
}
.page__content__tag {
  color: white;
  background-color: #d11112;
  padding: 3px 7px 3px 5px;
  margin: 0 0 10px;
  font-size: 14px;
  justify-self: start;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .page__content__tag {
    padding: 3px 11px 3px 5px;
    margin: 0 0 24px;
  }
}
.page__content__headline {
  color: black;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 38px;
  text-transform: uppercase;
  margin: 0 0 30.5px;
}
.page__content__text {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 22px;
  margin: 0 0 26.5px;
}
@media (min-width: 768px) {
  .page__content__text {
    letter-spacing: 0.01em;
    margin: 0 0 97px;
  }
}
.page__content__list {
  list-style: none;
  display: grid;
  row-gap: 18px;
  padding: 0;
}
.page__content__list li {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 18px;
}
@media (min-width: 768px) {
  .page__content__list li {
    font-size: 16px;
  }
}

.faq {
  padding: 63px 0 453px;
  display: grid;
  row-gap: 106px;
}
@media (min-width: 768px) {
  .faq {
    padding: 74px 0 395px;
    width: min(100%, 917.52px);
    justify-self: center;
  }
}
.faq details {
  padding: 0 0 14px;
  margin: 0 0 14px;
  border-bottom: 1px solid #707070;
}
.faq summary {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 24px;
}
.faq video {
  width: 100%;
  aspect-ratio: 16/9;
  margin: 20px 0;
}
.faq__headline {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 38px;
  margin: 0 0 27px;
}

.contact__tag {
  margin: 0 0 10px;
}
.contact__headline {
  color: black;
  margin: 0 0 76px;
}
@media (min-width: 768px) {
  .contact__headline {
    margin: 0 0 47px;
  }
}

.contactform--contact {
  margin: 0 0 144px;
}
@media (min-width: 768px) {
  .contactform--contact {
    margin: 0 0 240px;
  }
}

.toast {
  margin: 20px 0;
  padding: 8px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.6);
}
.toast--success {
  background-color: seagreen;
}
.toast--error {
  background-color: #b84b4b;
}

.campaigns {
  display: grid;
  row-gap: 116px;
  padding: 116px 0;
}

.campaign {
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
}
@media (min-width: 1024px) {
  .campaign {
    grid-template-columns: repeat(2, 1fr);
  }
}
.campaign .content {
  padding: 55px 23px 52px;
  background-color: #F0F0F0;
  display: grid;
  align-content: start;
}
.campaign .content p {
  margin: 0 0 57px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.03em;
}
@media (min-width: 768px) {
  .campaign .content p {
    margin: 0 0 64px;
    font-size: 16px;
    line-height: 22px;
  }
}
.campaign .headline {
  font-size: 32px;
  line-height: 38px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin: 0 0 34px;
}
.campaign .images {
  display: grid;
}
.campaign .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.campaign .badge {
  display: grid;
  place-content: center;
  width: 130px;
  height: 130px;
  border-radius: 130px;
  padding: 22px;
  background-color: black;
  color: white;
  text-align: center;
  position: absolute;
  inset: 0 32px auto auto;
  transform: rotate(-9deg) translate(0, -50%);
}
@media (min-width: 1024px) {
  .campaign .badge {
    width: 145px;
    height: 145px;
    border-radius: 145px;
    inset: 0 auto auto 50%;
    transform: rotate(-9deg) translate(-50%, -50%);
    transform-origin: top left;
  }
}
.campaign .badge span {
  width: min-content;
  font-size: 16px;
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 18px;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .campaign .badge span {
    font-size: 18px;
    letter-spacing: 0.02em;
    line-height: 20px;
  }
}
.campaign--google-reviews .content {
  grid-column: 1;
  grid-row: 1;
}
.campaign--google-reviews .content .button, .campaign--google-reviews .content .damage button[type=submit], .damage .campaign--google-reviews .content button[type=submit], .campaign--google-reviews .content .searchform button[type=submit], .searchform .campaign--google-reviews .content button[type=submit], .campaign--google-reviews .content .latestcars__car-link, .campaign--google-reviews .content .foundcars__car-link, .campaign--google-reviews .content .contactform button[type=submit], .contactform .campaign--google-reviews .content button[type=submit], .campaign--google-reviews .content .contactform--jobs button[type=submit], .contactform--jobs .campaign--google-reviews .content button[type=submit], .campaign--google-reviews .content .contactform--car button[type=submit], .contactform--car .campaign--google-reviews .content button[type=submit] {
  max-width: 343px;
}
.campaign--google-reviews .images img {
  grid-column: 1;
  grid-row: 1;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.campaign--google-reviews .images img.active {
  opacity: 1;
}
.campaign--google-reviews .google-badge {
  margin: 0 0 9px;
}
.campaign--friends150 .content {
  grid-column: 1;
  grid-row: 1;
}
@media (min-width: 1024px) {
  .campaign--friends150 .content {
    grid-column: 2;
  }
}
.campaign--friends150 .content p {
  margin: 0 0 57px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.03em;
}
@media (min-width: 768px) {
  .campaign--friends150 .content p {
    margin: 0 0 64px;
    font-size: 16px;
    line-height: 22px;
  }
}
.campaign--friends150 .content .button, .campaign--friends150 .content .damage button[type=submit], .damage .campaign--friends150 .content button[type=submit], .campaign--friends150 .content .searchform button[type=submit], .searchform .campaign--friends150 .content button[type=submit], .campaign--friends150 .content .latestcars__car-link, .campaign--friends150 .content .foundcars__car-link, .campaign--friends150 .content .contactform button[type=submit], .contactform .campaign--friends150 .content button[type=submit], .campaign--friends150 .content .contactform--jobs button[type=submit], .contactform--jobs .campaign--friends150 .content button[type=submit], .campaign--friends150 .content .contactform--car button[type=submit], .contactform--car .campaign--friends150 .content button[type=submit] {
  margin: 0 0 64px;
  max-width: 343px;
}
.campaign--friends150 .images {
  grid-row: 2;
}
@media (min-width: 1024px) {
  .campaign--friends150 .images {
    grid-column: 1;
    grid-row: 1;
  }
}
.campaign--friends150 .euro-badge {
  margin: 0 0 21px;
}

.campaign-content {
  font-size: 18px;
  font-weight: 900;
}
.campaign-content video {
  background-color: black;
  height: auto;
  margin-block: 3rem;
  width: 100%;
}
@media (min-width: 768px) {
  .campaign-content video {
    width: 100%;
    aspect-ratio: 16/9;
  }
}
.campaign-content .headline {
  font-family: "Barlow Condensed", sans-serif;
  margin-block-start: 25px;
  position: relative;
}
@media (min-width: 1024px) {
  .campaign-content .headline {
    margin-block-start: 98px;
  }
}
.campaign-content .headline .badge {
  background-color: black;
  border-radius: 107px;
  color: white;
  display: grid;
  font-size: 18px;
  height: 107px;
  inset: 0 0 auto auto;
  letter-spacing: 0.02em;
  line-height: 20px;
  place-content: center;
  position: absolute;
  text-align: center;
  transform: rotate(-9deg);
  width: 107px;
}
@media (min-width: 1024px) {
  .campaign-content .headline .badge {
    border-radius: 184px;
    font-size: 33px;
    height: 184px;
    letter-spacing: 0.02em;
    line-height: 36px;
    width: 184px;
  }
}
.campaign-content .headline .content strong {
  background-color: #d11112;
  color: white;
  font-size: 47px;
  font-weight: 700;
  line-height: 1.5;
  padding: 0.125em 0.5em;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .campaign-content .headline .content strong {
    font-size: 80px;
  }
}
.campaign-content .font-size-large {
  font-size: larger;
}

.footer {
  margin-block-start: 94px;
}

.damage {
  grid-column: 2/-2;
  display: grid;
  gap: 20px;
  justify-self: center;
  margin: 20px 0;
}
@media (min-width: 768px) {
  .damage {
    width: 768px;
    grid-template-columns: 30ch 1fr 1fr;
  }
}
.damage > * {
  grid-column: 1/-1;
  margin: 0;
}
.damage > label {
  display: grid;
  row-gap: 10px;
}
@media (min-width: 768px) {
  .damage > label {
    grid-template-columns: subgrid;
    align-items: center;
  }
}
.damage > label input, .damage > label textarea {
  grid-column: span 2;
}
.damage label:has(input[type=radio]) {
  display: grid;
  gap: 10px;
  grid-template-columns: auto 1fr;
}
.damage input,
.damage select,
.damage .searchform input[type=text],
.searchform .damage input[type=text],
.damage textarea {
  background-color: transparent;
  appearance: none;
  border: 1px solid #7e7e7e;
  border-radius: 3px;
  margin: 0;
  padding: 15.1px 13.4px 16.9px;
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 14px;
}
@media (min-width: 768px) {
  .damage input,
  .damage select,
  .damage .searchform input[type=text],
  .searchform .damage input[type=text],
  .damage textarea {
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 19px;
    padding: 11.1px 13.4px;
  }
}
.damage textarea {
  resize: vertical;
}
.damage input[type=radio] {
  width: 18px;
  height: 18px;
  padding: 0;
}
.damage input[type=radio]:checked {
  background-image: url(/ui/modules/contactform/assets/check.aa36fa72fc891589ab20.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10.9px;
}
.damage div {
  display: grid;
  row-gap: 10px;
  grid-template-columns: subgrid;
}
.damage__headline {
  margin-top: 20px;
}
.damage button[type=submit] {
  margin: 0 0 15px;
}
@media (min-width: 768px) {
  .damage button[type=submit] {
    grid-column: 3;
    padding: 11.1px 13.4px;
    margin: 0;
  }
}