@import "/content/dam/amex/nl/assets/bubl/css/elements-v4/base.css";

.container-fluid .App {margin: 0px!important; position: relative;}
.container-fluid .ModalContent {height:85%!important; max-height:75vw!important;}
.ButtonStack {position: absolute; bottom: 20px;}
.ButtonStack a img{transition: 300ms; transform: scale(1);}
.ButtonStack a img:hover {transform: scale(1.1); box-shadow: var(--SmallBoxShadow);}
#Fraude {background: -webkit-linear-gradient(right, rgba(0, 111, 207, 0.25) 0%, rgba(0, 111, 207, 0) 100%);}
#KlachtIndienen {background: -webkit-linear-gradient(top, rgba(0, 111, 207, 0.25) 0%, rgba(0, 111, 207, 0) 100%);}

/* --------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 448px) {
    .container-fluid .ButtonStack .apple img {margin-bottom: var(--Sz01);}
    .ButtonStack {position: inherit; display: flex; flex-direction: column; align-items: center;}
    #header {padding-bottom: var(--Sz1);}
    #ContactMogelijkhedenOpties {padding-top: var(--Sz1);}
    #PostAdressenHeader {padding-top: var(--Sz4);}
    #KlachtIndienen {padding-bottom: var(--Sz1); padding-top: var(--Sz1);}
}
/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 448px) and (max-width: 767px) {
    .container-fluid .ButtonStack .apple img {margin-right: var(--Sz01);}
    .ButtonStack {position: inherit; display: flex; flex-direction: column; align-items: center;}
    #header {padding-bottom: var(--Sz1);}
    #ContactMogelijkhedenOpties {padding-top: var(--Sz0); margin-bottom: var(--Sz0);}    
    #ContactMogelijkhedenContainer {margin-bottom: var(--Sz1);}
    #ContactMogelijkhedenContainer.boxCenter .container .row  {margin-top:0px;}
    #Fraude {padding-bottom: var(--Sz01); padding-top: var(--Sz0);}
    #PostAdressenHeader {padding-top: var(--Sz4);}
    #KlachtIndienen {padding-bottom: var(--Sz1); padding-top: var(--Sz0);}
}
/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1023px) {
    .container-fluid .grid #ContactMogelijkhedenContainer.boxCenter .container .row .richtext {margin-top:0px;}
    .ButtonStack {position: inherit; display: flex; flex-direction: column; align-items: center;}
    .container-fluid .ButtonStack .apple img {margin-bottom: var(--Sz01);}
    #header {padding-bottom: var(--Sz1);}
    #ContactMogelijkhedenOpties {padding-top: var(--Sz1);}
    #Fraude {padding-bottom: var(--Sz1); padding-top: var(--Sz1);}
    #PostAdressenHeader {padding-top: var(--Sz1);}
    #KlachtIndienen {padding-bottom: var(--Sz1); padding-top: var(--Sz1);}
}
/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 1024px) and (max-width: 1279px) {
    .container-fluid .ButtonStack .apple img {margin-bottom: var(--Sz01);}
    .container-fluid .grid #ContactMogelijkhedenContainer.boxCenter .container .row .richtext {margin-top:0px;}
    #header {padding-bottom: var(--Sz1);}
    #ContactMogelijkhedenOpties {padding-top: var(--Sz1);}
    #Fraude {padding-bottom: var(--Sz1); padding-top: var(--Sz1);}
    #PostAdressenHeader {padding-top: var(--Sz1);}
    #KlachtIndienen {padding-bottom: var(--Sz1); padding-top: var(--Sz1);}
}
/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 1280px) {
    .container-fluid .ButtonStack .apple {margin-right: var(--Sz01);}
    #header {padding-bottom: var(--Sz1);}
    #ContactMogelijkhedenOpties {padding-top: var(--Sz1);}
    #Fraude {padding-bottom: var(--Sz1); padding-top: var(--Sz1);}
    #PostAdressenHeader {padding-top: var(--Sz1);}
    #KlachtIndienen {padding-bottom: var(--Sz1); padding-top: var(--Sz1);}
}
/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 1024px) {
#adresgegevens .richtext.parbase {
border-radius: var(--BrSmall);
overflow: hidden;
min-width: 75% !important;
width: 75% !important;
max-width: 75% !important;
display: block;
margin-left: auto;
margin-right: auto;
}
#adresgegevens img {
box-shadow: var(--BoxShadow);
border-radius: var(--BrSmall);
overflow: hidden;
min-width: 75% !important;
width: 75% !important;
max-width: 75% !important;
display: block;
margin-left: auto;
margin-right: auto;
}
}
/* --------------------------------------------------------------------------------------------------------- */