@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;}
    #PortalPagina img { width: 100%; }
    #PortalPagina h1 { font-family: Poppins;font-size: 30px; } 
    #PortalPagina h2 { font-family: Poppins;font-size: 25px; line-height: 40px; }
    #PortalPagina p { font-family: Poppins;font-size: 16px; line-height: 24px; }
    #PortalPagina a {font-family: Poppins; transition: .15s ease-out;  }
    #PortalPagina a:hover { transform: scale(0.95); transition: .15s ease-out; }
    
    /* Content */
    #Inleiding .row { text-align: center; padding: 60px; }
    
    #Categorieen { padding: 60px 0; }
    #Categorieen .row { justify-content: center; }
    #Categorieen a { margin: 20px 0; }
    #Categorieen h2 {font-size: 21px;line-height: normal;text-align: center;color: var(--gray-darkest);}
    
    #Videos .carousel-inner { background: #fff701; padding: 60px; }
    .carousel-item .Videos { display: flex; justify-content: center; }
    .carousel-item .Videos iframe { aspect-ratio: 16/9; width: 80%; height: auto; border-radius: 30px; box-shadow: 0 0 2em #7b6c05; }
    .carousel-control-prev-icon, .carousel-control-next-icon { color: red; font-size: 120px; font-family: fangsong; display: contents; }
    .carousel-indicators [data-bs-target] { background-color: red; width: 30px; height: 30px; border-radius: 50%; margin: -1em 5px; }

    @media screen and (max-width: 667px) { /* Mobile */
        #PortalPagina h1 { font-size: 25px; }
        #PortalPagina p { font-size: 14px; line-height: 23px;}
        #Inleiding .row { padding: 10px; }
        #Videos .carousel-inner { padding: 10px; }
        .carousel-item .Videos iframe { border-radius: 10px; }
        .carousel-control-prev-icon, .carousel-control-next-icon { font-size: 40px; }
    }

    @media screen and (min-width: 768px) and (max-width: 1032px) { /* Tablet */
    }