@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: #efefef;
        img { width: 100%; }
        h1 { font-size: 30px; } 
        h2 { font-size: 45px; line-height: 70px; color: #1a90bd; font-weight: 100; }
        p { font-size: 16px; line-height: 24px; }
        
        #PortalMenu .row { flex-direction: row; background: none; justify-content: center;  margin: -20px 0 30px; }
        #PortalMenu .row a { width: fit-content; background: #f7f7f7; padding: 10px 30px; border: 2px solid #e7e7e7; }
        #PortalMenu .row a:hover { background: #1a90bd; color: white; }
        
        .row:nth-child(odd) { flex-direction: row-reverse; background: #f7f7f7; }
        .row { align-items: center; }
        .ItemAfbeelding { padding: 8px; background: #1a90bd; clip-path: polygon(0% 0%, 100% 0%, 100% 92%, 9% 97%); margin: 20px 0; }
        .row:nth-child(even) .ItemAfbeelding {  clip-path: polygon(0% 0%, 100% 0%, 94% 93%, 0% 85%);  }
        .ItemAfbeelding img {  display: block; clip-path: inherit; }
        .SeoTekstvlak { padding: 60px; }
        .SeoTekstvlak a { display: inline-block; background: #1a90bd; padding: 10px 20px; color: white; border-radius: 20px; }
        .SeoTekstvlak a:hover { filter: grayscale(1); }
        
        .Inleiding { text-align: center; }
        .col-sm-6 col-lg-6:has(.ItemAfbeelding) { padding: 0; }
    }
    
    /* Content */

    @media screen and (max-width: 667px) { /* Mobile */
        #PortalPagina {
            h2 { font-size: 25px; line-height: 30px; }
            #PortalMenu .row { margin: 0; }
            .Inleiding { padding: 0; }
            .SeoTekstvlak { padding: 20px; }
            .ItemAfbeelding, .row:nth-child(even) .ItemAfbeelding { clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%); }
        }
    }

    @media screen and (min-width: 768px) and (max-width: 1032px) { /* Tablet */
        #PortalPagina {
            .Inleiding {padding: 0; }
            .SeoTekstvlak { padding: 20px; }
        }
    }