@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; background: #161616; font-family: Poppins; color: white; overflow:hidden;}

    #PortalPagina h1 {font-size:30px; color:#226f6c; font-weight: 900; }

    #PortalPagina h2 { font-size: 28px; text-align:left; }

    #PortalPagina h2 span { color: #1e9f9a; font-weight: 100; }

    #PortalPagina h4 {font-size: 8rem;color:#1e1e1e; text-align: left; margin-bottom:-10%;}

    #PortalPagina h5{text-align:center;font-size:30px;padding:5%;background-color:#1e1e1e;}

    #PortalPagina h5 span { color: #1e9f9a; font-weight: 100; }

    #PortalPagina p { font-size: 16px; line-height: 24px; }

    .ItemAfbeelding { margin: 0; }

    #PortalPagina img { width: 100%; }

    .Seotekstvlak { padding: 60px; }

    #PortalPagina .producten { justify-content: center; } 

    

    .pricetag{background-color:#226f6C; width:20%; text-align:center; padding:2%; font-weight:600; color:white; font-size:25px;border: solid 1px #169d98;border-radius: 5px;}

    

    .Inleiding .row { text-align: center; padding: 30px 100px; }

    

    #Voordelen { background: #226f6c; width: 90%; margin: 0px auto 90px; text-align: left; border-radius: 20px; padding: 30px; }

    #Voordelen .Seotekstvlak { padding: 20px 20px 0; }

    #Voordelen ul { padding: 0; }

    #Voordelen li { display: flex; list-style: none; }

    #Voordelen li:before { content: ">"; font-size: 30px; margin-top: -10px; padding-right: 5px; color: #6fdbd7; }

    

    #Maatwerk .row { align-items: center; }

    #Maatwerk .btn { background: #226f6c; border-color: #169d98; padding: 10px 30px; }

    #Maatwerk .Logo { width: 50% !important; float: right; }

    

    .promoCards { margin: 0 -5px; justify-content: flex-end; }

    .promoCard { border: unset; }

    .promoCard a { background: #ffffff; display: block;margin: 7px;padding: 14px;text-align: center;text-decoration: none;opacity: 1; transition: opacity 0.2s; border-bottom:solid 4px #226f6c;}

    .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;}

    

    #workstation{background-image: url('https://www.alternate.nl/download/b2c_nl/pic/merken/amd/2025/ThreadripperPRO/BackgroundWorkstation.jpg?v=1'); background-repeat: no-repeat;}

    #workstation img.logo{width:40%;}

    #workstation h2 {margin-top:20%;}

    #workstation p{margin-bottom: 40px}

    

    #ThreadripperPRO{background-image: url('https://www.alternate.nl/download/b2c_nl/pic/merken/amd/2025/ThreadripperPRO/Background5000PRO.jpg?v=2');background-repeat: no-repeat;}

    #ThreadripperPRO h2{margin-top:10%;}

    #ThreadripperPRO p {width:60%; font-size:20px; margin-bottom:40px;}

    

    @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.80rem 1rem;margin: 0;background-color: #226f6c;text-align: center;/* line-height: 40px; */color: #ffffff;font-size: 1.5rem;font-weight: 900;}

    @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: #9e9e9e;font-size: 1rem;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;height: 3.6em; margin-top:30px;}

    .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: #226f6c;height: 35px;width: 35px;/* padding: 0 9px; */border-radius: 20px;top: 180px;}

    .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 h4 {font-size: 3rem;color:#1e1e1e; text-align: left; margin-bottom:-20%;}

        #PortalPagina p { font-size: 14px; line-height: 23px;}

        .swiper-slide { width: 100% !important; }

         #PortalPagina iframe { width: 100%; }

         

        #workstation{background-image: url('https://www.alternate.nl/download/b2c_nl/pic/merken/amd/2025/ThreadripperPRO/BackgroundWorkstation_m.jpg?v=3'); background-repeat: no-repeat;}

        

        #ThreadripperPRO{background-image: url('https://www.alternate.nl/download/b2c_nl/pic/merken/amd/2025/ThreadripperPRO/Background5000PRO_m.jpg?v=3');background-repeat: no-repeat; background-size:100% 60%;}

        #ThreadripperPRO h2{margin-top:5%}

        #ThreadripperPRO p {width:100%;}

    }



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

    #PortalPagina h4 {font-size: 4rem;}

    }