@font-face {font-family: Poppins; src: url(https://www.alternate.nl/download/b2c_nl/pic/fonts/Poppins-Regular.ttf); }
     .skyscraper { display: none; }
    #mainContent { background: #e5c682; }

    /* Vlakverdeling */ 
    #PortalPagina { font-family: Poppins; }
    #PortalPagina img { width: 100%; }
    #PortalPagina h2 { font-size: 2.5rem; }
    #PortalPagina p {font-size: 16px; line-height: 24px; }
    #PortalPagina a { color: #6d2a83; font-weight: bold; }
    
    .jacsListing { background: linear-gradient(0deg, #ff4911, transparent); padding: 0 30px 40px; border-radius: 0 0 70px 70px; }
    .jacsListing div { width: 25%; padding: 0; }
    .jacsListing div div { width: 100%; }

    /* Actieproducten */
     .product a { display: flex; flex-direction: column; text-align: center; padding: 10px; background: white; border-radius: 20px; margin: 5px;}
     .product img { height: 160px; object-fit: contain; }
     .productTitle { font-size: 14px; color: black; height: 40px; margin-top: 20px; }
     .prijzen { justify-items: right; }
     .actieprijs { color: #ad0109; font-size: 1.5rem !important; font-weight: 900; margin: 0; }
     .historyPrice { height: 30px; color: black; text-decoration: line-through; margin: 0; }
     .uitverkocht { filter: grayscale(1); }
     .uitverkocht .actieprijs { font-size: 20px !important; background: #8e8e8e; }

    /* Categorie*/
    #Categorie .row { justify-content: center; }
    .Tekstvlak { background: white; align-self: center;  padding: 70px; border-radius: 20px;}
    
    #Categorie .row .Tekstvlak { margin-left: -6rem; }
    
    .Afbeelding img { position: relative; z-index: 2; border: 15px solid #f76714; transform: rotate(-5deg)scale(0.8); box-shadow: 6px 5px 20px #b2d5f375; }

    @media screen and (max-width: 667px) { /* Mobile */
        #PortalPagina { width: 100%; margin: 0; }
        #PortalPagina p { font-size: 14px; line-height: 23px;}
        #PortalPagina h2 { font-size: 1.5rem; }
        .jacsListing { padding: 10px; }
        .jacsListing div { width: 100%; }
        #Categorie { margin: 10px; }
        .Tekstvlak { padding: 30px; margin: -34px 0 30px; }
        #Categorie .row:nth-child(odd) .Tekstvlak  { margin-left: 0; }
        #Categorie .row:nth-child(even) .Tekstvlak  { margin-right: 0; }
    }

    @media screen and (min-width: 768px) and (max-width: 1032px) { /* Tablet */ 
        #PortalPagina { width: 100%; margin: 0; }
        #PortalPagina img { width: 100%; }
        .Tekstvlak { padding: 27px; }
        #PortalPagina h2 { font-size: 1.5rem; }
    }