@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: black; }
    #PortalPagina img { width: 100%; }
    #PortalPagina h1 { font-size: 30px; } 
    #PortalPagina h2 { font-size: 25px; line-height: 40px; color: white; }
    #PortalPagina p { font-size: 16px; line-height: 24px; }
    
    #PortalPagina .producten { justify-content: center; } 
    
    .promoCards { margin: 0 -5px; justify-content: flex-end; }
    .promoCard { border: unset; }
    .promoCard a { background: #ffffff; display: block;margin: 7px;padding: 14px;border-radius: 5px;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;transition: opacity 0.2s;}
    .promoCard img {max-width: 100%;}
    .promoTitle {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-top: 4px;margin-bottom: 11px;}
    
    .Videos { text-align: center; padding: 60px; }
    
    @media only screen and (max-width: 600px) {
        .promoTitle {font-size: 0.8rem;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;height: 3.5em;}
    }
    .promoPrices {position: relative;text-align: right;margin-top: 14px;/* bottom: 5px; */}
    .promoPrice {display: inline-block;padding: 0.25rem 1rem;margin: 0;background-color: #76b900;text-align: center;/* line-height: 40px; */color: #ffffff;font-size: 1.5rem;font-weight: 900;border-radius: 5px;}
    @media only screen and (max-width: 600px) {
        .promoPrice {display: block;margin: 5px 0 0 0;padding: 0.1rem 0.5rem;line-height: 45px;font-size: 1.15rem;}
        .promoPrice span span {font-size: 0.5rem;}
    }
    @media only screen and (max-width: 1120px) and (min-width: 992px) {
        .promoPrice {display: block;margin: 5px 0 0 0;padding: 0.1rem 0.5rem;line-height: 45px;font-size: 1.1rem;}
    }
    .promoStrikeprice {height: 32px;padding: 0.25rem 1rem;position: absolute;bottom: 22px;right: 7px;line-height: 22px;color: #ffffff;font-size: 15px;-ms-transform: rotate(5deg);-webkit-transform: rotate(5deg);transform: rotate(5deg); 
                      text-align: center;font-weight: bold;border-radius: 5px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><line x1='15' y1='70' x2='85' y2='30' stroke='hsl(0deg 0% 100%)' stroke-width='1' vector-effect='non-scaling-stroke'/></svg>");
                      background-repeat: no-repeat;background-position: center center;background-size: 100% 100%, auto;background-color: #92e405;}
    @media only screen and (max-width: 600px) {
        .promoStrikeprice {height: 38px;bottom: 25px;right: 5px;line-height: 31px;font-size: 0.90rem;}
    }
    .promoStrikeprice:empty, .promoStrikeprice:has(span:empty) {display: none;}
    .promoCards {margin: 20px 100px;}
    .promoCards .highlight-carousel-container {position: relative;padding: 0px;}
    .promoCards .swiper {position: static;user-select: none;}
    .promoCards a.card {background-color: #ffffff;border: 1px solid rgba(242, 175, 66, 0.5)!important;}
    .promoCards a.card {opacity: 1;transition: opacity 0.1s;}
    .promoCards a.card:hover {opacity: 0.8;transition: opacity 0.1s;}
    .promoCards .promoTitle {color: #141a2f;font-size: 1rem;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;height: 3.6em;}
    .promoCards .promoCard a {margin: 5px;}
    .promoCards .promoCard img {max-width: 85%;}
    .promoCards .eyecatcher-container div span {line-height: 1.5;}
    .promoCards .promoPrices {display: flex;justify-content: flex-end;align-items: center;}
    .promoPriceDifference {font-weight: 900;}
    .swiper-button-prev, .swiper-rtl .swiper-button-next, .swiper-button-next, .swiper-rtl .swiper-button-prev {margin: 0 5px;color: #ffffff;background-color: #76b900;height: 35px;width: 35px;/* padding: 0 9px; */border-radius: 20px;top: 195px;}
    .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 14px!important;}
    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {margin-left: -4px;}
    .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 14px!important;}
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {margin-left: 4px;}
    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev: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 only screen and (max-width: 650px) {
        .promoCards .promoPrices {display: flex;justify-content: flex-end;align-items: center;flex-wrap: wrap;}
        .promoCards .promoPrices div {width: 100%;margin-bottom: 10px;}
    }
    
    @media only screen and (min-width: 767px) and (max-width: 992px) {
        .promoCards .promoPrices {display: flex;justify-content: flex-end;align-items: center;flex-wrap: wrap;}
        .promoCards .promoPrices div {width: 100%;margin-bottom: 10px;}
    }
    
    @media (max-width: 920px) { 
        .swiper-button-prev, .swiper-rtl .swiper-button-next, .swiper-button-next, .swiper-rtl .swiper-button-prev { top: 155px; }   
        .promoCards { margin: 20px 50px; }
    }
    
    @media (max-width: 600px) { .promoCards { margin: 20px; }}
    
    @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) { /* Mobile */
        #PortalPagina h1 { font-size: 25px; }
        #PortalPagina p { font-size: 14px; line-height: 23px;}
        .swiper-slide { width: 100% !important; }
        .Videos { padding: 10px; }
        .Videos iframe { width: 100%; }
    }

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