@font-face {font-family: Poppins; src: url(https://www.alternate.nl/download/b2c_nl/pic/fonts/Poppins-Regular.ttf); }
    #PortalPagina { width: 100%; position: relative; z-index: 0; font-family: Poppins; background: black; }
    #PortalPagina img { width: 100%; }
    #PortalPagina h1 { font-size: 30px; } 
    #PortalPagina h2 { font-size: 25px; line-height: 40px; color: white; }
    #PortalPagina p { font-size: 16px; line-height: 24px; }
    
    #PortalPagina .producten { justify-content: center; } 
    .jacsListing { display: flex; flex-flow: wrap; gap: 10px; justify-content: center; padding-bottom: 50px;}
    .jacsListing div { width: 23%; }
    .jacsListing div div { width: 100%; background: white; border-radius: 20px; }
    .product { padding: 20px; }
    .productTitle { text-align: center; height: 68px; }
    .prijzen { height: 70px; display: flex; flex-direction: column; align-items: flex-end; }
    .msrp { text-decoration: line-through; font-size: 20px !important; margin: 5px 0; }
    .actieprijs { background: #5f9b03; padding: 10px; color: white; font-size: 26px !important; width: fit-content; }

    @media screen and (max-width: 667px) { /* Mobile */
        #PortalPagina h1 { font-size: 25px; }
        #PortalPagina p { font-size: 14px; line-height: 23px;}
        .swiper-slide { width: 100% !important; }
        .jacsListing div { width: 100%; }
        .jacsListing div div { padding: 5px; }
        .productTitle { height: auto; font-size: 16px; }
        .product img { width: 50% !important; margin: 0 auto; display: block; }
    }

    @media screen and (min-width: 768px) and (max-width: 1032px) { /* Tablet */
        .jacsListing div { width: 30%; }
        .productTitle { height: 38px; font-size: 11px; }
    }