@font-face {font-family: Poppins; src: url(https://www.alternate.nl/download/b2c_nl/pic/fonts/Poppins-Regular.ttf); }
    #PortalPagina { font-family: Poppins; background: #2a2437; color: white; }
    #PortalPagina img { width: 100%; }
    #PortalPagina h1 { font-size: 30px; color: #c82e2c; } 
    #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 #740a09; padding: 18px 60px; color: white; background: #c82e2c; }
    #PortalMenu a:hover { filter: brightness(0.5); }

    #PortalPagina .Inleiding { text-align: center; padding: 100px; margin-top: -20px; background: #0e0e0e; }
    #PortalPagina .SeoTekstvlak a { display: inline-block; background: #c82e2c; padding: 10px 20px; border-radius: 5px; color: white; margin-top: 10px;}
    #PortalPagina .SeoTekstvlak a:hover { filter: brightness(0.5); }
    
    /* Content */
    #Categorieen { padding: 60px 110px; }
    #Categorieen .row { position: relative; flex-direction: row-reverse; align-items: center; background: linear-gradient(-19deg, #0b031c 30%, transparent 50%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 100px), calc(100% - 80px) 100%, 0 100%); 
          border-right: 6px solid #c82e2c; border-bottom: 6px solid #c82e2c; margin-bottom: 70px; }
    #Categorieen .row:after { position: absolute; top: 70%; content: ""; display: block; width: 45px; height: 200px; background: #c82e2c; transform: rotate(39deg); }

    @media screen and (max-width: 667px) { /* Mobile */
        #PortalPagina { overflow: hidden; }
        #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 { padding: 30px 0; }
        #Categorieen .row:after { top: 82%; }
    }

    @media screen and (min-width: 768px) and (max-width: 1032px) { /* Tablet */
        #PortalPagina { overflow: hidden; }
        #PortalMenu .row { width: 80%; margin: 0 auto; justify-content: center; }
        #PortalMenu a { padding: 8px 30px; }
        #Categorieen { padding: 60px 30px; }
        #Categorieen .row { padding: 30px 0; }
        .ItemAfbeelding { width: 60%; margin: -80px 0; }
        #Categorieen .row:after { top: 76%; }
    }