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

/* 2026-05-18 V25 */

@media (min-width: 768px) {
#erlebe-amex-items .pad-responsive {padding: 24px 24px 0 24px!important;}
}

@media (min-width: 1024px) {
#erlebe-amex-items .pad-responsive {padding: 32px 32px 0 32px!important;}
}

@media (min-width: 1280px) {
#erlebe-amex-items .pad-responsive {padding: 48px 48px 0 48px!important;}
}

.amex-on-logo {
  width: clamp(0px, 200px, 95%);
  margin-inline: auto;
}

.kd--hero .image.parbase{
  position: relative;
}

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

#flux-logo {
  position: absolute;
  margin: auto;
  display: flex;
  justify-content: center;
  z-index: 0;
  pointer-events: none;
  width: 100%;
  height: auto;
  object-fit:contain;
  scale: 1.4;
}

@media (min-width: 1024px){
  #flux-logo{
    inset:-50px;
    scale: 1;
  }
}

.kd--hero .richtext{
  z-index: 1;
}

#flux-logo img {
  max-height: 500px;
  object-fit: cover
}

.kd--hero.hero--fh .col-md-12 {
  min-height: 0;
  height: 100%;
}

.kd--hero.hero--bottom-label .col-md-12 > div {
  grid-template-rows: auto 1fr auto auto auto;
}

.kd--hero.hero--align-center .richtext {
  max-width: 100% !important;
}

#layers, #ksawery-komputery {
  --_outerHeight: 450px;
}

#img--layers img {
  height: var(--_outerHeight);
  -o-object-fit: cover;
     object-fit: cover;
}

#layers--txt-in-img {
  height: var(--_outerHeight);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#programm-items {
  --_imageHeight: 500px;
}

#programm-items .kd--image{
  position: relative;
}

#programm-items .kd--image::before{
  position: absolute;
  inset: 0;
  background-color: black;
/*   z-index: -1; */
  width: 100%;
  height: 100%;
  content: "";
  border-radius: var(--BrBig);
  opacity: .3;
  pointer-events: none;
}

#programm-items #img--programm_1 img, #programm-items #img--programm_2 img, #programm-items #img--programm_3 img {
  height: var(--_imageHeight);
  -o-object-fit: cover;
     object-fit: cover;
}

#programm-items #programm--title_1, #programm-items #programm--title_2, #programm-items #programm--title_3 {
  height: var(--_imageHeight);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding-inline: 10px;
}

#video .video-player {
  padding-bottom: 177.78% !important;
}

.showcase-card {
  border-radius: var(--BrBig);
  overflow: hidden;
}

.showcase-card .text-align-center {
  text-align: left !important;
}

.showcase-card .heading-3 {
  font-family: var(--FontA);
  font-size: 1.7rem!important;
  line-height: 2rem!important;
}

.hero-carousel .row{
  align-items: center;
  justify-content: center;
}

.hero-carousel .col-md-8{
  text-align: center;
}

.hero-carousel h4{
  font-family: var(--FontA);
}

#erlebe-amex-items i {
  display: none;
}

#erlebe-amex-items .row{
  row-gap: var(--Sz1);
}