@font-face {
  font-family: Icofont;
  src: url('../fonts/icofont.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlowcondensed_Google;
  src: url('../fonts/BarlowCondensed-ExtraBold.ttf') format("truetype"), url('../fonts/BarlowCondensed-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlowcondensed_Google;
  src: url('../fonts/BarlowCondensed-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlowcondensed_Google;
  src: url('../fonts/BarlowCondensed-BoldItalic.ttf') format("truetype"), url('../fonts/BarlowCondensed-ExtraBoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlowcondensed_Google;
  src: url('../fonts/BarlowCondensed-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlowcondensed_Google;
  src: url('../fonts/BarlowCondensed-ExtraLightItalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlowcondensed_Google;
  src: url('../fonts/BarlowCondensed-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlowcondensed_Google;
  src: url('../fonts/BarlowCondensed-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlowcondensed_Google;
  src: url('../fonts/BarlowCondensed-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlowcondensed_Google;
  src: url('../fonts/BarlowCondensed-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlowcondensed_Google;
  src: url('../fonts/BarlowCondensed-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlowcondensed_Google;
  src: url('../fonts/BarlowCondensed-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlowcondensed_Google;
  src: url('../fonts/BarlowCondensed-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlowcondensed_Google;
  src: url('../fonts/BarlowCondensed-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlowcondensed_Google;
  src: url('../fonts/BarlowCondensed-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlowcondensed_Google;
  src: url('../fonts/BarlowCondensed-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlowcondensed_Google;
  src: url('../fonts/BarlowCondensed-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Exo Variablefont Wght_Google;
  src: url('../fonts/Exo-Italic-VariableFont_wght.ttf') format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Exo Variablefont Wght_Google;
  src: url('../fonts/Exo-VariableFont_wght.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --primary-black: #0d0d0d;
  --paragraph: #666;
  --primary: #2b69d6;
  --secondary-color: #e8f0fd;
  --primary-white: white;
  --heading: #292b31;
  --white: white;
  --black: black;
  --rot: #8b1e2d;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--primary-black);
  font-family: Josefin Sans, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 68px;
  font-weight: 700;
  line-height: 100px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 66px;
}

h3 {
  max-width: 860px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 46px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}

p {
  max-width: 800px;
  color: var(--paragraph);
  margin-bottom: 0;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-weight: 300;
}

a {
  color: var(--primary);
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

ol {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  margin-top: 40px;
  margin-bottom: 50px;
  padding-left: 20px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 40px;
}

img {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  display: inline-block;
}

form {
  width: 100%;
}

label {
  margin-bottom: 0;
  font-weight: 600;
  display: block;
}

blockquote {
  background-color: #f3f3f3;
  border-left: 5px solid #e2e2e2;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 46px 200px 46px 100px;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.sub-title-of-style-guide {
  color: #475467;
  min-width: 100px;
  margin-right: 0;
  font-weight: 400;
  line-height: 20px;
}

.headings-wrapper {
  grid-row-gap: 40px;
  flex-direction: column;
  display: flex;
}

.color-code {
  color: #929292;
}

.style-title {
  color: #4d4d4d;
  letter-spacing: 2px;
  font-size: 36px;
  font-weight: 600;
  line-height: 43px;
}

.color-code-and-opacity {
  grid-row-gap: 6px;
  flex-direction: column;
  display: flex;
}

.divider-of-styleguide {
  background-color: #d9d9d9;
  max-width: 202px;
  min-height: 3px;
  margin-top: 11px;
}

.heading-details {
  grid-row-gap: 11px;
  flex-direction: column;
  display: flex;
}

.font-details-text {
  margin-left: 0;
  margin-right: 0;
  line-height: 20px;
}

.container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1640px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 400;
  display: block;
}

.container.grid-4-column {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  padding-left: 40px;
  padding-right: 40px;
  display: grid;
}

.container.middle-allign {
  text-align: center;
  display: flex;
}

.container.space-between {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.container.grid-2-column {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.container.two-column-single-page {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.color-grid {
  grid-column-gap: 60px;
  grid-row-gap: 50px;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1000px;
  display: flex;
}

.color-details {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.color-and-typography-section {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.style-guide-wrapper {
  grid-row-gap: 60px;
  flex-direction: column;
  display: flex;
}

.style-guide-wrapper.extra-margin {
  margin-top: 120px;
}

.style-guide-wrapper.button-style {
  grid-row-gap: 40px;
}

.color-container {
  grid-column-gap: 30px;
  flex-direction: row;
  display: flex;
}

.color-box {
  background-image: linear-gradient(#bf6767, #bf6767);
  width: auto;
  min-width: 180px;
  max-width: none;
  min-height: 100px;
  margin-bottom: 6px;
}

.color-box.heading-color-with-white-background-secondary {
  background-color: #666;
  background-image: none;
}

.color-box.background {
  background-color: var(--secondary-color);
  background-image: none;
}

.color-box.secondary-color {
  background-color: var(--primary-white);
  background-image: none;
  box-shadow: 0 0 20px #b8b8b840;
}

.color-box.heading-color {
  background-color: #fff;
  background-image: none;
  box-shadow: 0 0 20px #b8b8b840;
}

.color-box.heading-color-with-white-background {
  background-color: var(--primary-black);
  background-image: none;
}

.color-box.primary {
  background-color: var(--primary);
  background-image: none;
}

.color-box.paragraph-color {
  background-color: #fff;
  background-image: none;
  box-shadow: 0 0 20px #b8b8b840;
}

.color-box.black-primary {
  background-color: var(--primary-black);
  background-image: none;
}

.heading-block {
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.style-sub-title {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

.heading-details-block {
  grid-column-gap: 20px;
  display: flex;
}

.style-guide-section-heading {
  margin-bottom: 0;
}

.color-block {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.active-and-hover-buttons {
  grid-column-gap: 40px;
  flex-direction: row;
  display: flex;
}

.button-style-wrapper {
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.primary-button {
  background-color: var(--primary);
  text-align: center;
  border-radius: 4px;
  padding: 10px 30px;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  transition: background-color .4s;
}

.primary-button:hover {
  background-color: var(--heading);
}

.primary-button.hover-state {
  background-color: var(--secondary-color);
}

.primary-button.button-with-arrow {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 20px;
  line-height: 30px;
  display: flex;
}

.primary-button.button-with-arrow:hover {
  background-color: var(--heading);
}

.primary-button.margin-top-30px {
  margin-top: 30px;
}

.button-style-container {
  grid-column-gap: 20px;
  flex-direction: row;
  display: flex;
}

.button-and-form-section {
  background-color: #f9f9f9;
  padding-top: 100px;
  padding-bottom: 100px;
}

.nav-button-list {
  flex: 1;
  margin-left: 33px;
  display: block;
}

.nav-menu-wrapper {
  flex-direction: row;
  padding-left: 0;
  display: block;
}

.nav-link {
  color: #d6d6d6;
  text-transform: none;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 0;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
  transition: color .3s ease-out;
}

.nav-link:hover {
  color: var(--primary);
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  outline: 2px solid #0050bd;
}

.nav-link.w--current {
  color: var(--primary);
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.cross-icon {
  display: none;
}

.dropdown-options {
  z-index: 1;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding: 22px 30px;
  display: none;
  position: absolute;
  right: -27.7031px;
  box-shadow: 0 10px 30px #00000026;
}

.dropdown-options.w--open {
  display: flex;
}

.main-logo {
  width: 100%;
  min-width: auto;
  max-width: 190px;
  min-height: auto;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.submenu-link {
  color: var(--paragraph);
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-family: Inter, sans-serif;
  font-weight: 300;
  transition: transform .25s cubic-bezier(.25, .46, .45, .94), color .35s;
}

.submenu-link:hover {
  color: var(--primary);
  transform: translate(10px);
}

.submenu-link.w--current {
  color: #30aca6;
}

.nav-menu {
  grid-column-gap: 36px;
  color: #fff;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-dropdown {
  padding: 0 20px 0 0;
}

.navbar {
  z-index: 101;
  background-color: #020203;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 0;
  position: sticky;
  top: 0;
  box-shadow: 0 2px 5px #0003;
}

.menu-button {
  padding-bottom: 15px;
}

.navbar-logo-wrapper {
  max-width: 160px;
}

.nav-icon {
  color: var(--paragraph);
  margin-right: 0;
}

.nav-list {
  flex: none;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.extra-large-heading {
  width: 100%;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 100px;
  font-weight: 700;
  line-height: 100px;
}

.paragraph-style-heading {
  margin-bottom: -6px;
  font-size: 20px;
  line-height: 24px;
}

.extra-margin {
  margin-top: 15px;
  margin-bottom: 15px;
}

.testimonial-slider-nav-style-css {
  display: none;
}

.slider-wrapper {
  background-image: url('../images/Header-blue-light-duscher-logo.jpg'), url('../images/Header_1.avif'), url('../images/Header.avif'), url('../images/pexels-s-von-hoerst-2676096-1_1pexels-s-von-hoerst-2676096 1.webp');
  background-position: 28%, 30%, 26%, 50%;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: cover, cover, cover, 1920px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-top: 120px;
  padding-bottom: 150px;
  display: flex;
}

.slider-wrapper._2nd-slider {
  background-image: url('../images/pexels-pixabay-164634-1_1pexels-pixabay-164634 1.webp');
}

.slider-wrapper._3rd-slider {
  background-image: url('../images/pexels-aleksey-kuprikov-3786091-1_1pexels-aleksey-kuprikov-3786091 1.webp');
}

.page-title {
  color: #fff;
  max-width: 1000px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 78px;
}

.slider-navigation {
  font-size: 12px;
  line-height: 12px;
  bottom: 25px;
}

.hero-slider-content {
  background-image: linear-gradient(to right, #000000b3, #fff0);
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 820px;
  height: 441px;
  padding: 40px 33px 80px 40px;
  display: flex;
}

.hero-slider {
  height: 100%;
}

.hidden {
  display: none;
}

.low-opacity-paragraph {
  z-index: 0;
  color: #fffc;
}

.low-opacity-paragraph.slider-paragraph {
  max-width: 540px;
  margin-top: 20px;
  margin-bottom: 50px;
  font-size: 20px;
  line-height: 30px;
}

.low-opacity-paragraph.cta-paragraph {
  margin-top: 26px;
  margin-bottom: 40px;
}

.low-opacity-paragraph.faq-paragraph {
  max-width: 580px;
  margin-top: 20px;
}

.icon {
  font-family: Icofont, sans-serif;
}

.icon.button-arrow-icon {
  font-size: 30px;
}

.icon.tick-mark {
  color: #c3c3c3;
  font-size: 24px;
  line-height: 24px;
}

.icon.eye {
  color: var(--primary-white);
  cursor: pointer;
  font-size: 90px;
  line-height: 90px;
}

.icon.contact-icons {
  color: var(--primary);
  padding: 14px;
  font-size: 30px;
  line-height: 30px;
}

.icon.link-to-car-page {
  color: var(--heading);
  background-color: #f6f6f6;
  padding: 6px;
  font-size: 18px;
  line-height: 18px;
  transition: background-color .2s, color .2s;
  display: block;
}

.icon.link-to-car-page:hover {
  background-color: var(--primary);
  color: var(--primary-white);
}

.section {
  padding-top: 60px;
  padding-bottom: 120px;
}

.features-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  background-color: #f3f3f3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 40px;
}

.svg-image {
  width: 100%;
  max-width: 60px;
  height: 60px;
}

.sub-title {
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

.sub-title.features-title {
  margin-bottom: 15px;
  font-weight: 500;
}

.sub-title.team-name {
  margin-bottom: 18px;
  line-height: 20px;
}

.blog-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.limited-width-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 700px;
  display: flex;
}

.heading {
  max-width: 850px;
  color: var(--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  line-height: 52px;
}

.heading.white {
  color: var(--primary-white);
}

.heading.margin-both-sides {
  margin-top: 180px;
  margin-bottom: 120px;
}

.about-carhub {
  background-color: #f8f8f8;
  height: 100%;
  max-height: 665px;
  display: flex;
  position: relative;
}

.full-height-image {
  height: 100%;
}

.property-cta-block {
  grid-row-gap: 50px;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  margin-left: 40px;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
}

.property-half-image-wrapper {
  width: 100%;
  overflow: hidden;
}

.footer {
  margin-top: 120px;
}

.subscription {
  background-image: url('../images/email-newsletter-marketing-online-communication-mail-1583291-pxhere-1_1email-newsletter-marketing-online-communication-mail-1583291-pxhere 1.webp');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding: 51px 20px 76px;
  display: flex;
}

.subscription-form {
  margin-top: 21px;
  position: relative;
}

.subscription-field {
  border: 2px solid #dadada;
  border-radius: 30px;
  min-height: 56px;
  margin-bottom: 0;
  padding: 15px 27px;
}

.subscription-button {
  color: var(--primary);
  background-color: #3898ec00;
  padding: 15px 27px 15px 0;
  font-family: Icofont, sans-serif;
  font-size: 26px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.limited-width-paragraph {
  max-width: 700px;
  margin-top: 12px;
}

.featured-image {
  border-radius: 20px;
  max-width: 600px;
  height: 540px;
}

.featured-image.scale {
  min-width: 450px;
  transform-style: preserve-3d;
  transform: scale3d(1.4, 1.2, 1);
}

.car-tabs {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.car-tabs-menu {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-bottom: 1px solid #bdbdbd;
  flex-direction: row;
  width: 100%;
  margin-bottom: 40px;
  padding-bottom: 12px;
  display: flex;
}

.car-tab {
  color: var(--paragraph);
  background-color: #fff;
  padding: 0;
  font-weight: 500;
}

.car-tab.w--current {
  color: var(--primary);
  background-color: #fff0;
}

.car-tab-contents {
  width: 100%;
  overflow: visible;
}

._4-column-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

._4-column-grid.flex-in-desktop {
  flex-wrap: wrap;
  justify-content: flex-start;
  display: flex;
}

.car-card {
  width: 100%;
  max-width: 375px;
  box-shadow: 0 10px 30px #0000000d;
}

.mask {
  position: relative;
  overflow: hidden;
}

.mask.min-width {
  width: 100%;
}

.car-body {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  padding: 17px 24px 34px;
  display: flex;
}

.car-thumbnail {
  object-fit: cover;
  width: 375px;
  height: 294px;
}

.text-merge {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.text-merge.model-year {
  background-color: #ececec;
  padding: 4px 10px;
  font-size: 12px;
  line-height: 24px;
}

.car-name {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 26px;
}

.car-name.car-name-margin {
  margin-top: 16px;
  margin-bottom: 6px;
}

.price {
  color: var(--primary);
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.car-footer {
  background-color: #fbfbfb;
  justify-content: space-between;
  padding: 15px 18px;
  display: flex;
}

.flex-horizontal {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.flex-horizontal.contact-box {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  align-items: flex-start;
}

.flex-horizontal._30px-gap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

._20px-image {
  width: 20px;
  height: 20px;
}

.car-status {
  background-color: var(--primary);
  color: var(--primary-white);
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  position: absolute;
  inset: 20px auto auto 0%;
}

.car-status.used {
  background-color: var(--secondary-color);
}

.cta-section {
  text-align: center;
  background-image: linear-gradient(#000000b0, #000000b0), url('../images/PEUGEOT_E308SW_2508CV_532_FR.avif'), url('../images/Header.avif');
  background-position: 0 0, 50%, 0 100%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, cover, auto;
  background-attachment: scroll, scroll, scroll;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 96px 90px;
  display: flex;
}

.cta-block {
  max-width: 635px;
}

.testimonial-author-name {
  color: #000;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.three-column-grid {
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.three-column-grid.margin-top {
  grid-template-columns: 1fr 1fr 1fr;
}

.three-column-grid.margin-top.abstand-unten-30-px {
  margin-bottom: 40px;
}

.three-column-grid.testimonial-grid {
  grid-row-gap: 60px;
  margin-top: 60px;
}

.three-column-grid.flex-in-desktop {
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.quote-icon {
  max-width: 40px;
}

.star-icon {
  color: #ffb11b;
  font-family: Icofont, sans-serif;
  font-size: 16px;
  line-height: 16px;
}

.testimonial-wrapper {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.star-wrapper {
  grid-column-gap: 7px;
  flex-direction: row;
  margin-top: 14px;
  display: flex;
}

.testimonial-card {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 500px;
  height: 100%;
  padding: 40px 40px 60px;
  font-weight: 300;
  line-height: 28px;
  display: flex;
  position: relative;
}

.testimonial-author-designation {
  color: var(--paragraph);
  margin-top: -4px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.testimonial-author-block {
  grid-column-gap: 12px;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: 30px;
  display: flex;
}

.testimonial-author {
  border: 1px solid #eee;
  border-radius: 50%;
  max-width: 38px;
  height: 38px;
}

.two-column-grid {
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.two-column-grid.margin-top {
  grid-template-rows: auto;
}

.news-card {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: #f3f3f3;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  height: 100%;
  padding: 20px 50px 20px 20px;
  display: flex;
}

.news-card.related-news {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
}

.margin-top {
  margin-top: 60px;
}

.news-image {
  border-radius: 10px;
  max-width: 340px;
  height: 380px;
}

.news-image.related-image {
  max-width: 240px;
  height: 100%;
}

.vertical-wrapper {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.vertical-wrapper.news-wrapper {
  justify-content: space-between;
  padding-top: 42px;
  padding-bottom: 42px;
}

.vertical-wrapper.news-wrapper.related-wrapper {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.vertical-wrapper.team-info {
  justify-content: space-between;
  max-width: 910px;
  margin-left: -65px;
  padding: 55px 64px 64px 51px;
}

.vertical-wrapper._10px-gap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.category-style-button {
  background-color: var(--primary);
  color: var(--primary-white);
  border-radius: 5px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.wrapper {
  width: 100%;
}

.white-heading {
  color: var(--primary-white);
  margin-top: 0;
  margin-bottom: 0;
}

.read-more {
  color: var(--paragraph);
  font-weight: 500;
}

.summary-mask {
  height: 52px;
  overflow: hidden;
}

.news-information-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.news-information-block.related-info-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.social-icon-container {
  grid-column-gap: 16px;
  flex-direction: row;
  margin-top: 10px;
  margin-left: -5px;
  display: flex;
}

.footer-copyright {
  grid-column-gap: 5px;
  color: #8e8e99;
  flex-wrap: wrap;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-weight: 400;
  line-height: 26px;
  display: flex;
}

.footer-bottom {
  justify-content: space-between;
  align-items: center;
  max-width: 1640px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 20px 42px;
  display: flex;
}

.footer-title {
  color: var(--primary-black);
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.footer-block {
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 160px;
  display: flex;
}

.footer-block.subscribe-block {
  max-width: 370px;
}

.footer-block.first-block {
  width: 100%;
  max-width: 380px;
}

.social-icon {
  color: #0003;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  padding: 15px;
  font-family: Icofont, sans-serif;
  font-size: 19px;
  line-height: 19px;
  transition: border-color .4s, color .5s ease-in-out, background-color .2s, transform .4s;
  display: flex;
}

.social-icon:hover {
  border-color: #0000;
  transform: translate(0, -3px);
}

.social-icon.linkedin:hover {
  color: #fff;
  background-color: #0077b5;
}

.social-icon.twitter {
  font-size: 18px;
  line-height: 18px;
}

.social-icon.twitter:hover {
  color: #fff;
  background-color: #1da1f2;
}

.social-icon.pinterest:hover {
  color: #fff;
  background-color: #e60023;
}

.social-icon.youtube:hover {
  color: #fff;
  background-color: red;
}

.social-icon.facebook:hover {
  color: #fff;
  background-color: #4267b2;
}

.footer-wrapper {
  grid-column-gap: 40px;
  border-bottom: 1px solid #d1d1d1;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 80px;
  padding-bottom: 60px;
  display: flex;
}

.footer-link {
  color: #8e8e99;
  justify-content: flex-start;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
  transition: color .4s ease-out;
}

.footer-link:hover, .footer-link.w--current {
  color: var(--primary);
}

.webflow-link {
  color: #8e8e99;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-weight: 500;
}

.list-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.information-wrapper {
  grid-row-gap: 17px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.information-block {
  grid-column-gap: 25px;
  align-items: flex-start;
  display: flex;
}

.footer-icon {
  color: #8e8e99;
  cursor: pointer;
  border-radius: 50%;
  padding: 0;
  font-family: Icofont, sans-serif;
  font-size: 20px;
  line-height: 26px;
  transition: transform .4s, color .4s;
}

.footer-icon:hover {
  color: var(--primary);
  -webkit-text-stroke-color: var(--primary);
  transform: scale(1.1);
}

.information-text {
  color: var(--paragraph);
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-weight: 300;
  line-height: 26px;
}

.information-text:hover {
  color: var(--primary);
}

.footer-logo-grid {
  grid-column-gap: 8px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-images-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.credit-cards {
  max-width: 50px;
  height: 30px;
}

.partner-logos {
  background-color: #f3f3f3;
  width: 66px;
  max-width: 88px;
  height: 100%;
  padding: 14px;
}

.banner {
  background-image: url('../images/pexels-s-von-hoerst-2676096-1-1_1pexels-s-von-hoerst-2676096 1 (1).webp');
  background-position: 50%;
  background-size: cover;
  max-height: 200px;
  margin-bottom: 2px;
  padding-top: 86px;
  padding-bottom: 78px;
  display: flex;
}

.page-name {
  color: var(--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  line-height: 46px;
}

.breadcrumb {
  color: var(--primary-white);
  font-family: Barlowcondensed_Google, Arial, sans-serif;
}

.margin-on-both-side {
  margin-top: 22px;
  margin-bottom: 40px;
}

.image-wrapper {
  width: 100%;
  position: relative;
}

.image-background {
  z-index: -1;
  background-color: #2b69d626;
  border-radius: 20px;
  position: absolute;
  inset: 40px -44px -40px 44px;
}

.milestone {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  background-color: #f3f3f3;
  flex-direction: column;
  width: 100%;
  max-width: 660px;
  padding: 100px 60px 40px 70px;
  display: flex;
}

.milestone-wrapper {
  margin-top: 160px;
  display: flex;
}

.milestone-wrapper.no-margin {
  margin-top: 0;
}

.counter-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
}

.counter-card {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: var(--primary-white);
  background-color: #000407;
  border: 1px solid #ececec80;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 50px 20px 54px 80px;
  display: flex;
}

.counter-title {
  color: #fffc;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.section-title-wrapper {
  grid-row-gap: 18px;
  flex-direction: column;
  display: flex;
}

.why-choose-logo {
  max-width: 46px;
  max-height: 46px;
}

.our-team-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 70px;
  display: flex;
}

.featured-team-image {
  max-width: 530px;
}

.team-info {
  background-color: #f3f3f3;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.signature {
  max-width: 96px;
  height: 36px;
  margin-top: 30px;
}

.designation-with-margin {
  color: #5c5c5c;
  margin-bottom: 15px;
  font-weight: 600;
}

.team-card {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.team-member-image {
  max-width: 378px;
  max-height: 420px;
  margin-bottom: 30px;
}

.designation {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}

._6-column-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  max-width: 1360px;
  margin-top: 60px;
}

.logo-card {
  background-color: #f3f3f3;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  padding: 20px;
  display: flex;
}

.brand-logo {
  object-fit: contain;
  max-width: 140px;
  height: 50px;
}

.faq-section {
  background-color: #0a2035;
  padding-top: 50px;
  padding-bottom: 35px;
}

.faq-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.faq-block {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.faq-image {
  border-radius: 10px;
  max-width: 482px;
  max-height: 484px;
}

.faq-wrapper {
  grid-column-gap: 30px;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.bold-title {
  color: #000;
  max-width: 420px;
  font-weight: 500;
  line-height: 30px;
}

.faq-flex-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 60px;
  display: flex;
}

.dropdown-text {
  color: #475467;
}

.gallery-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 60px;
  display: grid;
}

.gallery-lightbox {
  width: 100%;
  position: relative;
}

.property-gallery {
  height: 100%;
  max-height: 630px;
}

.main-block {
  width: 100%;
  margin-bottom: 0;
}

.sidebar {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  width: 100%;
  max-width: 460px;
  display: flex;
}

.sidebar.cars-sidebar {
  max-width: 357px;
}

.space-between-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.space-between-block.car-key-features {
  border-bottom: 1px solid #dbdbdb;
  padding-top: 20px;
  padding-bottom: 24px;
}

.space-between-block.car-key-features.no-border {
  border-bottom-style: none;
}

.price-single-page {
  color: var(--primary);
  font-size: 36px;
  font-weight: 600;
  line-height: 46px;
}

.secondary-button {
  background-color: var(--secondary-color);
  border-radius: 2px;
  padding: 6px 12px;
  font-weight: 500;
}

.secondary-button.test-drive {
  text-align: center;
  text-transform: uppercase;
  padding-top: 18px;
  padding-bottom: 18px;
}

.price-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.car-info-container {
  border-radius: 4px;
  margin-top: 31px;
  margin-bottom: 80px;
  padding: 60px 60px 90px;
  box-shadow: 0 10px 30px #4658fd1a;
}

.car-info-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  width: 100%;
  display: flex;
}

.svg-wrapper {
  object-fit: contain;
  background-color: #f3f3f3;
  border: 1px solid #ededed;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 56px;
  height: 56px;
  display: flex;
}

._24px-image {
  width: 24px;
  height: 24px;
}

._24px-image.radius-50 {
  border-radius: 100%;
}

._12px-text {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}

.uppercase-text {
  text-transform: uppercase;
  margin-top: 4px;
  font-weight: 600;
  line-height: 20px;
}

._20px-margin-top {
  margin-top: 20px;
}

.svg-and-title {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.key-feature {
  color: var(--paragraph);
}

.other-features-block {
  margin-bottom: 80px;
}

.features-tab-wrapper {
  margin-top: 40px;
}

.tab-link {
  color: var(--paragraph);
  background-color: #ddd0;
  padding: 10px;
  font-size: 20px;
  line-height: 30px;
}

.tab-link.w--current {
  background-color: #0000001a;
}

.tabs-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  display: flex;
}

.tabs-content {
  border: 1px solid #e9e9e9;
  width: 100%;
  max-width: 785px;
  padding: 40px 30px 80px;
}

.features-marked {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.features-grid {
  grid-column-gap: 30px;
  grid-row-gap: 26px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.sidebar-form {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  text-align: center;
  background-color: #f3f3f3;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 0;
  padding: 45px 45px 50px;
  display: flex;
}

.contact-form {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.field-input {
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  min-height: 50px;
  margin-bottom: 0;
  padding: 12px 16px;
}

.field-input.text-area {
  min-height: 138px;
}

.field-input.text-area.contact-field, .field-input.contact-form-field {
  background-color: #f3f3f3;
  border-radius: 2px;
}

.featured-car-banner {
  text-align: center;
  background-image: url('../images/Mask-group_2Mask group.webp');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 37px 18px 77px;
  display: flex;
}

.logo-text {
  color: #b0b0b0;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.banner-heading {
  color: var(--primary-white);
  margin-top: 58px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 600;
  line-height: 46px;
}

.price-banner {
  color: var(--secondary-color);
  font-size: 56px;
  font-weight: 700;
  line-height: 66px;
}

.car-image-banner {
  max-width: 428px;
  max-height: 332px;
  margin-bottom: 45px;
}

.paragraph-text {
  color: var(--paragraph);
  font-family: Inter, sans-serif;
  font-weight: 300;
}

.top-padding-section {
  padding-top: 80px;
}

.cover-image {
  height: 100%;
  max-height: 670px;
}

.info-block {
  grid-column-gap: 12px;
  grid-row-gap: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.author-block {
  grid-column-gap: 10px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.separator {
  background-color: #dbdbdb;
  width: 1px;
  height: 15px;
}

.text-merge-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.description p {
  max-width: none;
  margin-top: 10px;
  margin-bottom: 15px;
}

.blog-post-container {
  text-align: left;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 16px 40px 30px;
  display: flex;
}

.share-icons-wrapper {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.tags-icon-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 420px;
  display: flex;
}

.social-share-icon {
  color: #fff;
  background-color: #1877f2;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  padding: 7px;
  font-family: Icofont, sans-serif;
  line-height: 16px;
}

.social-share-icon.pinterest {
  background-color: #e60023;
}

.social-share-icon.twitter {
  background-color: #1d9bf0;
}

.share-icons-block {
  grid-column-gap: 10px;
  align-items: center;
  display: flex;
}

.summery {
  margin-top: 20px;
  margin-bottom: 30px;
}

.blog-search {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 50px;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.search-input {
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  height: 100%;
  margin-bottom: 0;
  padding: 14px 19px;
}

.search-input::placeholder {
  color: #475467;
  line-height: 26px;
}

.search-btn {
  z-index: 10;
  color: #475467;
  background-color: #0000;
  padding: 0;
  font-family: Icofont, sans-serif;
  font-size: 16px;
  line-height: 26px;
  position: absolute;
  inset: 0% 18px 0% auto;
}

.widget-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.widget {
  background-color: #fcfcfc;
  border: 1px solid #f3f3f3;
  padding: 8px 30px 13px;
}

.widget-link {
  color: #8f8f8f;
  border-bottom: 1px solid #e7e7e7;
  padding-top: 11px;
  padding-bottom: 12px;
  display: block;
}

.widget-link:hover, .widget-link.w--current {
  color: var(--primary);
}

.remove-border {
  background-color: #fcfcfc;
  width: 100%;
  height: 5px;
  position: absolute;
  inset: auto 0% 13px auto;
}

.secondary-container {
  width: 100%;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.secondary-container.two-columns-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  display: flex;
}

.landscape-image-wrapper {
  cursor: pointer;
  border-radius: 2px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  min-width: 360px;
  max-width: 650px;
  height: 378px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gallery-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 30px;
  display: flex;
}

.gallery-image {
  height: 100%;
}

.portrait-image-wrapper {
  cursor: pointer;
  border-radius: 2px;
  width: 100%;
  max-width: 378px;
  height: 378px;
  position: relative;
  overflow: hidden;
}

.portrait-image-wrapper.landscape {
  max-width: 513px;
}

.image-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: row;
  width: 100%;
  display: flex;
}

.page-wrapper {
  overflow: hidden;
}

.featured-wrapper {
  margin-top: 140px;
  display: flex;
}

.lightbox {
  position: relative;
}

.lightbox.middle-one {
  z-index: 1;
}

.hover-overlay {
  background-color: #0009;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hover-overlay.scale {
  transform-style: preserve-3d;
  transform: scale3d(1.4, 1.2, 1);
}

.subscription-form-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 555px;
  margin-bottom: 0;
  display: flex;
}

._404-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

._404-button-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.background-404 {
  z-index: -1;
  object-fit: contain;
  max-height: 607px;
  position: absolute;
  inset: -50% 0% 50%;
}

.background-404.secondary {
  transform-style: preserve-3d;
  inset: 0%;
  transform: scale3d(1.3, 1.5, 1);
}

._404-image-wrapper {
  width: 100%;
  max-width: 921px;
  height: 100%;
  max-height: 205px;
  position: relative;
}

._404-text {
  color: #c8c8c8;
  margin-top: 0;
  margin-bottom: 60px;
}

.office-information-block {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #fcfcfc;
  border: 1px solid #eaeaea;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 45px 10px 60px 45px;
  font-size: 15px;
  line-height: 24px;
  display: flex;
}

.form {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-direction: column;
  margin-top: 36px;
  display: flex;
}

.contact-page-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  width: 100%;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.contact-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  align-items: stretch;
  display: flex;
}

.changelog-section {
  color: #000;
  margin-top: 80px;
  padding-left: 20px;
  padding-right: 20px;
}

.changelog-wrapper {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.version-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}

.version-description {
  line-height: 28px;
}

.license-block {
  grid-row-gap: 12px;
  flex-direction: column;
  margin-top: 40px;
  display: flex;
}

.license-paragraph {
  margin-bottom: 4px;
}

.license-section {
  margin-top: 80px;
  padding-left: 20px;
  padding-right: 20px;
}

.license-title {
  color: #4d4d4d;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.license-wrapper {
  color: #000;
  max-width: 555px;
}

.license-main-text {
  margin-bottom: 60px;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.license-link {
  color: #373737;
}

.license-link-block {
  grid-row-gap: 6px;
  flex-direction: column;
  display: flex;
}

.scale-on-hover {
  transition: transform 1s;
}

.scale-on-hover:hover {
  transform: scale(1.2);
}

.relative-wrapper {
  width: 100%;
  position: relative;
}

.navigation-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.navigation-button {
  background-color: var(--primary);
  color: var(--primary-white);
  margin-top: 40px;
  padding: 7px 25px;
  font-weight: 500;
}

.empty-state {
  background-color: var(--primary);
  color: var(--primary-white);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 20px;
  line-height: 30px;
  display: flex;
}

.extra-height {
  height: 175px;
}

.preview-buttons-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

._10px-svg {
  max-width: 14px;
}

.buy-template-wrapper {
  z-index: 100000;
  background-color: #fff;
  border-top: 1px solid #00000026;
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  padding-right: 10px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.contact-us-link {
  color: #000;
  transition: color .5s;
  display: inline;
}

.contact-us-link:hover {
  color: #5e42ff;
}

.product-buy-now-button {
  background-color: #4353ff;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  transition: background-color .2s;
  display: flex;
}

.product-buy-now-button:hover {
  background-color: #0055d4;
}

.delete-this-for-production {
  margin-top: -110px;
  display: none;
}

.template-name {
  color: #000;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
  transition: color .3s;
}

.product-template-info {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.product-title {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.template-paragraph {
  color: #757575;
  font-size: 13px;
  line-height: 20px;
}

.view-templates-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #000;
  border: 1px solid #ebebeb;
  border-radius: 2px;
  align-items: center;
  height: 40px;
  padding: 9px 18px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  transition: background-color .3s;
  display: flex;
}

.view-templates-button:hover {
  color: #000;
  background-color: #e4e4e4;
}

.buy-now-thumbnail {
  width: 110px;
  margin-top: -1px;
}

.preview-nav-list {
  flex: none;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  transition: all .3s ease-in-out;
  overflow: hidden;
}

.why-choose-us-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: 100px;
}

._32px-image {
  max-width: 32px;
}

.template-tabs {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 60px;
  display: flex;
}

.toggle-buttons-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  display: flex;
}

._476px-image {
  max-width: 476px;
  position: absolute;
  inset: 772px auto auto -3%;
}

.footer-copyrights {
  margin-bottom: 0;
}

._870px-image {
  object-fit: cover;
  max-width: 845px;
}

.template-image-wrappper {
  z-index: 1;
  width: 100%;
  height: 100%;
  max-height: 460px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 50px #dbe5ff;
}

.cross-icon-3 {
  font-family: Icofont, sans-serif;
  display: none;
}

._356px-image {
  max-width: 356px;
  position: absolute;
  top: 763px;
  right: 0;
}

.why-choose-us-card-2 {
  text-align: center;
  background-color: #e9f2ff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 30px;
  transition: transform .35s;
  display: flex;
}

.why-choose-us-card-2:hover {
  transform: translate(0, -20px);
}

.why-choose-us-card-2.color-4 {
  background-color: #f8e9ff;
}

.why-choose-us-card-2.color-2 {
  background-color: #fff5e9;
}

.why-choose-us-card-2.color-3 {
  background-color: #e9fcff;
}

.homepage-demos-2 {
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 70px;
  display: grid;
}

.div-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.preview-navbar {
  background-color: #fff;
  border-bottom: 1px solid #0000;
  width: 100%;
  margin-bottom: -100px;
  padding-top: 24px;
  padding-bottom: 24px;
  position: fixed;
  top: 0;
}

.paragraph-785px {
  color: #5a5a5a;
  max-width: 785px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-785px.cta-paragraph {
  color: #fffc;
  text-align: center;
  max-width: 900px;
  margin-top: 16px;
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 26px;
}

.paragraph-785px.margin-top-30px {
  max-width: 900px;
  margin-top: 30px;
}

.navbar-wrapper-3 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.site-images {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  width: 100%;
  margin-top: 75px;
  display: flex;
}

.floating-image {
  max-width: 40px;
  position: absolute;
  inset: 18% auto auto 12%;
}

.floating-image._2 {
  max-width: 25px;
  inset: 35% 22% auto auto;
}

.floating-image._3 {
  inset: 17% 14% auto auto;
}

._122px-image {
  max-width: 122px;
  height: 100%;
  max-height: 270px;
  position: absolute;
  left: -25px;
}

.template-image {
  z-index: 0;
  object-fit: cover;
  width: 100%;
}

.navigation-link {
  color: #282828;
  padding: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.large-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1640px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.large-container.middle-allign {
  border: 0 #fff;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.highlight {
  color: #f37576;
  background-image: url('../images/Group-205.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 20px;
  display: inline-block;
}

.highlight.smaller {
  background-size: contain;
  padding: 6px 30px;
}

._408px-image {
  max-width: 408px;
  max-height: 270px;
  position: absolute;
  left: 108px;
}

.template {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 505px;
  height: 100%;
  display: flex;
  position: relative;
}

.template-page-name {
  color: #25292f;
  margin-top: 33px;
  font-size: 18px;
  line-height: 28px;
}

.toggle-button {
  color: #666;
  background-color: #ddd0;
  padding: 0 0 4px;
  font-size: 18px;
  line-height: 28px;
}

.toggle-button.w--current {
  color: #000;
  background-color: #02020200;
  border-bottom: 3px solid #f37576;
  border-radius: 3px;
}

.preview-nav-menu {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  color: #fff;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 0;
  display: flex;
}

.tabs-contents-2 {
  margin-top: 70px;
}

.nav-button-list-3 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex: 1;
  align-items: center;
  display: none;
}

.buy-button {
  background-color: #e97777;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  padding: 12px 21px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .35s;
  display: flex;
}

.buy-button:hover {
  background-color: #f64848;
}

.buy-button.trasparent-btn {
  background-color: #fff0;
  border: 2px solid #f64848;
  font-size: 16px;
  line-height: 26px;
}

.buy-button.trasparent-btn:hover {
  background-color: #f64848;
}

.buy-button.red-button {
  background-color: #f64848;
  border: 2px solid #fff0;
  padding: 14px 30px;
  font-size: 16px;
  line-height: 26px;
}

.buy-button.red-button:hover {
  background-color: #fff0;
  border: 2px solid #f64848;
}

._120px-image {
  max-width: 120px;
}

.section-preview {
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section-preview.features {
  background-image: url('../images/23080992_Gradient_background_18-1_123080992_Gradient_background_18 1.webp');
  background-position: 50%;
  background-size: cover;
}

.section-preview.top-40px-padding {
  padding-top: 40px;
}

.section-preview.cta {
  background-image: url('../images/footer-bg_1footer-bg.webp');
  background-position: 0 0;
  background-size: auto;
  padding-bottom: 145px;
}

.section-preview.demo-page-section {
  text-align: center;
  background-image: url('../images/032318-Converted-1_1032318-[Converted] 1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 200px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.preview-feature-paragraph {
  text-align: left;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 25px;
}

.topbar {
  object-fit: contain;
  width: auto;
  height: 36px;
}

.preview-paragraph {
  color: #666;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 26px;
}

.menu-button-5 {
  padding-bottom: 15px;
}

._374px-image {
  max-width: 374px;
  position: absolute;
  right: 0;
}

.brand {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 260px;
  padding-left: 0;
  display: flex;
}

.vertical-wrapper-4._20px-gap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.preview-4-col-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: stretch;
  width: 100%;
}

.preview-4-col-grid.features-preview {
  grid-column-gap: 40px;
  grid-row-gap: 60px;
  margin-top: 70px;
}

.footer-copyrights-container {
  color: #8e8e99;
  text-align: center;
  background-color: #f5f9ff;
  justify-content: center;
  align-items: center;
  padding: 40px 20px 30px;
  font-size: 16px;
  line-height: 26px;
  display: flex;
}

.horizontal-wrapper {
  display: flex;
}

.horizontal-wrapper._20px-gap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.horizontal-wrapper.z-index-10 {
  z-index: 10;
  width: 100%;
  max-width: 845px;
  position: relative;
}

.page-wrapper-preview {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.hamburger-icon-5 {
  font-family: Icofont, sans-serif;
}

.preview-title {
  color: #282828;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  line-height: 80px;
}

.semi-bold-title-3 {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.semi-bold-title-3.why-choose-us-title {
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 24px;
}

.semi-bold-title-3.margin-both-sides {
  margin-top: 26px;
  margin-bottom: 12px;
}

.site-feature-card-2 {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px;
  transition: box-shadow .5s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  box-shadow: 9px 12px #fff9;
}

.site-feature-card-2:hover {
  box-shadow: 0 0 #fff9;
}

.preview-heading {
  color: #000;
  text-align: center;
  max-width: 1050px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 60px;
}

.preview-heading.white {
  color: #fff;
  max-width: 980px;
}

.mobile-image {
  object-fit: contain;
  max-width: 232px;
  margin-top: 60px;
  margin-left: -210px;
}

.footer-copyrights-link {
  font-weight: 300;
  transition: color .5s;
}

.footer-copyrights-link:hover {
  color: var(--primary);
}

.buy-now-details {
  z-index: 1;
}

.buy-now-button {
  color: #000;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  transition: opacity .4s;
  display: flex;
}

.buy-now-button:hover {
  opacity: .6;
}

.buy-now {
  z-index: 999999999;
  background-color: #000;
  border-radius: 4px;
  flex-flow: column;
  width: 282px;
  padding: 14px 20px;
  display: flex;
  position: fixed;
  inset: auto 30px 30px auto;
  overflow: hidden;
  box-shadow: 0 0 20px #ffffff40;
}

.buy-now-icon {
  color: #fff;
  width: 20px;
  height: 20px;
}

.buy-now-favicon {
  width: auto;
  height: auto;
}

.buy-now-list {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  display: flex;
}

.buy-now-list-icon {
  background-color: #ececff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.buy-now-text {
  color: #bbb;
  margin-top: 10px;
  margin-bottom: 16px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.buy-now-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #bbb;
  letter-spacing: -.32px;
  justify-content: flex-start;
  align-items: center;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  transition: color .5s;
  display: flex;
}

.buy-now-item:hover, .buy-now-title {
  color: #fff;
}

.buy-now-line {
  width: 100%;
  height: 6px;
}

.container-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.div-block-2 {
  width: 100%;
}

.c-no-dots {
  z-index: 10;
  padding-top: 5px;
  padding-right: 5px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.c-flip-card {
  position: relative;
}

.no-dot {
  opacity: .2;
  background-color: #fff;
  width: 10px;
  height: 10px;
  margin: 5px 2px;
}

.cloneable-area {
  padding: 20px 0;
}

._w-card-back {
  perspective: 1000px;
  background-color: #333;
  border-radius: 5px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.c-card-img {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

._w-flip-card {
  z-index: 10;
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.c-card-back {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 450px;
  display: none;
}

.c-card-btn-text {
  width: 100%;
  padding: 10px 20px;
}

.c-card-btn-text.focus {
  background-color: #ff6565;
  position: absolute;
  overflow: hidden;
}

.c-card-btn-text.focus.ig {
  background-color: var(--white);
  color: var(--paragraph);
}

.c-card-btn-text.default {
  border: 1px solid var(--white);
  border-radius: 5px;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
}

.card-btn-link {
  color: #fff;
  text-align: center;
  border: 2px solid #ff6565;
  border-radius: 1000px;
  width: 100%;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.card-btn-link.ig {
  border-color: var(--paragraph);
  border-radius: 5px;
}

.c-card-btn {
  margin-bottom: 10px;
  padding: 20px;
}

.c-card-text {
  perspective: 1000px;
  border-top: 1px dashed #ffffff40;
  padding: 20px 15px;
  transform: translate(0);
}

.card-no-text {
  z-index: 50;
  opacity: .2;
  color: #fff;
  font-family: Barlowcondensed_Google, Arial, sans-serif;
  font-size: 7em;
  font-weight: 700;
  line-height: 1em;
  transform: translate(-20px);
}

.c-card-label {
  text-align: center;
  padding: 20px;
}

.card-bg-quotemark {
  color: #fff;
  display: inline-block;
}

.card-bg-quotemark.top {
  opacity: .2;
  font-family: PT Sans, sans-serif;
  font-size: 5em;
  line-height: 1em;
  position: absolute;
  inset: -.4em auto auto -.3em;
}

.card-bg-quotemark.btm {
  opacity: .2;
  font-family: PT Sans, sans-serif;
  font-size: 5em;
  line-height: 1em;
  position: absolute;
  inset: auto -.3em -.4em auto;
}

.card-alias {
  color: var(--primary-white);
  text-align: left;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

._w-card-quote {
  position: relative;
}

.c-card-quote {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 20px 40px;
  display: flex;
  position: relative;
}

._w-card-img {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.card-text {
  color: var(--primary-white);
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
}

.card-text.focus {
  z-index: 10;
  position: relative;
}

.c-card-title {
  margin-bottom: 5px;
}

.h2-card-title {
  color: #fff;
  text-align: left;
  padding-bottom: 0;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1em;
}

.c-card-no {
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.card-img {
  height: 120px;
}

.card-label {
  opacity: .8;
  color: #fff;
  font-size: .8em;
  line-height: 1em;
}

.card-btn-focus-bg {
  background-image: radial-gradient(circle farthest-side, #ff9865, #fff0);
  width: 75%;
  height: 200%;
  position: absolute;
  inset: -75% -10% auto auto;
}

.card-btn-focus-bg.ig {
  background-image: none;
}

.card-quote {
  z-index: 5;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
  line-height: 1.4em;
  position: relative;
}

.c-card-front {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 450px;
  display: block;
  transform: translate(0);
}

._w-card-front {
  perspective: 1000px;
  width: 100%;
  height: 100%;
  transform: ;
  background-color: #ff6565;
  border-radius: 5px;
  flex-direction: column;
  display: flex;
  position: relative;
}

._w-card-front.ig {
  background-color: var(--heading);
  background-image: linear-gradient(45deg, #89b4ff, #4576ce 60%, #2b69d6);
  border: 1px solid #4000ff00;
  border-radius: 5px;
  box-shadow: 0 8px 32px #0000004d;
}

.gebrauchtwagen-fake-button {
  background-color: var(--primary);
  border-radius: 5px;
  padding: 10px 20px;
  transition: all .2s;
}

.gebrauchtwagen-fake-button:hover {
  background-color: var(--paragraph);
}

.gebrauchtwagen-fake-button.focus {
  background-color: #ff6565;
  position: absolute;
  overflow: hidden;
}

.gebrauchtwagen-fake-button.focus.ig {
  background-color: var(--white);
  color: var(--paragraph);
}

.gebrauchtwagen-fake-button.default {
  border: 1px solid var(--white);
  border-radius: 5px;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
}

.fake-button-text {
  color: var(--primary-white);
  text-align: center;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-weight: 500;
}

.fake-button-text.focus {
  z-index: 10;
  position: relative;
}

.primary-button-full-width {
  background-color: var(--primary);
  text-align: center;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 10px 30px;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  transition: background-color .4s;
  display: flex;
}

.primary-button-full-width:hover {
  background-color: var(--heading);
}

.primary-button-full-width.hover-state {
  background-color: var(--secondary-color);
}

.primary-button-full-width.button-with-arrow {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 20px;
  line-height: 30px;
  display: flex;
}

.primary-button-full-width.button-with-arrow:hover {
  background-color: var(--heading);
}

.primary-button-full-width.margin-top-30px {
  margin-top: 30px;
}

.rezensionen {
  padding-top: 120px;
  padding-bottom: 120px;
}

.banner-about {
  background-image: url('../images/Header-Unterseiten.avif'), url('../images/Header.avif'), url('../images/pexels-s-von-hoerst-2676096-1-1_1pexels-s-von-hoerst-2676096 1 (1).webp');
  background-position: 50%, 50%, 0 0;
  background-size: cover, cover, cover;
  max-height: 200px;
  margin-bottom: 2px;
  padding-top: 86px;
  padding-bottom: 78px;
  display: flex;
}

.svg {
  width: 50px;
}

.path {
  color: var(--heading);
}

.path-2 {
  color: var(--primary);
}

.svg-2 {
  width: 100px;
}

.banner-kontakt {
  background-image: url('../images/Header-Unterseiten.avif'), url('../images/pexels-s-von-hoerst-2676096-1-1_1pexels-s-von-hoerst-2676096 1 (1).webp');
  background-position: 50%, 0 0;
  background-size: cover, cover;
  max-height: 200px;
  margin-bottom: 2px;
  padding-top: 86px;
  padding-bottom: 78px;
  display: flex;
}

.svg-3 {
  width: 30px;
  height: 30px;
  color: var(--primary);
  margin: 14px;
  font-size: 30px;
}

.banner-neuwagen {
  background-image: url('../images/Header-Unterseiten.avif'), url('../images/Header.avif'), url('../images/pexels-s-von-hoerst-2676096-1-1_1pexels-s-von-hoerst-2676096 1 (1).webp');
  background-position: 50% 60%, 50%, 0 0;
  background-size: cover, cover, cover;
  max-height: 200px;
  margin-bottom: 2px;
  padding-top: 86px;
  padding-bottom: 78px;
  display: flex;
}

._3-schritte {
  padding-top: 60px;
  padding-bottom: 120px;
}

.card-subtitle {
  margin-top: 0;
  margin-bottom: 0;
}

._w-description {
  width: 100%;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.c-cloneable {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.c-intro {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 140px 20px;
  display: flex;
  position: relative;
}

._w-cards-list {
  padding: 100px 20px;
  position: sticky;
  top: 1px;
}

.card-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5em;
  line-height: 1em;
}

.c-cards-list {
  transition: all .2s;
  position: relative;
}

._w-content {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.header {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Merriweather, serif;
  font-size: 4em;
  font-weight: 900;
  line-height: 1.3em;
}

.c-content {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.c-card {
  width: 100%;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  transition: all .25s;
  position: relative;
}

.c-card._2 {
  position: sticky;
  top: 100px;
}

.c-card._5 {
  position: sticky;
  top: 340px;
}

.c-card._1 {
  position: sticky;
  top: 20px;
}

.c-card._3 {
  position: sticky;
  top: 180px;
}

.c-card._4 {
  position: sticky;
  top: 260px;
}

.c-card-title-2 {
  margin-bottom: 10px;
}

._w-card {
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 100px;
  padding: 30px;
  position: relative;
  box-shadow: 1px 1px 15px #13131380;
}

.card-details {
  margin-bottom: 0;
}

.c-card-content-divider {
  border-bottom: 1px dashed #bbb;
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 30px;
}

.c-scroll-down {
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.yellow {
  color: #fff080;
}

.scroll {
  border: 1px solid #fff;
  border-radius: 1000px;
  justify-content: center;
  width: 30px;
  height: 48px;
  padding: 5px;
  display: flex;
}

.scroll-dot {
  background-color: #fff;
  border-radius: 100%;
  width: 3px;
  height: 10px;
}

.c-header {
  margin-bottom: 30px;
}

.c-card-details {
  margin-bottom: 20px;
}

.description-2 {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-size: 1.2em;
  line-height: 1.4em;
}

.path-3 {
  width: 200px;
  color: var(--primary-white);
}

.svg-4, .svg-5 {
  width: 66%;
}

.svg-6 {
  width: 66%;
  color: var(--primary-white);
}

.path-4 {
  color: var(--primary-white);
}

.h2-card-title-2 {
  color: #fff;
  text-align: left;
  margin-bottom: 20px;
  padding-bottom: 0;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1em;
}

._w-card-front-2 {
  perspective: 1000px;
  width: 100%;
  height: 100%;
  transform: ;
  background-color: #ff6565;
  border-radius: 5px;
  flex-direction: column;
  display: flex;
  position: relative;
}

._w-card-front-2.ig {
  background-color: var(--heading);
  background-image: linear-gradient(45deg, #292929, #1c1c1c 60%, #373737);
  border: 1px solid #4000ff00;
  border-radius: 5px;
  box-shadow: 0 8px 32px #0000004d;
}

.section-hero-neuwagen {
  padding-top: 60px;
  padding-bottom: 60px;
}

.h2-3-steps {
  text-align: center;
  font-size: 42px;
  line-height: 52px;
}

.neuwagen-3-schritte {
  margin-bottom: 20px;
}

.aktuelle-modelle-kacheln {
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 20px;
  display: flex;
}

.aktuelle-modelle-kacheln.news-wrapper {
  justify-content: space-between;
  padding-top: 42px;
  padding-bottom: 42px;
}

.aktuelle-modelle-kacheln.news-wrapper.related-wrapper {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.aktuelle-modelle-kacheln.team-info {
  justify-content: space-between;
  max-width: 910px;
  margin-left: -65px;
  padding: 55px 64px 64px 51px;
}

.aktuelle-modelle-kacheln._10px-gap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.auto-antrieb {
  text-transform: uppercase;
  padding-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
}

.section-hero-gebrauchtwagen {
  padding-top: 60px;
  padding-bottom: 140px;
}

.gebrauchtwagen-kacheln {
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 20px;
  transition: all .2s;
  display: flex;
}

.gebrauchtwagen-kacheln:hover {
  transform: scale(1.02);
}

.gebrauchtwagen-kacheln.news-wrapper {
  justify-content: space-between;
  padding-top: 42px;
  padding-bottom: 42px;
}

.gebrauchtwagen-kacheln.news-wrapper.related-wrapper {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.gebrauchtwagen-kacheln.team-info {
  justify-content: space-between;
  max-width: 910px;
  margin-left: -65px;
  padding: 55px 64px 64px 51px;
}

.gebrauchtwagen-kacheln._10px-gap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.kraftstoff {
  text-transform: uppercase;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}

.gebrauchtwagen-button {
  background-color: var(--primary);
  text-align: center;
  border-radius: 4px;
  padding: 10px 30px;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  transition: background-color .4s;
}

.gebrauchtwagen-button:hover {
  background-color: var(--heading);
}

.gebrauchtwagen-button.hover-state {
  background-color: var(--secondary-color);
}

.gebrauchtwagen-button.button-with-arrow {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 20px;
  line-height: 30px;
  display: flex;
}

.gebrauchtwagen-button.button-with-arrow:hover {
  background-color: var(--heading);
}

.gebrauchtwagen-button.margin-top-30px {
  margin-top: 30px;
}

.marke-modell {
  color: var(--heading);
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

.marke-modell.features-title {
  margin-bottom: 15px;
  font-weight: 500;
}

.marke-modell.team-name {
  margin-bottom: 18px;
  line-height: 20px;
}

.preis {
  text-transform: uppercase;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
}

.paragraph {
  color: var(--primary-white);
  font-weight: 500;
}

.eckdaten-fahrzeug {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  margin-top: 22px;
  margin-bottom: 20px;
}

.fahrzeugname {
  max-width: 850px;
  color: var(--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  line-height: 52px;
}

.fahrzeugname.white {
  color: var(--primary-white);
}

.fahrzeugname.margin-both-sides {
  margin-top: 180px;
  margin-bottom: 120px;
}

.fotogallerie-klein {
  width: 20%;
  padding: 5px;
}

.list-item {
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-weight: 300;
}

.list {
  padding-left: 20px;
}

.ausstattung-list-item-kfz-data {
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  font-weight: 300;
}

.banner-werkstatt {
  background-image: url('../images/Header-Unterseiten.avif'), url('../images/Header.avif'), url('../images/pexels-s-von-hoerst-2676096-1-1_1pexels-s-von-hoerst-2676096 1 (1).webp');
  background-position: 50%, 50%, 0 0;
  background-size: cover, cover, cover;
  max-height: 200px;
  margin-bottom: 2px;
  padding-top: 86px;
  padding-bottom: 78px;
  display: flex;
}

.icon-leistungen {
  width: 60px;
}

.path-5, .svg-7, .path-6, .path-7, .svg-8, .path-8, .svg-9 {
  color: var(--primary);
}

.link {
  font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
}

.cta-section-werkstatt {
  padding-top: 140px;
}

.oldtimer-kachel {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  transition: all .2s;
  display: flex;
}

.oldtimer-kachel:hover {
  transform: scale(1.02);
}

.oldtimer-kachel.news-wrapper {
  justify-content: space-between;
  padding-top: 42px;
  padding-bottom: 42px;
}

.oldtimer-kachel.news-wrapper.related-wrapper {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.oldtimer-kachel.team-info {
  justify-content: space-between;
  max-width: 910px;
  margin-left: -65px;
  padding: 55px 64px 64px 51px;
}

.oldtimer-kachel._10px-gap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.section-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.rechtstext {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.social-media-logo {
  width: 40px;
}

.aktuelles {
  display: none;
}

.red-div {
  background-color: #db5329;
}

.aktuelles-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.aktuelles-text {
  color: var(--primary-white);
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}

.grid {
  grid-template-rows: auto;
}

.schloss {
  width: 30%;
}

.schloss-div {
  flex-flow: column;
  display: flex;
}

.paragraph-2 {
  text-align: center;
}

.vorschaubild-prospekt {
  box-shadow: 0 2px 12px #0003;
}

.three-column-grid-copy {
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.three-column-grid-copy.margin-top {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.three-column-grid-copy.testimonial-grid {
  grid-row-gap: 60px;
  margin-top: 60px;
}

.three-column-grid-copy.flex-in-desktop {
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._2-buttons {
  flex-flow: row;
  display: flex;
}

.div-button {
  margin-bottom: 10px;
  padding-right: 10px;
}

.peugeot-de-hinweis {
  font-size: 14px;
}

@media screen and (min-width: 1280px) {
  .three-column-grid.flex-in-desktop, .three-column-grid-copy.flex-in-desktop {
    grid-column-gap: 30px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
}

@media screen and (min-width: 1440px) {
  .cta-section {
    background-image: linear-gradient(#000000b0, #000000b0), url('../images/PEUGEOT_E308SW_2508CV_532_FR.avif'), url('../images/Header.avif');
    background-position: 0 0, 50%, 0 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, cover, auto;
    background-attachment: scroll, scroll, scroll;
    justify-content: center;
    align-items: center;
    padding-left: 90px;
  }

  .cta-block {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    display: flex;
    position: static;
  }

  .three-column-grid.flex-in-desktop {
    grid-column-gap: 30px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .c-card-back {
    width: 300px;
  }

  .card-alias {
    font-size: 18px;
  }

  .card-text {
    font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  }

  .card-img {
    height: 150px;
  }

  .card-label {
    opacity: 6;
    color: #fff;
    font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  }

  .card-quote {
    font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
    font-weight: 500;
  }

  .c-card-front {
    width: 300px;
  }

  .fake-button-text {
    font-family: Exo Variablefont Wght_Google, Arial, sans-serif;
  }

  .three-column-grid-copy.flex-in-desktop {
    grid-column-gap: 30px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
}

@media screen and (max-width: 991px) {
  blockquote {
    padding-right: 100px;
  }

  .container {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.grid-4-column {
    grid-template-columns: 1fr 1fr;
  }

  .container.grid-2-column {
    flex-direction: column;
  }

  .color-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .color-and-typography-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .nav-button-list {
    text-align: center;
    flex: 1;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .nav-menu-wrapper {
    background-color: #0000;
    border-radius: 0;
    flex-direction: row;
    padding-left: 0;
    padding-right: 0;
    display: block;
    top: 0;
  }

  .nav-link {
    width: 100%;
    color: var(--primary-black);
    padding: 0 5px;
    font-weight: 400;
  }

  .cross-icon {
    color: #fff;
    background-color: #0000;
    flex-direction: row;
    font-size: 30px;
    font-style: normal;
    display: none;
  }

  .submenu-link.w--current {
    color: var(--primary);
  }

  .nav-menu {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    text-align: center;
    background-color: #eee;
    border-radius: 0;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding: 25px 0 40px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .menu-button {
    flex-direction: row;
    padding: 0;
    display: block;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #0000;
  }

  .hamburger-icon {
    color: var(--primary);
    background-color: #fff0;
    border: 1px #0000;
    flex-direction: row;
    font-size: 36px;
    display: block;
  }

  .navbar-logo-wrapper {
    z-index: 1;
  }

  .hamburger-and-close-icon-wrapper {
    align-items: center;
    display: flex;
  }

  .nav-icon {
    color: var(--primary-black);
  }

  .nav-list {
    text-align: center;
    border-bottom: 1px #fff3;
    width: 100%;
    display: flex;
  }

  .slider-wrapper {
    height: 65vh;
    padding-top: 80px;
    padding-bottom: 85px;
  }

  .page-title {
    font-size: 55px;
    line-height: 70px;
  }

  .hero-slider-content {
    max-width: 92%;
  }

  .icon.eye {
    font-size: 60px;
    line-height: 60px;
  }

  .section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .heading.margin-both-sides {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .about-carhub {
    flex-direction: column;
    max-height: none;
  }

  .property-cta-block {
    margin-left: 0;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 0;
  }

  .property-half-image-wrapper {
    max-height: 400px;
  }

  .featured-image {
    height: 250px;
  }

  .featured-image.scale {
    min-width: 300px;
    transform: scale(1.2);
  }

  ._4-column-grid {
    grid-template-columns: 1fr 1fr;
  }

  ._4-column-grid.flex-in-desktop {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .three-column-grid, .three-column-grid.margin-top {
    grid-template-columns: 1fr 1fr;
  }

  .two-column-grid {
    grid-template-columns: 1fr;
  }

  .vertical-wrapper.team-info {
    margin-left: -120px;
  }

  .footer-bottom {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .footer-block {
    grid-row-gap: 20px;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer-block.subscribe-block {
    max-width: none;
  }

  .footer-block.first-block {
    border-bottom: 1px solid #bdbdbd;
    max-width: none;
  }

  .footer-wrapper {
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer-logo-grid {
    max-width: 320px;
  }

  .partner-logos {
    width: 100%;
    max-width: none;
  }

  .about-us-image, .image-background {
    max-width: 90%;
  }

  .milestone {
    max-width: none;
  }

  .milestone-wrapper {
    flex-direction: column;
  }

  .section-title-wrapper {
    max-width: 555px;
  }

  ._6-column-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .logo-card {
    height: 170px;
  }

  .faq-container {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .faq-image {
    max-width: none;
  }

  .faq-flex-wrapper {
    flex-direction: column;
  }

  .gallery-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .property-gallery {
    height: 260px;
  }

  .sidebar {
    max-width: none;
  }

  .top-padding-section {
    padding-top: 60px;
  }

  .cover-image {
    max-height: 500px;
  }

  .info-block {
    width: 100%;
  }

  .blog-post-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .secondary-container.two-columns-container {
    flex-direction: column;
  }

  .landscape-image-wrapper {
    min-width: 270px;
    height: 240px;
  }

  .gallery-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .portrait-image-wrapper {
    max-width: 240px;
    height: 240px;
  }

  .image-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .hover-overlay.scale {
    transform: scale(1.2);
  }

  ._404-button-wrapper {
    position: absolute;
    top: 403px;
  }

  ._404-image-wrapper {
    max-width: 600px;
  }

  .office-information-block {
    max-width: none;
  }

  .contact-wrapper {
    flex-direction: column-reverse;
  }

  .preview-nav-list {
    text-align: center;
    border-bottom: 1px #fff3;
  }

  .why-choose-us-grid {
    grid-template-columns: 1fr 1fr;
  }

  ._870px-image {
    object-fit: contain;
  }

  .cross-icon-3 {
    z-index: 99999;
    color: #f64848;
    background-color: #0000;
    flex-direction: row;
    font-size: 25px;
    font-style: normal;
    line-height: 25px;
  }

  .homepage-demos-2 {
    grid-template-columns: 1fr 1fr;
  }

  .navbar-wrapper-3 {
    overflow: visible;
  }

  .site-images {
    margin-top: 20px;
  }

  .hide-from-tablet {
    display: none;
  }

  .floating-image {
    top: 21%;
  }

  .floating-image._2 {
    top: 32%;
  }

  .floating-image._3 {
    top: 11%;
  }

  .hamburger-and-close-icon-wrapper-4 {
    align-items: center;
  }

  .navigation-link {
    color: #fff;
  }

  .preview-nav-wrapper {
    background-color: #110a23;
    flex-direction: row;
    padding: 60px 55px 50px;
    display: block;
  }

  .preview-nav-menu {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    text-align: center;
    border-radius: 0;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-button-list-3 {
    text-align: center;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .section-preview {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section-preview.demo-page-section {
    padding-top: 150px;
  }

  .menu-button-5 {
    z-index: 10;
    flex-direction: row;
    padding: 0;
    display: block;
  }

  .menu-button-5.w--open {
    color: #fff;
    background-color: #0000;
  }

  .vertical-wrapper-4._20px-gap {
    display: none;
  }

  .preview-4-col-grid, .preview-4-col-grid.features-preview {
    grid-template-columns: 1fr 1fr;
  }

  .hamburger-icon-5 {
    color: #4865ff;
    background-color: #fff0;
    flex-direction: row;
    font-size: 25px;
    line-height: 25px;
  }

  .preview-title {
    font-size: 50px;
    line-height: 60px;
  }

  .buy-now-button {
    font-size: 16px;
  }

  .buy-now {
    width: 250px;
    bottom: 15px;
    right: 15px;
  }

  .buy-now-icon {
    width: 16px;
    height: 16px;
  }

  .buy-now-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .buy-now-list-icon {
    width: 24px;
    height: 24px;
  }

  .buy-now-text {
    font-size: 14px;
  }

  .buy-now-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    font-size: 14px;
  }

  .c-card-btn-text.focus, .c-card-btn-text.default, .gebrauchtwagen-fake-button.focus, .gebrauchtwagen-fake-button.default {
    transform: translate(0, -100%);
  }

  .rezensionen, ._3-schritte, .section-hero-neuwagen {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .aktuelle-modelle-kacheln.team-info {
    margin-left: -120px;
  }

  .section-hero-gebrauchtwagen {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .gebrauchtwagen-kacheln.team-info {
    margin-left: -120px;
  }

  .fahrzeugname.margin-both-sides {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .fahrzeug-titelbild {
    max-width: 90%;
  }

  .oldtimer-kachel.team-info {
    margin-left: -120px;
  }

  .three-column-grid-copy {
    grid-template-columns: 1fr 1fr;
  }

  .three-column-grid-copy.margin-top {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 36px;
    line-height: 52px;
  }

  h3 {
    font-size: 26px;
    line-height: 40px;
  }

  blockquote {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .container.grid-4-column {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .container.two-column-single-page {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    flex-direction: column-reverse;
  }

  .color-and-typography-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .active-and-hover-buttons {
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .nav-link {
    display: inline-block;
  }

  .cross-icon {
    font-size: 30px;
    font-style: normal;
    line-height: 40px;
    display: none;
  }

  .nav-menu {
    border-radius: 0;
  }

  .navbar {
    z-index: 99999;
    max-width: 100%;
  }

  .navbar-logo-wrapper {
    z-index: 1;
    max-width: 120px;
  }

  .extra-large-heading {
    font-size: 80px;
    line-height: 80px;
  }

  .extra-margin {
    text-align: left;
  }

  .page-title {
    font-size: 43px;
    line-height: 60px;
  }

  .slider-navigation {
    bottom: 15px;
  }

  .hero-slider-content {
    max-width: none;
    height: 100%;
    padding: 40px;
  }

  .section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .heading.margin-both-sides {
    margin-top: 80px;
    margin-bottom: 60px;
  }

  .property-cta-block {
    min-width: auto;
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .featured-image {
    height: 100%;
  }

  .featured-image.scale {
    transform: none;
  }

  ._4-column-grid.flex-in-desktop {
    grid-template-columns: 1fr;
    place-items: center;
  }

  .car-card {
    max-width: 531px;
  }

  .car-thumbnail {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
  }

  .cta-section {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: 60px;
  }

  .three-column-grid, .three-column-grid.margin-top {
    grid-template-columns: 1fr;
  }

  .three-column-grid.car-info-grid {
    grid-template-columns: 1fr 1fr;
  }

  .news-card {
    flex-direction: column;
    padding-bottom: 40px;
    padding-right: 20px;
  }

  .news-image {
    max-width: none;
    height: 320px;
  }

  .news-image.related-image {
    max-width: none;
    max-height: 320px;
  }

  .vertical-wrapper.news-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }

  .vertical-wrapper.team-info {
    max-width: 96%;
    margin-top: -200px;
    margin-left: 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  .read-more {
    margin-top: 30px;
  }

  .footer-copyright {
    flex-direction: column;
    max-width: 600px;
    font-size: 14px;
    line-height: 20px;
  }

  .footer-bottom {
    text-align: center;
    flex-flow: column;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .footer-block {
    flex-direction: column;
    max-width: 150px;
  }

  .footer-block.subscribe-block {
    border-top: 1px solid #d2d2d2;
    max-width: none;
  }

  .footer-wrapper {
    grid-template-columns: 1fr;
    padding-top: 0;
    padding-bottom: 0;
  }

  .page-name {
    font-size: 30px;
  }

  .counter-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    text-align: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .our-team-wrapper {
    flex-direction: column;
  }

  .logo-card {
    height: 140px;
  }

  .faq-section {
    padding-bottom: 30px;
  }

  .faq-container {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .faq-block {
    max-width: none;
  }

  .faq-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: column;
  }

  .property-gallery {
    height: 170px;
  }

  .sidebar.cars-sidebar {
    max-width: none;
  }

  .car-info-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .tab-link {
    padding: 5px;
    font-size: 15px;
    line-height: 24px;
  }

  .tabs-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .top-padding-section {
    padding-top: 50px;
  }

  .cover-image {
    max-height: 320px;
  }

  .info-block {
    font-size: 15px;
  }

  .blog-post-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .blog-search {
    min-height: 44px;
  }

  .landscape-image-wrapper {
    min-width: auto;
    height: 180px;
  }

  .gallery-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .portrait-image-wrapper {
    height: 180px;
  }

  .image-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .featured-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .hover-overlay.scale {
    transform: none;
  }

  .subscription-form-wrapper {
    max-width: 90%;
  }

  .hide-in-mobile {
    display: none;
  }

  ._404-button-wrapper {
    max-width: 90%;
  }

  ._404-text {
    margin-bottom: 30px;
  }

  .map-wrapper {
    max-height: 290px;
    overflow: hidden;
  }

  .changelog-section {
    margin-top: 40px;
    margin-bottom: -40px;
  }

  .delete-this-for-production {
    display: none;
  }

  .why-choose-us-grid {
    grid-template-columns: 1fr;
  }

  .cross-icon-3 {
    font-size: 30px;
    font-style: normal;
    line-height: 40px;
    display: none;
  }

  .homepage-demos-2 {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    flex-wrap: wrap;
    grid-template-columns: 1fr;
    display: flex;
  }

  .site-images {
    margin-top: 0;
  }

  .preview-nav-wrapper {
    z-index: 2;
  }

  .highlight {
    padding: 16px;
  }

  .highlight.smaller {
    padding: 0 20px;
  }

  .preview-nav-menu {
    border-radius: 0;
  }

  .section-preview {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-preview.demo-page-section {
    padding-top: 160px;
  }

  .preview-4-col-grid, .preview-4-col-grid.features-preview {
    grid-template-columns: 1fr;
  }

  .preview-title {
    font-size: 46px;
    line-height: 60px;
  }

  .preview-heading {
    font-size: 36px;
    line-height: 50px;
  }

  .mobile-image {
    max-width: 192px;
  }

  .rezensionen, ._3-schritte, .section-hero-neuwagen {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .aktuelle-modelle-kacheln.news-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }

  .aktuelle-modelle-kacheln.team-info {
    max-width: 96%;
    margin-top: -200px;
    margin-left: 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  .section-hero-gebrauchtwagen {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .gebrauchtwagen-kacheln.news-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }

  .gebrauchtwagen-kacheln.team-info {
    max-width: 96%;
    margin-top: -200px;
    margin-left: 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  .fahrzeugname.margin-both-sides {
    margin-top: 80px;
    margin-bottom: 60px;
  }

  .oldtimer-kachel.news-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }

  .oldtimer-kachel.team-info {
    max-width: 96%;
    margin-top: -200px;
    margin-left: 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  .aktuelles-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid, .three-column-grid-copy {
    grid-template-columns: 1fr;
  }

  .three-column-grid-copy.margin-top, .three-column-grid-copy.car-info-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 26px;
    line-height: 40px;
  }

  h3 {
    font-size: 22px;
    line-height: 33px;
  }

  h4 {
    font-size: 17px;
    line-height: 26px;
  }

  blockquote {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 40px 25px;
    font-size: 18px;
    line-height: 28px;
  }

  .style-title {
    font-size: 32px;
  }

  .container {
    align-items: center;
    padding: 0 15px;
  }

  .container.grid-4-column {
    grid-template-columns: 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.space-between.vertical-in-mobile {
    flex-direction: column;
  }

  .color-and-typography-section {
    margin-top: 0;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .color-container {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .heading-block {
    align-items: flex-start;
  }

  .primary-button {
    padding: 5px 16px;
    font-size: 16px;
    line-height: 26px;
  }

  .primary-button.button-with-arrow {
    padding: 10px 20px;
  }

  .button-style-container {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .nav-link.w--current {
    padding-top: 0;
    padding-bottom: 0;
  }

  .cross-icon {
    color: #fff;
    font-size: 25px;
  }

  .dropdown-options {
    right: -84.7031px;
  }

  .main-logo {
    max-width: 150px;
  }

  .nav-menu {
    grid-row-gap: 15px;
    flex-direction: column;
    overflow: visible;
  }

  .navbar {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .hamburger-icon {
    background-color: #fff0;
    font-size: 25px;
  }

  .navbar-logo-wrapper {
    max-width: 80px;
    padding-left: 0;
  }

  .extra-large-heading {
    font-size: 40px;
    line-height: 40px;
  }

  .extra-margin {
    text-align: left;
  }

  .slider-wrapper {
    background-position: 42%, 0 0;
    height: 650px;
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .page-title {
    font-size: 34px;
    line-height: 46px;
  }

  .hero-slider-content {
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    padding: 25px;
  }

  .icon.eye {
    font-size: 30px;
    line-height: 30px;
  }

  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .features-card {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sub-title {
    font-size: 18px;
    line-height: 28px;
  }

  .blog-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .limited-width-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .heading {
    font-size: 30px;
    line-height: 40px;
  }

  .heading.margin-both-sides {
    margin-top: 60px;
    margin-bottom: 40px;
  }

  .about-carhub {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .property-cta-block {
    padding-top: 40px;
    padding-bottom: 0;
  }

  ._4-column-grid {
    grid-template-columns: 1fr;
  }

  .car-footer {
    font-size: 12px;
    line-height: 22px;
  }

  .flex-horizontal._30px-gap {
    flex-direction: column;
  }

  .cta-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .testimonial-author-name {
    font-size: 14px;
    line-height: 24px;
  }

  .three-column-grid.margin-top, .three-column-grid.car-info-grid {
    grid-template-columns: 1fr;
  }

  .quote-icon {
    max-width: 30px;
  }

  .star-wrapper {
    margin-top: 0;
  }

  .testimonial-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 30px 20px 40px;
  }

  .news-card {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .news-image {
    height: 220px;
  }

  .news-image.related-image {
    max-height: 200px;
  }

  .vertical-wrapper.team-info {
    margin-top: -100px;
  }

  .footer-bottom {
    text-align: center;
  }

  .footer-block {
    grid-row-gap: 20px;
    border-top: 1px solid #d2d2d2;
    max-width: none;
  }

  .footer-block.first-block {
    border-top-style: none;
  }

  .footer-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .information-block {
    grid-column-gap: 15px;
  }

  .banner {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .page-name {
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    color: var(--primary-white);
    font-size: 24px;
    line-height: 32px;
  }

  .breadcrumb {
    font-size: 14px;
    line-height: 24px;
  }

  .milestone {
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .counter-card {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .counter-title {
    font-size: 16px;
    line-height: 22px;
  }

  .featured-team-image {
    height: 400px;
  }

  ._6-column-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .faq-section {
    padding-top: 40px;
  }

  .faq-block {
    grid-row-gap: 0px;
  }

  .faq-wrapper {
    grid-row-gap: 30px;
  }

  .property-gallery {
    height: 120px;
  }

  .space-between-block.vertical-on-mobile {
    flex-direction: column;
    align-items: flex-start;
  }

  .car-info-container {
    margin-bottom: 50px;
    padding: 50px 30px 70px;
  }

  .other-features-block {
    margin-bottom: 50px;
  }

  .tab-link {
    padding: 10px;
    line-height: 24px;
  }

  .tabs-menu {
    flex-direction: column;
  }

  .tabs-content {
    padding: 30px 25px 50px;
  }

  .features-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .sidebar-form {
    padding: 35px 25px 40px;
  }

  .top-padding-section {
    padding-top: 40px;
  }

  .cover-image {
    max-height: 240px;
  }

  .info-block {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .separator {
    display: none;
  }

  .blog-post-container {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .landscape-image-wrapper {
    height: auto;
  }

  .gallery-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .gallery-image {
    max-height: 460px;
  }

  .portrait-image-wrapper {
    max-width: none;
    height: auto;
  }

  .image-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .subscription-form-wrapper {
    max-width: 95%;
  }

  .office-information-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 30px;
    padding-bottom: 40px;
    padding-left: 10px;
  }

  .contact-page-container, .contact-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .changelog-section {
    margin-bottom: -20px;
  }

  .license-paragraph {
    font-size: 14px;
    line-height: 21px;
  }

  .license-section {
    margin-top: 40px;
  }

  .license-title {
    font-size: 18px;
    line-height: 27px;
  }

  .license-main-text {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
  }

  .cross-icon-3 {
    font-size: 20px;
    line-height: 20px;
  }

  .large-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .highlight {
    padding: 0 9px;
  }

  .highlight.smaller {
    background-size: contain;
    padding-left: 16px;
    padding-right: 16px;
  }

  .preview-nav-menu {
    grid-row-gap: 15px;
    flex-direction: column;
    overflow: visible;
  }

  .section-preview {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-preview.demo-page-section {
    padding-top: 120px;
  }

  .brand {
    max-width: 150px;
  }

  .hamburger-icon-5 {
    background-color: #fff0;
    font-size: 20px;
    line-height: 20px;
  }

  .preview-title {
    font-size: 30px;
    line-height: 45px;
  }

  .preview-heading {
    font-size: 22px;
  }

  .mobile-image {
    max-width: 92px;
    margin-left: -100px;
  }

  .buy-now {
    padding-left: 18px;
    padding-right: 18px;
    bottom: 15px;
    right: 7px;
  }

  .c-card-back {
    width: 100%;
  }

  ._w-card-img {
    padding: 0;
  }

  .card-img {
    height: 180px;
  }

  .c-card-front {
    width: 100%;
  }

  .primary-button-full-width {
    padding: 5px 16px;
    font-size: 16px;
    line-height: 26px;
  }

  .primary-button-full-width.button-with-arrow {
    padding: 10px 20px;
  }

  .rezensionen {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .banner-about {
    background-image: url('../images/Produktpalette-WEB.jpg'), url('../images/pexels-s-von-hoerst-2676096-1-1_1pexels-s-von-hoerst-2676096 1 (1).webp');
    background-position: 50% 0, 0 0;
    background-size: cover, cover;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .banner-kontakt {
    background-image: url('../images/Produktpalette-WEB.jpg'), url('../images/pexels-s-von-hoerst-2676096-1-1_1pexels-s-von-hoerst-2676096 1 (1).webp');
    background-position: 50% 0, 50%;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .banner-neuwagen {
    background-image: url('../images/Produktpalette-WEB.jpg'), url('../images/pexels-s-von-hoerst-2676096-1-1_1pexels-s-von-hoerst-2676096 1 (1).webp');
    background-position: 50% 0, 0 0;
    background-size: cover, cover;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  ._3-schritte {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .card-subtitle {
    font-size: 1.3em;
    line-height: 1em;
  }

  .c-intro {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .card-title {
    font-size: 2.5em;
  }

  .header {
    font-size: 3em;
    line-height: 1.2em;
  }

  .c-card._2 {
    top: 80px;
  }

  .c-card._5 {
    top: 260px;
  }

  .c-card._3 {
    top: 140px;
  }

  .c-card._4 {
    top: 200px;
  }

  ._w-card {
    margin-bottom: 40px;
    padding: 20px;
  }

  .card-details {
    font-size: .9em;
    line-height: 1.2em;
  }

  .c-card-content-divider {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .c-scroll-down {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .description-2 {
    font-size: 1em;
    line-height: 1.3em;
  }

  .section-hero-neuwagen, .section-hero-gebrauchtwagen {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .gebrauchtwagen-button {
    padding: 5px 16px;
    font-size: 16px;
    line-height: 26px;
  }

  .gebrauchtwagen-button.button-with-arrow {
    padding: 10px 20px;
  }

  .marke-modell {
    font-size: 18px;
    line-height: 28px;
  }

  .fahrzeugname {
    font-size: 28px;
    line-height: 48px;
  }

  .fahrzeugname.margin-both-sides {
    margin-top: 60px;
    margin-bottom: 40px;
  }

  .banner-werkstatt {
    background-image: url('../images/Produktpalette-WEB.jpg'), url('../images/pexels-s-von-hoerst-2676096-1-1_1pexels-s-von-hoerst-2676096 1 (1).webp');
    background-position: 50% 0, 0 0;
    background-size: cover, cover;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .three-column-grid-copy.margin-top, .three-column-grid-copy.car-info-grid {
    grid-template-columns: 1fr;
  }
}

#w-node-c9dc60b2-90f4-5e61-1961-934476f420e8-7e6e8980 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c9dc60b2-90f4-5e61-1961-934476f4210d-7e6e8980 {
  place-self: auto;
}

#w-node-c9dc60b2-90f4-5e61-1961-934476f42110-7e6e8980, #w-node-c9dc60b2-90f4-5e61-1961-934476f42124-7e6e8980, #w-node-_05e50ff8-b268-3369-7265-8e35c7a1cea9-7e6e899a, #w-node-_59cfcf2b-a793-4e74-52e6-faf23dad6fca-7e6e899a, #w-node-_20590450-07bc-7586-59e6-7b7d06cda99d-7e6e899a, #w-node-_32eee668-2615-8cee-a6f0-d6d302daa45f-7e6e899a, #w-node-c04056d4-6ab0-63c6-3eb8-ffa454b589e6-7e6e899a, #w-node-_15b042dc-428c-6192-8540-ec6454727876-7e6e899a, #w-node-_8d25f17d-6f25-c7a4-b6f1-8ef0a29b027b-7e6e899a, #w-node-fc20d15a-9c4c-0eff-1f52-1254b488a691-7e6e899a, #w-node-_3dd30c8c-2419-c817-8d11-311d3a21e17b-7e6e899a, #w-node-_05e50ff8-b268-3369-7265-8e35c7a1cea9-14f7ae0e, #w-node-_20590450-07bc-7586-59e6-7b7d06cda99d-14f7ae0e, #w-node-_8e0ee09d-c403-def2-2418-436e36a7b5eb-14f7ae0e, #w-node-e047b32a-94e2-2195-5915-e20d079ad9d5-14f7ae0e, #w-node-_059f5a19-bfb4-f04b-b465-611509fee511-14f7ae0e, #w-node-_92cda517-86e7-75ce-a236-ca78c6c68fd6-14f7ae0e, #w-node-_3173d531-ce19-4482-2d2d-685161559b33-14f7ae0e, #w-node-_41b0cbf6-c141-cf52-3131-ea7bc948ddab-14f7ae0e, #w-node-_64b1e3fb-f508-ea7e-68b4-fe4cb4586308-14f7ae0e, #w-node-_85b3dbc5-e7f8-c675-c932-a264da3f61c2-14f7ae0e, #w-node-c0fb333c-cd0b-ddd4-e916-a0f0b85244d0-14f7ae0e, #w-node-a759515b-c086-4eba-86fa-09321a888eca-14f7ae0e, #w-node-_05e50ff8-b268-3369-7265-8e35c7a1cea9-626bd372, #w-node-_20590450-07bc-7586-59e6-7b7d06cda99d-626bd372, #w-node-_45104c84-e190-e7d3-1652-f4c9737a4839-626bd372, #w-node-_4ee5210a-1fa5-b04f-1c2c-d40850e1a907-626bd372, #w-node-_05e50ff8-b268-3369-7265-8e35c7a1cea9-60bf1e70, #w-node-_20590450-07bc-7586-59e6-7b7d06cda99d-60bf1e70, #w-node-_45104c84-e190-e7d3-1652-f4c9737a4839-60bf1e70, #w-node-_4ee5210a-1fa5-b04f-1c2c-d40850e1a907-60bf1e70, #w-node-_05e50ff8-b268-3369-7265-8e35c7a1cea9-82fd84fb, #w-node-_59cfcf2b-a793-4e74-52e6-faf23dad6fca-82fd84fb, #w-node-_42dde36a-535b-b7bc-7db4-d4e14f62c721-82fd84fb, #w-node-_883140c1-da0f-90ac-0319-109c9510960f-82fd84fb, #w-node-_8e4a706c-d8b0-3e32-ed03-17eba829c76c-82fd84fb, #w-node-_8e4a706c-d8b0-3e32-ed03-17eba829c76d-82fd84fb, #w-node-_8b500f1c-147f-dda2-2739-45c580f05e10-82fd84fb, #w-node-_8b500f1c-147f-dda2-2739-45c580f05e11-82fd84fb, #w-node-_1b043b41-da5d-77fa-f7c8-f3eabff8864c-82fd84fb, #w-node-_1b043b41-da5d-77fa-f7c8-f3eabff8864d-82fd84fb, #w-node-_20590450-07bc-7586-59e6-7b7d06cda99d-82fd84fb, #w-node-_32eee668-2615-8cee-a6f0-d6d302daa45f-82fd84fb, #w-node-c04056d4-6ab0-63c6-3eb8-ffa454b589e6-82fd84fb, #w-node-_15b042dc-428c-6192-8540-ec6454727876-82fd84fb, #w-node-_8d25f17d-6f25-c7a4-b6f1-8ef0a29b027b-82fd84fb, #w-node-fc20d15a-9c4c-0eff-1f52-1254b488a691-82fd84fb, #w-node-_408ad628-0260-b79b-2002-2e48e992c829-82fd84fb, #w-node-fcad834b-a605-b653-2ddd-dd17cf8187b5-82fd84fb, #w-node-_7d450721-347b-f3d8-4005-b0d89e12ae33-82fd84fb, #w-node-a814964d-d211-8c31-f5ed-7a5da30b4d93-82fd84fb, #w-node-a3314dc0-b0fb-dfb1-a1d1-64c5bc4030e1-82fd84fb, #w-node-_08439319-cb89-f52b-21d1-0c9639b387ea-82fd84fb, #w-node-_05ecf15e-2ee5-9eb4-2f1c-5b5632c6aaea-82fd84fb, #w-node-b04434bb-00fc-610d-f3d4-db935daad32d-82fd84fb, #w-node-_3dd30c8c-2419-c817-8d11-311d3a21e17b-82fd84fb, #w-node-_05e50ff8-b268-3369-7265-8e35c7a1cea9-a659c707, #w-node-_59cfcf2b-a793-4e74-52e6-faf23dad6fca-a659c707, #w-node-_20590450-07bc-7586-59e6-7b7d06cda99d-a659c707, #w-node-b4b61d22-8f70-0adb-ee65-99ddef12659a-a659c707, #w-node-_3835dfc4-52c3-cccd-2e7d-2e2d1f9c7f1f-a659c707, #w-node-f0d166dc-c856-691a-63d3-36c043bc069f-a659c707, #w-node-_558df68d-20a2-85a7-178f-e37cec226ee4-a659c707, #w-node-_9cb236a9-ded3-491b-4939-07429427c419-a659c707, #w-node-d3bff4d0-be91-21cb-8b28-15ba51360153-a659c707 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Icofont';
  src: url('../fonts/icofont.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlowcondensed_Google';
  src: url('../fonts/BarlowCondensed-ExtraBold.ttf') format('truetype'), url('../fonts/BarlowCondensed-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlowcondensed_Google';
  src: url('../fonts/BarlowCondensed-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Barlowcondensed_Google';
  src: url('../fonts/BarlowCondensed-BoldItalic.ttf') format('truetype'), url('../fonts/BarlowCondensed-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Barlowcondensed_Google';
  src: url('../fonts/BarlowCondensed-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlowcondensed_Google';
  src: url('../fonts/BarlowCondensed-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Barlowcondensed_Google';
  src: url('../fonts/BarlowCondensed-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Barlowcondensed_Google';
  src: url('../fonts/BarlowCondensed-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlowcondensed_Google';
  src: url('../fonts/BarlowCondensed-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlowcondensed_Google';
  src: url('../fonts/BarlowCondensed-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Barlowcondensed_Google';
  src: url('../fonts/BarlowCondensed-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlowcondensed_Google';
  src: url('../fonts/BarlowCondensed-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlowcondensed_Google';
  src: url('../fonts/BarlowCondensed-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlowcondensed_Google';
  src: url('../fonts/BarlowCondensed-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlowcondensed_Google';
  src: url('../fonts/BarlowCondensed-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Barlowcondensed_Google';
  src: url('../fonts/BarlowCondensed-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Barlowcondensed_Google';
  src: url('../fonts/BarlowCondensed-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Exo Variablefont Wght_Google';
  src: url('../fonts/Exo-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Exo Variablefont Wght_Google';
  src: url('../fonts/Exo-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}