/* ============================================================
   41 | ALPIN CATEGORY CLOSING | V1
   Emotionaler Abschluss Wohnmobile
   ============================================================ */

.alpin-category-closing {
  --closing-red: #b80000;
  --closing-edge: var(--alpin-edge, 72px);

  position: relative !important;
  isolation: isolate !important;

  width: 100% !important;
  max-width: var(--alpin-max-width, 1600px) !important;
  min-height: 440px !important;

  margin: 0 auto !important;
  padding: 70px var(--closing-edge) !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;

  box-sizing: border-box !important;
  overflow: hidden !important;

  background-color: #101010 !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* Dunkler Verlauf fuer Lesbarkeit */

.alpin-category-closing::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background: linear-gradient(
    90deg,
    rgba(0,0,0,.91) 0%,
    rgba(0,0,0,.78) 24%,
    rgba(0,0,0,.42) 52%,
    rgba(0,0,0,.08) 100%
  );
}

.alpin-category-closing > .e-con-inner {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Inhaltscontainer */

.alpin-category-closing .alpin-closing-content {
  position: relative !important;
  z-index: 1 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  width: 100% !important;
  max-width: 700px !important;

  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

/* Emotionale Headline */

.alpin-category-closing .alpin-closing-title {
  position: relative !important;
  width: 100% !important;

  margin: 0 0 18px !important;
  padding: 0 0 18px !important;

  text-align: left !important;
}

.alpin-category-closing
.alpin-closing-title .elementor-heading-title {
  font-family:
    "Archivo ExtraCondensed",
    "Archivo",
    sans-serif !important;

  font-size: clamp(30px, 3vw, 48px) !important;
  font-weight: 800 !important;
  font-stretch: 62.5% !important;
  font-variation-settings:
    "wdth" 62.5,
    "wght" 800 !important;

  line-height: 1.08 !important;
  letter-spacing: -.3px !important;
  text-transform: uppercase !important;
  text-align: left !important;

  color: #fff !important;
}

/* Rote ALPIN-Linie */

.alpin-category-closing
.alpin-closing-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;

  width: 64px;
  height: 4px;

  background: var(--closing-red);
}

/* MORE MILES. MORE FREEDOM. */

.alpin-category-closing .alpin-closing-claim {
  width: 100% !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  text-align: left !important;
}

.alpin-category-closing
.alpin-closing-claim .elementor-heading-title {
  font-family:
    "Archivo ExtraCondensed",
    "Archivo",
    sans-serif !important;

  font-size: clamp(32px, 3.2vw, 54px) !important;
  font-weight: 800 !important;
  font-stretch: 62.5% !important;
  font-variation-settings:
    "wdth" 62.5,
    "wght" 800 !important;

  line-height: 1 !important;
  text-transform: uppercase !important;
  text-align: left !important;

  color: #fff !important;
}

/* Button-Container */

.alpin-category-closing .alpin-closing-buttons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 14px !important;
}

/* Gemeinsame Button-DNA */

.alpin-category-closing
.alpin-closing-buttons .elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 54px !important;
  padding: 16px 26px !important;

  border-radius: 0 !important;

  font-family: "Archivo", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;

  transition:
    background .2s ease,
    border-color .2s ease,
    transform .2s ease !important;
}

/* Primaerbutton */

.alpin-category-closing
.alpin-closing-primary .elementor-button {
  background: linear-gradient(
    105deg,
    #b80000 0%,
    #d40000 55%,
    #c40000 100%
  ) !important;

  border: 1px solid transparent !important;
  color: #fff !important;
}

/* Sekundaerbutton */

.alpin-category-closing
.alpin-closing-secondary .elementor-button {
  background: rgba(0,0,0,.28) !important;
  border: 1px solid rgba(255,255,255,.65) !important;
  color: #fff !important;
}

/* Button-Hover */

.alpin-category-closing
.alpin-closing-primary .elementor-button:hover {
  background: #a60000 !important;
  transform: translateY(-2px);
}

.alpin-category-closing
.alpin-closing-secondary .elementor-button:hover {
  background: rgba(255,255,255,.12) !important;
  border-color: #fff !important;
  transform: translateY(-2px);
}

/* ============================================================
   TABLET
   ============================================================ */

@media (min-width: 768px) and (max-width: 1024px) {

  .alpin-category-closing {
    --closing-edge: 40px;

    min-height: 400px !important;
    padding: 55px var(--closing-edge) !important;
    background-position: 60% center !important;
  }

  .alpin-category-closing .alpin-closing-content {
    max-width: 600px !important;
  }

  .alpin-category-closing
  .alpin-closing-title .elementor-heading-title {
    font-size: 38px !important;
  }

  .alpin-category-closing
  .alpin-closing-claim .elementor-heading-title {
    font-size: 44px !important;
  }
}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767px) {

  .alpin-category-closing {
    --closing-edge: 24px;

    min-height: 480px !important;
    padding: 50px var(--closing-edge) !important;

    background-position: 65% center !important;
  }

  .alpin-category-closing::before {
    background: linear-gradient(
      90deg,
      rgba(0,0,0,.9) 0%,
      rgba(0,0,0,.76) 55%,
      rgba(0,0,0,.38) 100%
    );
  }

  .alpin-category-closing .alpin-closing-content {
    max-width: 100% !important;
  }

  .alpin-category-closing
  .alpin-closing-title .elementor-heading-title {
    font-size: 32px !important;
  }

  .alpin-category-closing
  .alpin-closing-claim .elementor-heading-title {
    font-size: 38px !important;
  }

  .alpin-category-closing .alpin-closing-buttons {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  .alpin-category-closing
  .alpin-closing-buttons > * {
    width: 100% !important;
  }

  .alpin-category-closing
  .alpin-closing-buttons .elementor-button {
    width: 100% !important;
  }
}