@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: #252525; }
    #PortalPagina img { width: 100%; }
    #PortalPagina h1 { font-size: 30px; }
    #PortalPagina h2 { font-size: 25px; line-height: 40px; }
    #PortalPagina p { font-size: 16px; line-height: 24px; }

    .SeoTekstvlak a { display: inline-block; background: black; color: white; padding: 30px 40px; font-size: 20px; border-radius: 50px; }
    .SeoTekstvlak a:hover { filter: contrast(0.5); }

    /* Vlakverdeling */
    #Opties { padding: 30px; }
    #Opties a { border: 3px solid #4d4d4d; margin: 5px; width: 24.2%; box-shadow: inset 0 0 30px #5b5b5b; background: #ededed; border-radius: 11px; }
    #Opties a h2 { color: #1c1c1c; text-transform: uppercase; font-size: 35px; }
    #Opties a:nth-child(3) h2 { margin: -40px 0; }
    #Opties a:hover { transform: scale(0.98); }

    .Inleiding { text-align: center; padding: 100px; color: white; }
    .Inleiding a { filter: invert(1); }

    /* Content */
    #Aanbod .ItemAfbeelding { display: none; }
    #Aanbod .row { position: relative; background: red; margin: 20px 10px; width: auto; height: 33em; border-radius: 30px; }
    #Aanbod .SeoTekstvlak { position: absolute; width: 45%; align-self: center; }
    #Aanbod .row h2 { font-size: 100px; line-height: 30px; text-transform: uppercase; padding-top: 25px; }
    #Aanbod .row h2 span { font-size: 30px; font-weight: 500; }

    #Aanbod .row:nth-child(odd) .SeoTekstvlak { left: 30px; }
    #Aanbod .row:nth-child(even) .SeoTekstvlak { right: 0px; }

    #Aanbod .row:nth-child(1) { background: url(https://www.alternate.nl/download/b2c_nl/pic/merken/Arozzi/Portal/2025/Pink_d.jpg?v=1) right; }
    #Aanbod .row:nth-child(2) { background: url(https://www.alternate.nl/download/b2c_nl/pic/merken/Arozzi/Portal/2025/Green_d.jpg?v=1) left; color: white; }
    #Aanbod .row:nth-child(3) { background: url(https://www.alternate.nl/download/b2c_nl/pic/merken/Arozzi/Portal/2025/Purple_d.jpg?v=1) right; color: white; }
    #Aanbod .row:nth-child(4) { background: url(https://www.alternate.nl/download/b2c_nl/pic/merken/Arozzi/Portal/2025/White_d.jpg?v=1) right; }
    #Aanbod .row:nth-child(5) { background: url(https://www.alternate.nl/download/b2c_nl/pic/merken/Arozzi/Portal/2025/Black_d.jpg?v=1) right; color: white; }
    #Aanbod .row:nth-child(5) a { filter: invert(1); }

    /* Mobile */
    @media screen and (max-width: 667px) {
      #PortalPagina h1 { font-size: 25px; }
      #PortalPagina p { font-size: 14px; line-height: 23px; }
      #Opties a { width: 97%; }
      .Inleiding { padding: 20px; }
      #Aanbod { padding-bottom: 10px; }
      #Aanbod .SeoTekstvlak { position: initial; width: 100%; }
      #Aanbod .ItemAfbeelding { display: block; padding: 0; }
      #Aanbod .row { height: auto; background: white !important; color: initial !important; }
      #Aanbod .row h2 { font-size: 60px; }
      .SeoTekstvlak a { padding: 20px 30px; margin: 10px 0; font-size: 16px; }
      #Aanbod .row:nth-child(5) a { filter: initial; }
    }

    /* Tablet */
    @media screen and (min-width: 768px) and (max-width: 1032px) {
      #Opties a { width: 23.5%; }
      #Opties a h2 { font-size: 19px; }
      #Opties a:nth-child(3) h2 { margin: -10px 0; line-height: 20px; }
      .Inleiding { padding: 30px; }
      .SeoTekstvlak a { padding: 20px 30px; font-size: 15px; }
      #Aanbod .row { height: auto; }
      #Aanbod .SeoTekstvlak { position: initial; width: 100%; background: white; padding: 20px; margin-top: -30px; color: initial; }
      #Aanbod .ItemAfbeelding { display: block; padding: 0; }
      #Aanbod .row:nth-child(5) { padding-bottom: 20px; }
      #Aanbod .row:nth-child(5) a { filter: inherit; }
    }