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

/* ------------------------------------------------ */
/* -- Custom CSS ------------- JE ----------------- */
/* ------------------------------------------------ */

/* ------------------------------------------------ */
/* -- Studio drift tag ---------------------------- */
.kd--studio-tag{
  font-family:var(--FontB);
  font-size:1rem;
  font-weight:300;
  color:#8E9092;
}
/* ------------------------------------------------ */
/* -- Amex On tag --------------------------------- */
.kd--amex-on{
  font-size: 48px;
  font-weight: 900;
  color:var(--dark-blue);
}
/* ------------------------------------------------ */
/* -- Logo banner --------------------------------- */
.kd--logo-banner{
  display: inline-block;
  width: 250px;
  mask-image: url(/content/dam/amex/nl/assets/bubl/img/Ribbon.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(/content/dam/amex/nl/assets/bubl/img/Ribbon.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--light-blue);
  aspect-ratio: 3/1
}