/* --juridische wijzigingenFR.css--------------------------------------------------------------------------- */

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

/* --font-sizing-------------------------------------------------------------------------------------------- */

.container-fluid h1 {font-size: 42px !important;line-height: 40px !important;}
.container-fluid h2 {font-size: 35px !important; line-height: 35px !important;}
.container-fluid h3 {font-size: 30px !important; line-height: 30px !important;}
.container-fluid .grid .intro .container .row .richtext p{font-size: 17px !important;}
.container-fluid p, .container-fluid ul li{font-size: 14px!important;}
.container-fluid .collapsible-panel .border.bordered h3 .accordion-content:last-child p:not(:last-child){margin-bottom: 15px!important;}

/* --background-color--------------------------------------------------------------------------------------- */

#FAQ-twee {
  background: rgb(194, 219, 243);
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(194, 219, 243, 1) 100%);
}

#FAQ {
  background: rgb(194, 219, 243);
  background: linear-gradient(0deg, rgba(194, 219, 243, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
/* --FAQ styling-------------------------------------------------------------------------------------------- */

.container-fluid #FAQ h2 {font-size: 28px !important; line-height: 35px !important;}
.container-fluid #FAQ-twee h2 {font-size: 28px !important; line-height: 35px !important;}

/* --FAQ rij een-------------------------------------------------------------------------------------------- */

#FAQ {
  background: rgb(194, 219, 243);
  background: linear-gradient(0deg, rgba(194, 219, 243, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
#FAQ .collapsible-panel h3 {
  line-height: 24px !important;
}
#FAQ{
  display: flex!important;
  align-items: center!important;
}

#FAQ .pad-3-t {
  padding-top:0.5em!important;
}

.container-fluid  .grid  #FAQ .container .row .col-md-12 div{
  box-shadow: var(--BoxShadow);
  border-radius: 0px
}

.container-fluid .grid #FAQ .container .row .col-md-6 div.collapsible-panel,
.container-fluid .grid #FAQ .container .row .col-md-6 div.collapsible-panel div,
.container-fluid .grid #FAQ .container .row .col-md-6 div.border,
.container-fluid .grid #FAQ .container .row .col-md-6 div.parbase,
.container-fluid .grid #FAQ .container .row .col-md-6 div.parbase div{
  box-shadow: none!important;
}


 .container-fluid .grid #FAQ .container .row .col-md-12{
  padding: 0px !important;
}

.container-fluid .grid #FAQ .container .row .col-md-12 .stack{
  padding-left: var(--Sz01) !important;
}

/* --FAQ rij twee------------------------------------------------------------------------------------------- */

.container-fluid  .grid  #FAQ-twee .container .row .col-md-12 div{
  box-shadow: var(--BoxShadow);
  border-radius: 0px
}

#FAQ-twee .collapsible-panel h3 {
  line-height: 24px !important;
}

#FAQ-twee .pad-3-t {
  padding-top:0.5em!important;
}

#FAQ{
  display: flex!important;
  align-items: center!important;
}

.container-fluid .grid #FAQ-twee .container .row .col-md-6 div.collapsible-panel,
.container-fluid .grid #FAQ-twee .container .row .col-md-6 div.collapsible-panel div,
.container-fluid .grid #FAQ-twee .container .row .col-md-6 div.border,
.container-fluid .grid #FAQ-twee .container .row .col-md-6 div.parbase,
.container-fluid .grid #FAQ-twee .container .row .col-md-6 div.parbase div{
  box-shadow: none!important;
}

 .container-fluid .grid #FAQ-twee .container .row .col-md-12{
  padding: 0px !important;
}

.container-fluid .grid #FAQ-twee .container .row .col-md-12 .stack{
  padding-left: var(--Sz01) !important;
}

/* --hero styling------------------------------------------------------------------------------------------- */

.container-fluid .Hero-custom {
  margin-bottom: var(--Sz1)!important;
}

/* --------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 448px) {
  #FAQ-twee{padding-top: 0px!important;}
  #FAQ{padding-bottom: 0px!important;}
   .container-fluid .grid #FAQ .container .row .col-md-12 {padding-bottom: var(--Sz1)!important;}
.container-fluid .grid #FAQ .container .row .col-md-4 {padding-left: 1.4em!important;}
   .container-fluid .grid #FAQ-twee .container .row .col-md-12 {padding-bottom: var(--Sz1)!important;}
.container-fluid .grid #FAQ-twee .container .row .col-md-4 {padding-left: 1.4em!important;}
  .container-fluid .collapsible-panel .border.bordered h3 .accordion-content:last-child p{margin-bottom: var(--Sz01)!important;}
  .container-fluid h2 {font-size: 30px !important; line-height: 35px !important;}
  .container-fluid .Hero-custom {padding-bottom: var(--Sz1)}
  .container-fluid .Hero-custom {margin-bottom: var(--Sz1)}
}
/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 448px) and (max-width: 767px) {
  #FAQ-twee{padding-top: 0px!important;}
  #FAQ{padding-bottom: 0px!important;}
  .container-fluid .grid #FAQ .container .row .col-md-12{padding-bottom: var(--Sz1)!important;}
.container-fluid .grid #FAQ .container .row .col-md-4 {padding-left: 1.4em!important;}
   .container-fluid .grid #FAQ-twee .container .row .col-md-12 {padding-bottom: var(--Sz1)!important;}
.container-fluid .grid #FAQ-twee .container .row .col-md-4 {padding-left: 1.4em!important;}
  .container-fluid .collapsible-panel .border.bordered h3 .accordion-content:last-child p{margin-bottom: var(--Sz01)!important;}
  .container-fluid h2 {font-size: 30px !important; line-height: 35px !important;}
  .container-fluid .Hero-custom {padding-bottom: var(--Sz1)}
  .container-fluid .Hero-custom {margin-bottom: var(--Sz1)}
}
}
/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1023px) {
  
}
/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 1024px) and (max-width: 1279px) {
  
}
/* --------------------------------------------------------------------------------------------------------- */
@media (min-width: 1280px) {
  
}
/* --------------------------------------------------------------------------------------------------------- */