/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/Breadcrumb/Breadcrumb.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Breadcrumb_bar___Q_sE {
  background: rgba(231, 231, 232, 0.5);
}

.Breadcrumb_barInner__cT1jC {
  display: flex;
  align-items: center;
  max-width: 100rem;
  margin: 0 auto;
  padding: 0.5rem 1.5rem;
}
@media (min-width: 1024px) {
  .Breadcrumb_barInner__cT1jC {
    padding-left: calc(1.5rem + 10rem + 2rem);
  }
}

.Breadcrumb_breadcrumb__fK4dG {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.Breadcrumb_item__CXcEI {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.Breadcrumb_link__hpP4U {
  font-size: 0.875rem;
  font-weight: 300;
  color: #000;
  text-decoration: none;
}
.Breadcrumb_link__hpP4U:hover {
  text-decoration: underline;
}

.Breadcrumb_separator__ufd9q {
  display: flex;
  align-items: center;
  color: #404041;
}

.Breadcrumb_separatorGold__UmYfL {
  display: flex;
  align-items: center;
  color: #beb18b;
}

.Breadcrumb_current__4EXGi {
  font-size: 0.875rem;
  font-weight: 300;
  color: #beb18b;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/ContactFormSection/ContactFormSection.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ContactFormSection_section__F3_Zu {
  padding: 6.5rem 0;
}

.ContactFormSection_inner__rFK58 {
  width: calc(100% - 3rem);
  max-width: 87.5rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 6rem;
}
@media (min-width: 1024px) {
  .ContactFormSection_inner__rFK58 {
    width: calc(100% - 4rem);
  }
}

.ContactFormSection_header__h2xih {
  padding: 0.625rem 0 0.625rem 1.5rem;
  border-left: 0.25rem solid #beb18b;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ContactFormSection_title__YI_vg {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 400;
  line-height: 2.1875rem;
  text-transform: uppercase;
  color: #a39476;
}

.ContactFormSection_subtitle__AA2IS {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 400;
  line-height: 2.1875rem;
  color: #404041;
}
.ContactFormSection_subtitle__AA2IS strong {
  font-weight: 700;
}

.ContactFormSection_content__hA6BB {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .ContactFormSection_content__hA6BB {
    flex-direction: row;
    align-items: stretch;
  }
}

.ContactFormSection_imageWrapper__QCIj6 {
  position: relative;
  min-height: 25rem;
}
@media (min-width: 768px) {
  .ContactFormSection_imageWrapper__QCIj6 {
    flex: 1 1;
    min-height: 36.6875rem;
  }
}

.ContactFormSection_formCard__wAwTi {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
  background: #fff;
  border: 1px solid rgba(231, 231, 232, 0.5);
}
@media (min-width: 768px) {
  .ContactFormSection_formCard__wAwTi {
    flex: 1 1;
    padding: 1.5rem 6rem;
  }
}

.ContactFormSection_form__wYgas {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.ContactFormSection_formTitle__Ub9UJ {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.1875rem;
  color: #404041;
}

.ContactFormSection_fields__XhIbU {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.ContactFormSection_fieldGroup__QsaUe {
  display: flex;
  flex-direction: column;
}

.ContactFormSection_input__VOeOU,
.ContactFormSection_textarea__3XEPO {
  width: 100%;
  padding: 1rem;
  background: rgba(231, 231, 232, 0.5);
  border: none;
  border-bottom: 1px solid #beb18b;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.1875rem;
  color: #404041;
  outline: none;
  transition: border-color 0.2s;
}
.ContactFormSection_input__VOeOU::-moz-placeholder, .ContactFormSection_textarea__3XEPO::-moz-placeholder {
  color: #404041;
}
.ContactFormSection_input__VOeOU::placeholder,
.ContactFormSection_textarea__3XEPO::placeholder {
  color: #404041;
}
.ContactFormSection_input__VOeOU:focus,
.ContactFormSection_textarea__3XEPO:focus {
  border-bottom-color: #a39476;
}

.ContactFormSection_textarea__3XEPO {
  resize: vertical;
  min-height: 7.75rem;
}

.ContactFormSection_error__w6HOk {
  font-size: 0.75rem;
  color: #b20610;
  margin-top: 0.25rem;
}

.ContactFormSection_submitButton__xB_Su {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1.5rem;
  gap: 0.625rem;
  width: 100%;
  height: 3.25rem;
  background: #beb18b;
  border: none;
  cursor: pointer;
  color: #fff;
  transition: background-color 0.2s;
}
.ContactFormSection_submitButton__xB_Su span {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.1875rem;
  text-transform: uppercase;
  color: #fff;
}
.ContactFormSection_submitButton__xB_Su:hover {
  background: rgb(180.8425414365, 166.0110497238, 122.6574585635);
}
.ContactFormSection_submitButton__xB_Su:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.ContactFormSection_success__89lH5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 3rem 0;
  text-align: center;
}

.ContactFormSection_successText__ePfqQ {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75rem;
  color: #404041;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/verkaufen-page/sections/AgentSearchBar.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AgentSearchBar_wrapper__8qeni {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  z-index: 2;
  width: calc(100% - 3rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
@media (min-width: 1024px) {
  .AgentSearchBar_wrapper__8qeni {
    width: calc(100% - 4rem);
    max-width: 87.5rem;
  }
}

.AgentSearchBar_label__2a1aN {
  font-size: 0.875rem;
  color: #fff;
  text-align: center;
}

.AgentSearchBar_bar__neKSV {
  display: flex;
  width: 100%;
  height: 3.75rem;
  background: #fff;
  box-shadow: 0 0 1.25rem #beb18b;
}

.AgentSearchBar_input__SQ6Ex {
  flex: 1 1;
  min-width: 0;
  height: 3.75rem;
  padding: 0.5rem 1rem;
  border: none;
  border-bottom: 1px solid #beb18b;
  background: rgba(231, 231, 232, 0.5);
  font-family: inherit;
  font-size: 1rem;
  color: #404041;
  outline: none;
}
.AgentSearchBar_input__SQ6Ex::-moz-placeholder {
  color: #818285;
}
.AgentSearchBar_input__SQ6Ex::placeholder {
  color: #818285;
}

.AgentSearchBar_button__A08xv {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0 1rem;
  height: 3.75rem;
  flex-shrink: 0;
  background: #beb18b;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}
.AgentSearchBar_button__A08xv span {
  display: none;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
}
@media (min-width: 768px) {
  .AgentSearchBar_button__A08xv {
    padding: 0.5rem 1.5rem;
  }
  .AgentSearchBar_button__A08xv span {
    display: inline;
  }
}
.AgentSearchBar_button__A08xv:hover {
  background: #a39476;
}

.AgentSearchBar_icon__LYpIC {
  width: 1.25rem;
  height: 1.25rem;
  color: #fff;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/vermieten-page/sections/ExploreSection.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.ExploreSection_section___Vcm1 {
  background: #fff;
  padding: 3rem 0;
}
@media (min-width: 1024px) {
  .ExploreSection_section___Vcm1 {
    padding: 6.5rem 0 0;
  }
}

.ExploreSection_bottomStrip__q_VND {
  display: none;
}
@media (min-width: 1024px) {
  .ExploreSection_bottomStrip__q_VND {
    display: block;
    background: rgba(231, 231, 232, 0.5);
    padding: 6.25rem 2rem 6.5rem;
  }
}
@media (min-width: 1400px) {
  .ExploreSection_bottomStrip__q_VND {
    padding: 6.25rem calc((100% - 87.5rem) / 2) 6.5rem;
  }
}

.ExploreSection_inner__3FcSp {
  width: calc(100% - 3rem);
  max-width: 87.5rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (min-width: 1024px) {
  .ExploreSection_inner__3FcSp {
    width: calc(100% - 4rem);
    gap: 6rem;
  }
}

.ExploreSection_header__6kO_U {
  padding: 0.625rem 0 0.625rem 1.5rem;
  border-left: 0.25rem solid #a39476;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ExploreSection_title__0OQGR {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 400;
  line-height: 2.1875rem;
  text-transform: uppercase;
  color: #a39476;
}

.ExploreSection_subtitle__bI7c2 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 400;
  line-height: 2.1875rem;
  color: #3e3e3f;
}
.ExploreSection_subtitle__bI7c2 strong {
  font-weight: 700;
}

.ExploreSection_grid__JTUs6 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.5rem;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .ExploreSection_grid__JTUs6 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.ExploreSection_card__ovNPh {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  gap: 1.5rem;
  min-height: 14.375rem;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 768px) {
  .ExploreSection_card__ovNPh {
    padding: 2.5rem;
  }
}
.ExploreSection_card__ovNPh:hover .ExploreSection_cardImage__tPrlp {
  transform: scale(1.08);
}

.ExploreSection_cardImage__tPrlp {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.5s ease;
}

.ExploreSection_cardOverlay__MNQgF {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  pointer-events: none;
}

.ExploreSection_cardContent__MIvRY {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
}

.ExploreSection_cardTitle__vtf4G {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.875rem;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

.ExploreSection_cardButton__TjqUY {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  gap: 0.625rem;
  min-width: 15.8125rem;
  height: 3.125rem;
  background: #beb18b;
  transition: background-color 0.2s;
  color: #fff;
}
.ExploreSection_cardButton__TjqUY span {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.1875rem;
  text-transform: uppercase;
  color: #fff;
}
.ExploreSection_card__ovNPh:hover .ExploreSection_cardButton__TjqUY {
  background: rgb(180.8425414365, 166.0110497238, 122.6574585635);
}

/* ── Valuation Banner ──────────────────────────────── */
.ExploreSection_valuationBanner__XWsB2 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: stretch;
  padding: 2rem 1.5rem;
  background: #404041;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .ExploreSection_valuationBanner__XWsB2 {
    padding: 3rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 1024px) {
  .ExploreSection_valuationBanner__XWsB2 {
    transform: translateY(50%);
  }
}

.ExploreSection_valuationContent__7p_TA {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ExploreSection_valuationTitle__fYFHg {
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-weight: 400;
  line-height: 2.1875rem;
  text-transform: uppercase;
  color: #fff;
}

.ExploreSection_valuationSubtitle__ZJIYm {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 400;
  line-height: 2.1875rem;
  color: #fff;
}

.ExploreSection_valuationButton__mYk5l {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  gap: 0.625rem;
  width: 100%;
  height: 3.125rem;
  background: #beb18b;
  text-decoration: none;
  flex-shrink: 0;
  color: #fff;
  transition: background-color 0.2s;
}
@media (min-width: 768px) {
  .ExploreSection_valuationButton__mYk5l {
    width: auto;
    min-width: 15.8125rem;
  }
}
.ExploreSection_valuationButton__mYk5l span {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.1875rem;
  text-transform: uppercase;
  color: #fff;
}
.ExploreSection_valuationButton__mYk5l:hover {
  background: rgb(180.8425414365, 166.0110497238, 122.6574585635);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/vermieten-page/sections/HeroSection.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HeroSection_hero__sgtEZ {
  position: relative;
  z-index: 1;
  min-height: 31.25rem;
  margin: -1.875rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3rem 0;
  padding-bottom: 5rem;
}
@media (min-width: 1024px) {
  .HeroSection_hero__sgtEZ {
    min-height: min(46.25rem, 100dvh - 5rem);
    padding: 0;
  }
}

.HeroSection_heroImage__AJXvA {
  z-index: 0;
  object-fit: cover;
}

.HeroSection_heroOverlay__uB_7J {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgba(186, 175, 136, 0.4);
  pointer-events: none;
}

.HeroSection_heroContent__vZI_g {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: calc(100% - 3rem);
  max-width: 87.5rem;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .HeroSection_heroContent__vZI_g {
    width: calc(100% - 4rem);
  }
}

.HeroSection_heroHeading__0kmQW {
  font-size: clamp(2rem, 5vw, 3.125rem);
  font-weight: 390;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
  max-width: 43.9375rem;
}

.HeroSection_heroSubtext__v5AA1 {
  font-size: clamp(1rem, 2vw, 1.5rem);
  font-weight: 300;
  line-height: 1.375;
  color: #fff;
  max-width: 44.4375rem;
}

.HeroSection_ctaButton__zGP4m {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  gap: 0.625rem;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 15.8125rem;
  height: 3.125rem;
  background: #3e3e3f;
  color: #beb18b;
  text-decoration: none;
  transition: background-color 0.2s;
}
.HeroSection_ctaButton__zGP4m span {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.1875rem;
  text-transform: uppercase;
  color: #beb18b;
}
.HeroSection_ctaButton__zGP4m:hover {
  background: #2e2e2f;
}

.HeroSection_ctaArrow__ijlb4 {
  width: 1.5rem;
  color: #beb18b;
  flex-shrink: 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/vermieten-page/sections/ProcessSection.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProcessSection_section__VsSeT {
  background: rgba(231, 231, 232, 0.5);
  padding: 6rem 0 3rem;
}
@media (min-width: 1024px) {
  .ProcessSection_section__VsSeT {
    padding: 8.75rem 0 6rem;
  }
}

.ProcessSection_inner__Qo7rb {
  width: calc(100% - 3rem);
  max-width: 87.5rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 1024px) {
  .ProcessSection_inner__Qo7rb {
    width: calc(100% - 4rem);
    gap: 3.75rem;
  }
}

.ProcessSection_header__vYp_7 {
  padding-left: 1.5rem;
  border-left: 0.25rem solid #beb18b;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ProcessSection_title__zkOFS {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 400;
  line-height: 2.1875rem;
  text-transform: uppercase;
  color: #a39476;
}

.ProcessSection_subtitle__hmklx {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 400;
  line-height: 2.1875rem;
  color: #3e3e3f;
}

.ProcessSection_grid__gHNf5 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0;
  gap: 0;
}
@media (min-width: 768px) {
  .ProcessSection_grid__gHNf5 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1400px) {
  .ProcessSection_grid__gHNf5 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.ProcessSection_card__7JHiG {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 1rem 1rem 0.5rem;
  border-bottom: 1px solid rgba(231, 231, 232, 0.5);
}
@media (min-width: 768px) {
  .ProcessSection_card__7JHiG {
    gap: 0.875rem;
    padding: 3.5rem 2rem 3.5rem 0.5rem;
  }
}
@media (min-width: 1400px) {
  .ProcessSection_card__7JHiG {
    padding: 3.5rem 1.5rem;
    border-bottom: none;
    border-right: 1px solid rgba(231, 231, 232, 0.5);
  }
  .ProcessSection_card__7JHiG:first-child {
    padding-left: 0;
  }
  .ProcessSection_card__7JHiG:last-child {
    padding-right: 0;
    border-right: none;
  }
}

.ProcessSection_cardHeader__WE6Iw {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 768px) {
  .ProcessSection_cardHeader__WE6Iw {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }
}

.ProcessSection_icon__h7V2m {
  width: 2rem;
  height: 2rem;
  color: #a39476;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .ProcessSection_icon__h7V2m {
    width: 3.25rem;
    height: 3.25rem;
  }
}

.ProcessSection_cardTitle__SmQ_S {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 130%;
  color: #404041;
}
@media (min-width: 768px) {
  .ProcessSection_cardTitle__SmQ_S {
    font-size: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .ProcessSection_cardTitle__SmQ_S {
    min-height: 3.9rem;
  }
}

.ProcessSection_cardDescription__l6S0V {
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
  color: #404041;
}
@media (min-width: 768px) {
  .ProcessSection_cardDescription__l6S0V {
    font-size: 1.125rem;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/vermieten-page/sections/WhyChooseSection.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.WhyChooseSection_section__xWdGm {
  position: relative;
  overflow: hidden;
  padding: 3rem 0;
}
@media (min-width: 1024px) {
  .WhyChooseSection_section__xWdGm {
    padding: 6.5rem 0;
    min-height: 50.9375rem;
  }
}
.WhyChooseSection_section__xWdGm::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(62, 62, 62, 0.9), rgba(62, 62, 62, 0.9)), url("/images/vermieten-century-21/img2.webp") center/cover no-repeat;
  transform: scale(1.3);
  z-index: 0;
}

.WhyChooseSection_inner__mhQEi {
  position: relative;
  z-index: 1;
  width: calc(100% - 3rem);
  max-width: 87.5rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 1024px) {
  .WhyChooseSection_inner__mhQEi {
    width: calc(100% - 4rem);
    gap: 3.75rem;
  }
}

.WhyChooseSection_header__dv3np {
  padding: 0.5rem 0 0.5rem 1.5rem;
  border-left: 0.25rem solid #a39476;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.WhyChooseSection_title__lXLez {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 400;
  line-height: 2.1875rem;
  text-transform: uppercase;
  color: #a39476;
}

.WhyChooseSection_subtitle__2p3C7 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 400;
  line-height: 2.1875rem;
  color: #fff;
}
.WhyChooseSection_subtitle__2p3C7 strong {
  font-weight: 700;
}

.WhyChooseSection_grid___jJYN {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2.5rem;
  gap: 2.5rem;
}
@media (min-width: 768px) {
  .WhyChooseSection_grid___jJYN {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}

.WhyChooseSection_card__v1Tl9 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.WhyChooseSection_imageWrapper__MVaTu {
  position: relative;
  width: 100%;
  aspect-ratio: 466/340;
}

.WhyChooseSection_cardContent__iTb6r {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.WhyChooseSection_cardTitle__XVG7R {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.0625rem;
  text-transform: uppercase;
  color: #fff;
}

.WhyChooseSection_cardDescription__vB_TS {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75rem;
  color: #fff;
}