@font-face {font-family: Poppins; src: url(https://www.alternate.nl/download/b2c_nl/pic/fonts/Poppins-Regular.ttf); }
    #PortalPagina { font-family: Poppins; background: #000; color: white; }
    #PortalPagina img { width: 100%; }
    #PortalPagina h1 { font-size: 30px; color: #9900ff; } 
    #PortalPagina h2 { font-size: 25px; line-height: 40px; }
    #PortalPagina p { font-size: 16px; line-height: 24px; }
    #PortalPagina .SeoBasisBlok a { font-size: 16px; line-height: 30px; }
    
    /* Menu */
    #PortalMenu .row { width: 80%; margin: -40px auto 0; }
    #PortalMenu a { width: fit-content; border: 1px solid #71399d; padding: 18px 87px; background: white; }
    #PortalMenu a:hover { filter: contrast(0.5); }

    #PortalPagina .Inleiding { text-align: center; padding: 100px; margin-top: -20px; background: #202020; }
    #PortalPagina .SeoTekstvlak a { display: inline-block; background: #9900ff; padding: 10px 20px; border-radius: 5px; color: white; margin-top: 10px;}
    #PortalPagina .SeoTekstvlak a:hover { filter: sepia(1); }
    
    /* Content */
    #Categorieen { padding: 60px; background: linear-gradient(75deg, #030004 10%, #2e0847 40%, #030004 100%); }
    #Categorieen .row { position: relative; background: linear-gradient(0deg, #081124, #171638); padding: 70px 50px; border: 1px solid #5b118c; border-radius: 20px; margin-left: 180px; margin-bottom: 50px; flex-direction: row-reverse; }
    #Categorieen .ItemAfbeelding { position: absolute; left: -27%; top: 0; width: 48%; }
    #Categorieen .row:nth-child(even) { flex-direction: row; margin-left: 0; margin-right: 180px; }
    #Categorieen .row:nth-child(even) .ItemAfbeelding { left: 800px; }

    @media screen and (max-width: 667px) { /* Mobile */
        #PortalPagina h1 { font-size: 25px; }
        #PortalPagina p { font-size: 14px; line-height: 23px;}
        #PortalMenu { display: none; }
        #PortalPagina .Inleiding { padding: 40px; margin-top: 0; }
        #Categorieen { padding: 20px; }
        
        #Categorieen .row { flex-direction: column; margin: 0 0 20px; padding: 10px; }
        #Categorieen .row:nth-child(even) { margin-right: 0; }
        #Categorieen .ItemAfbeelding { position: unset; width: 100%; margin: 0; }
    }

    @media screen and (min-width: 768px) and (max-width: 1032px) { /* Tablet */
        #PortalMenu .row { width: 80%; margin: 0 auto; justify-content: center; }
        #PortalMenu a { padding: 8px 30px; }
        #Categorieen .row { margin: 0 0 20px; padding: 40px 20px; }
        #Categorieen .ItemAfbeelding { position: unset; margin: -140px -50px -50px; width: 70%; }
        #Categorieen .row:nth-child(even) { margin: 50px 0; padding: 40px 20px; }
    }