 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;900&display=swap');

     

   #PortalPagina { width: 100%; position: relative; z-index: 0;}

    #PortalPagina img { width: 100%; } 

    #PortalPagina h2 { font-family: 'Poppins', sans-serif; font-size: 45px; line-height: 50px; text-transform: uppercase; color:#4194a3;}

    #PortalPagina p { font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 24px; }

    

       #Producten { display: flex; justify-content: center; background-color:black;  }

    .product a { background: white; border: 2px solid #e3e3e3; border-radius: 10px; margin: 10px; display: block; padding: 10px; position: relative;}

    .badge { background: #ad0109; width: fit-content !important; padding: 5px 10px !important; line-height: normal; }

    .productTitle { font-size: 15px; overflow: hidden; color: var(--bs-body-color); height: 40px; margin-top: 10px;height:1%; }

    .product img { width: 80% !important; margin: 0 auto; display: block; }

    .prijzen { display: flex; flex-direction: column; justify-content: flex-end; text-align: right; height: 4em; }

    .historyPrice:empty { display: none;}

    .historyPrice{ color: black; text-decoration: line-through; margin: 0; }

    .actieprijs { color: #ad0109; font-size: 1.5rem !important; font-weight: 900; margin: 0; }

    #bulletList { font-size: 12px; }

    #bulletList ul { padding: 0; }

    #bulletList li { list-style: none; }

    #bulletList li:before { content: "> "; font-weight: 900; font-size: 22px; line-height: 25px; color:#e595dc; position: relative; top: 3px; }

    

    .jacsListing div { width: 25%; padding: 0; }

    .jacsListing div div { width: 100%; }



    @media screen and (max-width: 667px) { /* Mobile */

        #PortalPagina h1 { font-size: 25px; }

        #PortalPagina p { font-size: 14px; line-height: 23px;}

        .productTitle { height: auto; }

        .jacsListing div { width: 100%; }

    }



    @media screen and (min-width: 768px) and (max-width: 1032px) { /* Tablet */

        .jacsListing div { width: 50%; }

        .productTitle { font-size: 11px; height: auto; }

    }

    