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



    #ElgatoPagina { width: 100%; background-color: #031255; position: relative; z-index: 0;}



    #ElgatoPagina img { width: 100%; }



    #ElgatoPagina h1 { font-size: 30px; } 



    #ElgatoPagina h2 { font-size: 25px; line-height: 40px; }



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



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



    #ElgatoPagina a { color: #424242; }



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







    /* Header */



    #ElgatoPagina .nlLogo { display: inline-block; }







     /* Menu - Desktop */



     #PortalMenu .row { background: #f0e820; align-items: center; justify-content: center; }



     #PortalMenu .row div { width: 12%; }

 

     #PortalMenu .row div a { display: block; text-align: center; padding: 1em; color: black;}

 

     .UitklapVlak { position: absolute; padding: 0 !important; background: #e3da00; padding: 1em; display: flex; flex-direction: column;  margin-left: -15px;}

 

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



        #PortalMenu .row { flex-direction: column; }



        #PortalMenu .row div { width: 100%; }



        .UitklapVlak { position: inherit; width: 100% !important; }



   }







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



        #PortalMenu .row div { width: 25%; }



        .UitklapVlak { width: 25% !important; }



   }





    /* Vlakverdeling */



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



    #ElgatoPagina .SeoBasisBlok:nth-child(even) { background: white; }



    #ElgatoPagina .SeoTekstvlak { width:100%; padding: 60px; 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; }









    /* Content */



    #ElgatoPagina .SeoBasisBlok, #ElgatoPagina .SeoDubbelvlak{  background: #031255; color: white;}



    #ElgatoPagina .btn { color: white; background: #1652fe; width: fit-content; margin: 15px auto; padding: 10px 20px 5px; transition: .3s linear; }

    #ElgatoPagina .btn:hover { background-color: white; color:#1652fe;  }



    .InfoLeftRightArea:nth-child(4) .SeoEnkelvlak { flex-direction: column; background: #031255; text-align: center; }



    #ElgatoPagina .SeoDubbelvlak .SeoTekstvlak { background: #194ffe; padding: 60px 20px; text-align: left; height: 250px; place-content: center; }



    .SeoBasisBlok:last-child .SeoEnkelvlak { background: #031255; padding: 30px; flex-direction: row;}



    .SeoBasisBlok:last-child .SeoEnkelvlak .SeoTekstvlak { background: #194ffe; padding: 20px !important; width: 77% !important; height: 426px; justify-content: center; margin-bottom: -24px;}



    #ElgatoPagina .bloklink{color: white !important; padding: 0; border-bottom: 1px solid white; padding-bottom: 2px}



    #ElgatoPagina .bloklink:hover{text-decoration: none;}







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

        #ElgatoPagina .SeoDubbelvlak .SeoTekstvlak { height: 300px; }

    }





   



    @media (max-width: 1275px){

        .SeoBasisBlok:last-child .SeoEnkelvlak .SeoTekstvlak{

            height: 407px;

        }

    }



    @media (max-width: 1260px){

        #ElgatoPagina .SeoDubbelvlak .SeoTekstvlak{

            height: 270px;

        }

    }



    @media (max-width: 1200px){

        .SeoBasisBlok:last-child .SeoEnkelvlak .SeoTekstvlak{

            height: 383px;

        }

    }

    @media (max-width: 1160px){

        #ElgatoPagina .SeoDubbelvlak .SeoTekstvlak{

            height: 300px;

        }

    }

    @media (max-width: 1100px){

        .SeoBasisBlok:last-child .SeoEnkelvlak .SeoTekstvlak{

            height: 347px;

            margin-bottom: -20px;

        }

    }



     @media (max-width: 1000px){

        .SeoBasisBlok:last-child .SeoEnkelvlak .SeoTekstvlak{

            height: 313px;

        }

        #ElgatoPagina .SeoDubbelvlak .SeoTekstvlak{

            height: 340px;

        }

    }



    @media (max-width: 900px){

        .SeoBasisBlok:last-child .SeoEnkelvlak .SeoTekstvlak{

            height: 278px;

                margin-bottom: -17px;

        }

        #ElgatoPagina .SeoDubbelvlak .SeoTekstvlak{

            height: 380px;

        }

    }



    @media (max-width: 800px){

        .SeoBasisBlok:last-child .SeoEnkelvlak .SeoTekstvlak{

            height: 244px;

                margin-bottom: -15px;

        }

    }



    @media (max-width: 767px){



        #ElgatoPagina .SeoDubbelvlak .SeoTekstvlak{

            height: 420px;

        }



        .SeoDubbelvlak {padding: 10px;}

    }



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

        .productoverzichtimg{display: none;}



        .SeoEnkelvlak { flex-direction: column; }



        .SeoDubbelvlak { width: 100%; padding: 10px; }



        .SeoEnkelvlak div { width: 100%; }



        #ElgatoPagina .SeoDubbelvlak .SeoTekstvlak { padding: 30px !important; height: 260px; }



        #ElgatoPagina .nlLogo a { padding: 20px 21px 8px; }



        #ElgatoPagina iframe { margin: 17px auto; width: 100%; height: 200px; }



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



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



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







        .navportal { flex-direction: column; width: 100%; }



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



        #ElgatoPagina .SeoTekstvlak { padding: 20px; }



        .SeoBasisBlok:last-child .SeoEnkelvlak { flex-direction: column !important; padding: 0; }



        .SeoBasisBlok:last-child .SeoEnkelvlak .SeoTekstvlak { width: 100% !important; height: auto; }



    }



    @media screen and (max-width: 450px) {

        #ElgatoPagina .SeoDubbelvlak .SeoTekstvlak{

            height: 300px;

        }

    }



      @media screen and (max-width: 425px) {

        #ElgatoPagina .SeoDubbelvlak .SeoTekstvlak{

            height: 360px;

        }

    }



    @media screen and (max-width: 375px) {

        #ElgatoPagina .SeoDubbelvlak .SeoTekstvlak{

            height: 405px;

        }

    }