@import url("https://www.americanexpress.com/content/dam/amex/nl/assets/bubl/css/base.css");

/* ------------------------------------------------------------ */
    #EleV1 section.ListF .Inside .ServiceTile .Content p#DutchOnly {color: #c2c2c2!important; padding-top: 6px!important; font-size: 80%!important;}
    #EleV1 #notice .Content {width:100%; background-color: var(--White);}
    #EleV1 #notice .Content p {margin: 17px 0 17px 0;}
    #EleV1 #notice .Content p a.Btn {margin-top: 7px;}

/* ------------------------------------------------------------ */
    #Account, #Blokkering, #Updateproces {background-color: var(--Gray3); position: relative;}
    #Account .ContentBoxC, #Updateproces .ContentBoxA {position: relative; z-index: 2;}
    #Account::before, #Updateproces::before {
        content: '';
        display: block;
        width: 100%;
        height: 500px;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        background-image: url("https://www.americanexpress.com/content/dam/amex/nl/assets/bubl/img/OniShapeWit.svg");
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: contain;
    }

/* ------------------------------------------------------------ */
    #summary .ColumnBox .TekstContent h4,#Intro .ColumnBox .TekstContent h4,
    #Bedrijfsgegevens .ColumnBox .TekstContent h4 {font-size:17px!important;}  
    #EleV1 #Intro section.IntroTekstB .Content {width: 80%;}

/* ------------------------------------------------------------ */   
    #Service section.ListF .Inside p.service-line {display:block; margin: 0 0 var(--Sz03) 0; color: #fff; text-align: center; width: 100%;}
    #Service section.ListF .Inside a.ServiceTile {height: auto!important;}
    #Service section.ListF .Inside a.ServiceTile.Content p {font-size: 14px!important; line-height: 18px!important;}

/* ------------------------------------------------------------ */

    #callamex {display:block; margin-top: 15px; color: var(--Blue1); font-weight: 700 !important; text-decoration: none; transition: all 300ms; cursor: pointer;}
    #callamex::after {content: ''; display: inline-block; width: 17px; height: 17px; background-image: background-repeat: no-repeat;
        background-position: center center; background-size: contain; position: relative; top: 4px; margin-left: 10px; transition: all 300ms;}
    #callamex:hover{color: var(--Blue2);}

/* ------------------------------------------------------------ */   
    #summary ul, #summary ol {padding: 0 0 0 20px;}
    #summary ol li {padding: 4px 0 4px 0;}

/* ------------------------------------------------------------ */   
    .list-bold ol {list-style: none; counter-reset: li}
    .list-bold ol li::before {content: counter(li); color: var(--Blue1); display: inline-block; width: 1em; margin-left: -1em; font-weight: 900;}
    .list-bold ol li {counter-increment: li; font-size:17px; line-height:1.5;}
    .list-bold p {font-size:17px; line-height:1.5; margin-top:20px; display:block;}
    .list-bold ol.better li::before {margin-left: -1.5em; margin-right: 0.5em; text-align: right; direction: rtl}

/* ------------------------------------------------------------ */   
    ul.Check {margin: 0; padding: var(--Sz08) 0 var(--Sz07) var(--Sz04); list-style: none;}
    ul.Check li {position: relative;}
    ul.Check li::before {
        content: '';
        display: inline-block;
        background-image: url("https://www.americanexpress.com/content/dam/amex/nl/assets/bubl/img/CheckBlue1Big.svg");
        width: 14px;
        height: 14px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        position: absolute;
        left: -23px;
        top: 5px;
    }

    #Updateproces .ImageContent {box-shadow:none !important;}
    .pdf-box {display:block; padding: 30px; color:#ffffff; background-color: var(--Blue2); box-shadow: var(--BoxShadow); font-size: 20px!important;}
    .pdf-box a {color:#ffffff!important; font-weight: 900!important; font-size: 20px!important;}
    ul.ListLayer {list-style: disc !important;}
    ul.ListLayer li::before {background-image: none !important;}
    ul.ListLayer li {margin-top: 10px;}

/* -------------------------------------------------------------------------------------------- */
    @media only screen and (max-width: 576px) {  
    #Service section.ListF .Inside .ServiceTile .Content p 
    {font-size: 14px; line-height: 18px!important;}        
    }
/* -------------------------------------------------------------------------------------------- */
    @media (min-width:577px) and (max-width:768px) {
    #Service section.ListF .Inside .ServiceTile .Content p 
    {font-size: 14px; line-height: 18px!important;}    
    }
/* -------------------------------------------------------------------------------------------- */
    @media (min-width:769px) and (max-width:1023px) {
    #Service section.ListF .Inside .ServiceTile .Content p 
    {font-size: 14px; line-height: 18px!important;}    
    }
/* -------------------------------------------------------------------------------------------- */
    @media (min-width:1024px) and (max-width:1279px) {
    #Service section.ListF .Inside .ServiceTile .Content p 
    {font-size: 14px; line-height: 18px!important;}    
    }
/* -------------------------------------------------------------------------------------------- */
    @media only screen and (min-width: 1280px) {}
/* -------------------------------------------------------------------------------------------- */