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

#life-on-hero {
  background-color: hsl(0, 0%, 70%);
}

.amex-on-logo {
  margin-inline: auto;
  text-align: center !important;
  width: clamp(0px, 300px, 95%);
}

.kd--hero.hero--fh#life-on-hero .container .row {
  min-height: auto !important;
  height: auto !important;
  max-height: 100% !important;
}

.kd--hero.hero--fh#life-on-hero .container .row .col-md-12 > div {
  min-height: clamp(0px, 100vh, 950px);
  height: clamp(0px, 100vh, 950px);
  max-height: clamp(0px, 100vh, 950px);
  grid-template-rows: auto;
}

@media (width >= 768px) {
  #life-on-hero::after {
    position: absolute;
    content: "";
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    pointer-events: none;
    -webkit-mask-position: right -100px bottom var(--Sz4);
    mask-position: right -100px bottom var(--Sz4);
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 300px;
    height: 100%;
    right: 0;
    bottom: 0;
    -webkit-mask-image: url(/content/dam/amex/nl/assets/bubl/img/Ribbon.svg);
    mask-image: url(/content/dam/amex/nl/assets/bubl/img/Ribbon.svg);
    background-color: var(--wh);
  }
  
.kd--hero.hero--fh#life-on-hero .container .row .col-md-12 > div > * {
  min-height: 0px;
}
.kd--hero.hero--fh#life-on-hero .container .row .col-md-12 > div .image > div {
  margin-inline: auto;
  max-height: 100%;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  height: 100%;
}
.kd--hero.hero--fh#life-on-hero .container .row .col-md-12 > div .image > div img {
  max-height: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.kd--three-cols:not(.kd--three-cols.three-cols--extra-h) {
  --_height: 500px;
}
.kd--three-cols.three-cols--extra-h {
  --_height: 640px;
}
.kd--three-cols .kd--programm-image {
  min-height: var(--_height);
}
.kd--three-cols .video-player{
  height:var(--_height)!important;
  min-height: var(--_height)!important;
  overflow: hidden;
  border-radius: var(--BrBig);
  border:none!important;
  outline:none!important;
}
.kd--three-cols .kd--programm-image img {
  border-radius: var(--BrBig);
  height: var(--_height);
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.kd--three-cols .richtext {
  padding: var(--Sz0);
}
.kd--three-cols .kd--programm-title {
  position: absolute;
  top: calc(var(--_height) / 2 - 50px);
  left: 0;
  right: 0;
  text-transform: uppercase;
}
.kd--three-cols .kd--programm-title p {
  font-size: clamp(1.8rem, (1.24rem + 1.28vw) * var(--_fontScale), 3.26rem);
  line-height: clamp(2rem, (1.24rem + 2.28vw) * var(--_fontScale), 4.26rem);
}
.kd--three-cols .copyright {
  position: absolute;
  left: 25px;
  top: calc(var(--_height) - 35px);
  color: var(--wh);
  z-index: 2;
}

#IntroTroika {
  padding-bottom: 400px;
}
#IntroTroika .logo svg {
  width: 150px;
}

#TroikaContents {
  margin-top: -400px;
}

#BenefitsContents .col-md-4 > div {
  border-radius: var(--BrBig);
  background-color: var(--gr2);
  height: 100%;
}

.kd--intro .richtext {
  text-wrap: balance;
}

#InstagramAmexON {
  width: -moz-max-content;
  width: max-content;
  margin-top: var(--Sz1);
  margin-inline: auto;
}

.an--flipper:last-child {
  position: none !important;
}
  
.video.parbase{
  background-color: #000000;
}/*# sourceMappingURL=custom.css.map */