@font-face {font-family: Poppins; src: url(https://www.alternate.nl/download/b2c_nl/pic/fonts/Poppins-Regular.ttf); }
    
    #PortalPagina { font-family: Poppins; }
    #PortalPagina img { width: 100%; }
    #PortalPagina h1 { font-size: 30px; } 
    #PortalPagina h2 { font-size: 35px; line-height: 40px; }
    #PortalPagina p { font-size: 16px; line-height: 24px; }
    #PortalPagina .SeoTekstvlak { padding: 60px; text-align: center; }
    #PortalPagina a { display: inline-block; background: #701d9fbf; color: white; padding: 10px 20px; border: 2px solid #701d9f; border-radius: 5px; }
    
    /* Menu */
    .navportal { position: absolute; display: flex; flex-direction: row; width: 80%; margin: -30px 10%; } 
    .navportal .Pijltje { display: none; } 
    .navportal .Uitklapmenu { width: 100%; padding: 0; } 
    .navportal .mainItem { font-size: 16px !important; color: black; margin: 0; padding: 7px; font-weight: 600 !important; line-height: 55px; } 
    .navportal .UitklapVlak { background: white; box-shadow: 0px 1px 5px #cac0c0; text-align: center; } 
    .navportal .UitklapVlak a { color: black !important; background: none !important; border: none !important; display: flex !important; padding: 14px !important; justify-content: center; transition: .15s linear; text-decoration: none; } 
    .navportal .UitklapmenuTitel { background: white; border: 1px solid #f1f1f1; text-align: center; transition: .15s linear; } 
    .UitklapmenuTitel h2 { font-size: 16px !important; margin: 0; padding: 3px; font-weight: 600 !important; }
    .UitklapmenuTitel:hover, .UitklapVlak a:hover { background: #ececec; transition: .15s linear; } 
    .UitklapVlak { display: none; }
    
    /* Vlakverdeling */
    /* #Playstation { background: url(https://www.alternate.nl/download/b2c_nl/pic/merken/Sony/Portal/PlaystationBG.jpg?v=1) no-repeat; } */
    #Playstation img { display: block; width: 50%; margin: 0 auto; padding: 50px 0 30px; }
    
    #Inzone { background: #0b0716; color: white; }
    .SeoTekstvlak span { color: #a91ff7; }
    
    #Speakers { background: #150936; color: white; }
    #Speakers .SeoTekstvlak { text-align: left; place-items: center; align-content: center; }
    
    .promoCard {border: unset;}
    .promoCard a { background: #ffffff !important; text-align: center; text-decoration: none; opacity: 1; transition: opacity 0.2s; }
    .promoCard a:hover, .promoSky a:hover, .promoHeaderOutlet a:hover, .promoLogos a:hover {opacity: 0.9;}
    .promoCard img {max-width: 100%;}
    .productTitle {color: #000000; font-size: 1rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; height: 2.4em; text-wrap: balance; margin: 4px 0 11px;}
    @media only screen and (max-width: 600px) {.productTitle {font-size: 0.8rem; -webkit-line-clamp: 3; height: 3.5em;}}
    .actieprijs { padding: 10px; background-color: #e3000e; font-size: 24px !important; margin:0; border-radius: 10px;}
    @media only screen and (max-width: 600px) {.actieprijs {display: block; margin-top: 5px; padding: 0.1rem 0.5rem; line-height: 45px; font-size: 1.15rem;}}
    @media only screen and (max-width: 1120px) and (min-width: 992px) {.actieprijs {display: block; margin-top: 5px; padding: 0.1rem 0.5rem; line-height: 45px; font-size: 1.1rem;}}
    .actieprijsDifference {font-weight: 900;}
    .historyPrice { height: 20px; color: black; font-size: 17px !important; margin: 10px 0 !important; text-decoration: line-through; font-weight: 700; }
    @media only screen and (max-width: 600px) {.historyPrice {height: 38px; bottom: 25px; right: 5px; line-height: 31px; font-size: 0.90rem;}}
    .promoCards {margin: 30px auto; justify-content: flex-end;}
    @media (max-width: 920px) {.promoCards {margin: 20px 0;}}
    @media (max-width: 600px) {.promoCards {margin: 20px 0;}}
    .promoCards .highlight-carousel-container {position: relative; padding: 0;}
    .promoCards .swiper {position: static; user-select: none;}
    .promoCards a.card {background-color: #ffffff; border: 1px solid rgba(242, 175, 66, 0.5) !important; opacity: 1; transition: opacity 0.1s;}
    .promoCards a.card:hover {opacity: 0.8;}
    .promoCards .promoCard a {margin: 5px;}
    .promoCards .promoCard img {max-width: 85%;}
    .promoCards .eyecatcher-container div span {line-height: 1.5;}
    .promoCards .actieprijss {display: flex; justify-content: flex-end; align-items: center;}
    @media only screen and (max-width: 650px), only screen and (min-width: 767px) and (max-width: 992px) {
      .promoCards .actieprijss {flex-wrap: wrap;}
      .promoCards .actieprijss div {width: 100%; margin-bottom: 10px;}
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next, .swiper-button-next, .swiper-rtl .swiper-button-prev {
      margin: 0 5px; color: #ffffff; background-color: #a91ff7; height: 35px; width: 35px; border-radius: 20px; top: 195px;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 14px !important;}
    .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 14px !important;}
    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {margin-left: -4px;}
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {margin-left: 4px;}
    .swiper-button-prev:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {transform: scale3d(0.5, 0.4, 0.5);}
    @media only screen and (max-width: 1300px) {
      .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 8px !important;}
      .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 8px !important;}
    }
    @media (max-width: 920px) {.swiper-button-prev, .swiper-rtl .swiper-button-next, .swiper-button-next, .swiper-rtl .swiper-button-prev {top: 155px;}}
    @media (max-width: 450px) {.swiper-button-prev, .swiper-rtl .swiper-button-next, .swiper-button-next, .swiper-rtl .swiper-button-prev {top: 130px;}}
    @media screen and (max-width: 667px) {.swiper-slide {width: 100% !important;}}

    @media screen and (max-width: 667px) { /* Mobile */
        #PortalPagina h1 { font-size: 25px; }
        #PortalPagina p { font-size: 14px; line-height: 23px;}
        #PortalMenu { flex-direction: column; margin: 0 0 20px; width: 100%; position: inherit; }
        #PortalPagina .SeoTekstvlak { padding: 10px; }
        #Playstation { background-position: top right; background-size: 240%; }
        #Playstation img { width: 100%; }
        #Speakers .SeoTekstvlak { text-align: center; }
    }

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