#PortalPagina , #PortalPagina *, #PortalPagina *:before, #PortalPagina *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }







    #PortalPagina { width: 100%; background: #ededed; position: relative; z-index: 0; border: 2px solid #f2f2f2; overflow: hidden;}



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



    #PortalPagina figure { margin: 0px; padding: 0px; }



    .SeoBasisBlok a { font-size: 16px; line-height: 30px; color: red; }



    .ItemAfbeelding img { padding: 30px; }







    /* Header */



    #PortalPagina header { background: #1f1f1f; }



    .OmslagLogo img { width: 17em !important; margin: 15px 30px; }







    /* Menu - Desktop */



    .navportal { position: absolute; display: flex; flex-direction: row; width: 95%; margin: -30px 25px; z-index: 4;}



    .navportal .Pijltje { display: none; }



    .navportal .Uitklapmenu { padding: 0; }



    .navportal h2 { font-size: 16px !important; margin: 0; padding: 7px; }



    .navportal .UitklapVlak { background: white; box-shadow: 0px 1px 5px #cac0c0; text-align: center; }



    .navportal .UitklapVlak a { display: flex; padding: 14px; justify-content: center; transition: .15s linear; }



    .navportal .UitklapmenuTitel { background: white; border: 1px solid #f1f1f1;  text-align: center; transition: .15s linear; }



    .UitklapmenuTitel:hover, .UitklapVlak a:hover { background: #ececec; transition: .15s linear; }







    /* Vlakverdeling */



    #PortalPagina .SeoBasisBlok { display: flex; margin: 0 auto; }



    #PortalPagina .SeoTekstvlak { width:100%; padding: 30px; display: flex; flex-direction: column; }







    .SeoEnkelvlak { width: 100%; display: inline-flex; flex-direction: row-reverse; }



    .SeoEnkelvlak div { width: 80%; align-self: center; flex: auto; }



    .SeoEnkelvlakImg { width: 100%; padding: 0; }



    .SeoEnkelvlakImg div { width: 100%; }



    .SeoDubbelvlak { width: 50%; margin: 0 auto; padding: 30px; text-align: center; }



    .infocenterarea { text-align: center; }



    .infocenterarea > div { flex-wrap: wrap; }



    .infocenterarea figure { width: 100%; }



    .InfoLeftRightArea { flex-wrap: wrap; }   



    .Inleiding { text-align: center; padding: 30px 60px 60px !important;}







    /* Uitklapvragen */



    .Uitklapmenu { width: 100%; padding: 17px; cursor: pointer; }



    .UitklapVlak { display: none;}



    .Pijltje { float: left; background: url(/pix/navigation/treeArrowRight.png) no-repeat; width: 14px; height: 26px; background-position: left 10px; cursor: pointer; }



    .Pijltje.flip { background-position: left 14px; transform: rotate(90deg); background-position-x: 5px; }







    /* Content */



    .Schuinvlak { transform: rotate(-4deg) scale(1.03); }



    .SchuinvlakSeo { transform: rotate(4deg) scale(0.97); }



    .SchuinBG { background: linear-gradient(173deg, #090209 40%,#090209 65%,#ffffff 60%,#ffffff 100%); }







    #GIGABYTE-GPU { background: url(/download/b2c_be_nl/pic/gigabyte/SEOpage/gigabyte_grafische-kaarten_bg.jpg) no-repeat; background-size: cover; color: white; }



    #GIGABYTE-GPU .ItemAfbeelding img { width: 56em; margin: -90px 0 34px; }







    #GIGABYTE-Moederborden { margin-top: -40px !important; padding: 33px 0; color: white; }







    #GIGABYTE-Behuizing .SeoEnkelvlak { background: white; flex-direction: row; }



    #GIGABYTE-Werkgeheugen { background: white; padding-bottom: 48px; margin-bottom: -30px !important; }







    #GIGABYTE-Monitoren { background: url(/download/b2c_be_nl/pic/gigabyte/SEOpage/gigabyte_monitoren_bg.jpg) no-repeat; background-size: cover; transform: rotate(4deg) scale(1.03); color: white;}



    #GIGABYTE-Monitoren .SeoEnkelvlak { transform: rotate(-4deg) scale(0.97); flex-direction: row;}



    #GIGABYTE-Monitoren .ItemAfbeelding img { width: 35em; margin: 0 0 40px; }







    #GIGABYTE-Gaming-gear { background: linear-gradient(-176deg, #090209 33%,#090209 32%,#ffffff 23%,#ffffff 100%); margin-top: -40px !important; padding: 33px 0; }



    #GIGABYTE-Gaming-gear .ItemAfbeelding img { width: 50em; margin-bottom: -50px; }







    #AORUS-GPU { background: url(/download/b2c_be_nl/pic/gigabyte/SEOpage/aorus_grafische-kaarten_bg.jpg) no-repeat; background-size: cover; color: white;}



    #AORUS-GPU .ItemAfbeelding img { width: 55em; margin: -100px 0 -30px; }







    #AORUS-Moederborden { margin-top: -40px !important; padding: 33px 0; color: white; }







    #AORUS-SSD .SeoEnkelvlak {background: white; flex-direction: row; padding-bottom: 90px; margin-bottom: -74px; margin-top: -38px; }







    #AORUS-Voedingen { background: url(/download/b2c_be_nl/pic/gigabyte/SEOpage/aorus_voedingen_bg.jpg) bottom no-repeat; background-size: cover; color: white;}



    #AORUS-Voedingen .SeoTekstvlak { padding: 110px 30px; }







    #AORUS-Werkgeheugen { background: url(/download/b2c_be_nl/pic/gigabyte/SEOpage/aorus_werkgeheugen_bg.jpg) no-repeat; background-size: contain; background-position-y: -40px; padding-bottom: 34px;}



    #AORUS-Werkgeheugen .SeoTekstvlak { padding: 60px 30px; }



    #AORUS-Werkgeheugen .ItemAfbeelding img { width: 41em; margin: 0 -50% -70px 0; }







    #AORUS-Monitoren { background: url(/download/b2c_be_nl/pic/gigabyte/SEOpage/aorus_grafische-kaarten_bg.jpg) no-repeat; background-size: cover; color: white; margin-top: 60px !important;}



    #AORUS-Monitoren .ItemAfbeelding img { width: 45em; margin: -137px 0 0; }







    #AORUS-Gamingstoelen { margin-top: -40px !important; padding: 33px 0; color: white; }







    #AORUS-Toetsenborden { background: white; margin: 0px 0 -50px !important;}



    #AORUS-Toetsenborden .SeoEnkelvlak { flex-flow: row; }



    #AORUS-Toetsenborden .ItemAfbeelding img { padding: 38px 30px 0 0; }







    #AORUS-Muizen { background: white url(/download/b2c_be_nl/pic/gigabyte/SEOpage/aorus_muizen_bg.png) no-repeat; background-size: cover; color: white; height: 600px; }



    #AORUS-Muizen .SeoTekstvlak { padding: 162px 30px 30px; }







    @media screen and (max-width: 667px) { /* Mobile */



        .SeoEnkelvlak { flex-direction: column; }



        .SeoEnkelvlak div { width: 100%; }



        .infocenterarea > div { color: inherit; }



        #PortalPagina h1 { font-size: 25px; }



        #PortalPagina h3 { font-size: 22px; }



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



        .Inleiding { padding: 0 0 50px 0 !important; }



        .ItemAfbeelding img { width: 100% !important; padding: 10px; }







        .navportal { flex-direction: column; width: 100%; position: inherit; margin: 0; }



        .navportal .UitklapVlak { position: inherit; width: 100%; }







        .Schuinvlak { transform: rotate(-4deg) scale(1.14); }



        .SchuinvlakSeo {transform: rotate(4deg) scale(0.87); }



        .SchuinBG { background: linear-gradient(173deg, #090209 40%,#090209 43%,#ffffff 40%,#ffffff 100%); }







        #GIGABYTE-GPU .ItemAfbeelding img {margin: -90px 0 0; }



        #GIGABYTE-Moederborden { color: #424242; }



        #GIGABYTE-Behuizing .SeoEnkelvlak { flex-direction: column; }



        #GIGABYTE-Monitoren { transform: rotate(4deg) scale(1.15); margin: 30px 0 !important; background-size: cover; }



        #GIGABYTE-Monitoren .SeoEnkelvlak { transform: rotate(-4deg) scale(0.87); flex-direction: column; }



        #AORUS-Moederborden { color: #424242; }



        #AORUS-SSD .SeoEnkelvlak { flex-direction: column; }



        #AORUS-Voedingen { background-position: 84% -37px; background-color: black; background-size: 179%; }



        #AORUS-Voedingen .SeoEnkelvlak .SeoTekstvlak { padding: 68% 10px 50px; }



        #AORUS-Werkgeheugen { background-size: inherit; }



        #AORUS-Werkgeheugen .ItemAfbeelding img { margin: 132px 0 -35px; }



        #AORUS-Gamingstoelen { color: #424242; }



        #AORUS-Toetsenborden { margin: -73px 0 0!important; }



        #AORUS-Toetsenborden .SeoEnkelvlak { flex-direction: column; }



        #AORUS-Muizen { background-position: 84% -37px; background-color: black; background-size: 179%; }



        #AORUS-Muizen .SeoEnkelvlak .SeoTekstvlak { padding: 68% 10px 50px; }



    }







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



        #PortalPagina .SeoDubbelvlak .SeoTekstvlak { padding: 30px 0; }



        #PortalPagina { width: 100%; position: relative; margin-top: -10px;}



        #GIGABYTE-GPU .ItemAfbeelding img { margin: -60px 0 19px; }



        #GIGABYTE-Moederborden { background: linear-gradient(172deg, #090209 40%,#090209 72%,#ffffff 60%,#ffffff 100%); }



        #AORUS-Muizen { background-position-x: 70%; }



    }