@font-face { font-family: Poppins; src: url(https://www.alternate.nl/download/b2c_nl/pic/fonts/Poppins-Regular.ttf); }
    #PortalPagina { width: 100%; font-family: Poppins; background: #060606; }
    #PortalPagina img { width: 100%; }
    #PortalPagina h1 { font-size: 30px; }
    #PortalPagina h2 { font-size: 35px; line-height: 45px; }
    #PortalPagina p { font-size: 16px; line-height: 24px; }
    .OmslagFoto { background: none; }
    
    #Inleiding { padding: 50px 250px; text-align: center; color: white; }
    #Inleiding a { color: #22a837; }
    
    #Assortiment .row { background: linear-gradient(323deg, #4a4a4a, #252525, #2b2b2b); margin: 20px auto; border-radius: 50px; align-items: center; }
    #Assortiment .row .ItemAfbeelding { margin: 20px 10px; border-radius: 40px; overflow: hidden; }
    #Assortiment .row .SeoTekstvlak { color: white; padding: 60px 30px; }

    .FilterSlider { padding: 0 40px 30px; }
    .productCard a { background: white; border: 2px solid #e3e3e3; border-radius: 10px; margin: 5px; display: block; padding: 10px; position: relative; }
    .productCard .productTitle { font-size: 15px; overflow: hidden; color: var(--bs-body-color); height: 38px; margin-top: 10px; }
    .productCard img { width: 60% !important; margin: 0 auto; display: block; }
    .productCard ul { height: 70px; padding: 0 10px; }
    .productCard li { list-style: none; text-indent: -13px; font-size: 10px; }
    .productCard li:before { content: "> "; font-weight: 900; font-size: 16px; line-height: 18px; color:#1caf39; position: relative; top: 3px; }

    .ratingsfalse { display: none; }
    .ratingstrue { display: flex; width: 50%; margin: 0 -7px -3px; }
    .productInfo { display: flex; gap: 10px; align-items: flex-end; justify-content: right; }
    .productPrices { width: 60%; text-align: right; }
    .productPrice { font-size: 25px !important; font-weight: 900; color: #9f0707; margin: 0; }
    .historyPrice { height: 30px; margin: 0; text-decoration-line: line-through; font-size: 20px; }
    
    #Actievoorwaarden { background: linear-gradient(0deg, #1c5d06, #59ba39); padding: 60px; color: white; }
    #Actievoorwaarden li { list-style: none; display: flex; margin-bottom: 5px; }
    #Actievoorwaarden li:before { content: ">"; font-size: 20px; line-height: 22px; padding-right: 10px; }

    /* Mobile */
    @media screen and (max-width: 667px) {
      #PortalPagina h1 { font-size: 25px; }
      #PortalPagina p { font-size: 14px; line-height: 23px; }
      #Inleiding { padding: 10px 10px 0; }
      #Assortiment .row .SeoTekstvlak { padding: 30px 10px 0; }
      .FilterSlider { padding: 0; }
      .productTitle { height: auto; }
      #Actievoorwaarden { padding: 10px; }
    }

    /* Tablet */
    @media screen and (min-width: 768px) and (max-width: 1032px) {
        #Inleiding { padding: 20px 0 0; }
        .FilterSlider { padding: 0 0 30px; }
        .productTitle { font-size: 11px; height: auto; }
        #Assortiment .row .SeoTekstvlak { padding: 20px; }
    }