@import "/content/dam/amex/nl/assets/css/global/de-de/v2-0-0/base.css";

/* CUSTOM CSS PLATINUM WAEHLEN */

@media (width > 767px) {
  .kd--text-image.text-image--text-first .col-md-6:last-child {
    padding-right: unset !important;
  }
}
.btn-white:not(.btn-contextual) {
  background: unset !important;
  color: #fff !important;
}

.kd--hero {
  z-index: 1;
  isolation: isolate;
}

.kd--hero .richtext {
  max-width: 90ch !important;
}

.kd--hero .container {
  position: relative;
  z-index: 2;
}

.kd--hero .flash-header-text h1,
.kd--hero .flash-header-text h2,
.kd--hero .flash-header-text h3 {
  font-family: var(--FontB) !important;
  font-weight: bold;
}

.kd--hero.hero--fh .col-md-12 {
  align-self: flex-end;
  margin-bottom: var(--Sz5) !important;
}

.kd--hero::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 75%;
  background-image: linear-gradient(to top, rgb(0, 0, 0), transparent);
  z-index: 1;
}

/*# sourceMappingURL=custom.css.map */