#footer .col-12 { padding: 0 15px; }

#PortalPagina { width: 100%; }
#PortalPagina {background: black; color:white; text-align:center; }
#PortalPagina span {     color: #e16902;}
#PortalPagina img { width: 100%; }
#Portalpagina a:link {color: white;}
#PortalPagina h1 span {     color: #e16902; font-size: 1.5em;}
#PortalPagina h1 { margin: -23px 0 0;}
#PortalPagina h2 { color: #e16902;}
#footerheading div { color:White;}

.navportal .UitklapmenuTitel h2 {
    color: black !important;
}
    
    /* Header */
    #PortalPagina header { background: #1f1f1f; margin-bottom: -15px;}
    #PortalPagina header a img { width: auto; padding: 20px 30px; }
    #PortalPagina .OmslagFoto { background: #9a9a9a; }

    /* Menu - Desktop */
    .navportal { position: absolute; display: flex; flex-direction: row; width: 95%; margin: -30px 25px; }
    .navportal .Pijltje { display: none; }
    .navportal .Uitklapmenu { padding: 0; }
    .navportal h2 { font-size: 16px !important; line-height: 40px; 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; }
.navportal .Uitklapmenu:last-child .UitklapmenuTitel {
    background: #dd5b0f;
    color: white;
}
    
	

    /* Vlakverdeling */
    #PortalPagina .SeoBasisBlok { display: flex; margin: 0 auto; }
    .infocenterarea { text-align: center; }
   
    /* 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; }

div#Actiemodelen {padding: 50px;}
div#Actiemodelen {text-align:center;}
div#Actiemodelen a {background-color: black; margin: 10px;}
div#Actiemodelen span {     margin:10 px;}
	#Actiemodelen a:hover {color: white;
	text-decoration: none; }
	
	#Actiemodelen ul {
    list-style: none;
    text-align: center;
    padding: 0;
}
 .card {border:none !important ;}



 .Upgradetabel ul {
    list-style: none;
	margin: 30px 0 0 0;}
.Upgradetabel ul li a {
    max-width: 100%;
    background: #303030;
    padding: 9px 51px;
    color: white;
    border: solid #fc661b; }
	
	.Upgradetabel li {
    margin: 3px;
	}
	
	.Upgradetabel {
    margin: 0 0 44px;
}
.Upgradetabel a:hover {
    background: #fc661b;
    text-decoration: none;
}

	
    /* Content */
    .product { padding: 30px; color: white; }
    .product h2 { color: white; text-align: center; }
	#PortalPagina h1 { color: white; text-align: center; }
	
    .button { display: flex; justify-content: center; background: #d84b04; color: white; width: fit-content; margin: 30px; margin-right: auto; margin-left: auto; padding: 10px 30px; color: black; border: solid 1px; }
    .button:hover { background: white; color: black; text-decoration: none; }
    
  #PortalPagina img { width: 100%; }
     #DeelnemendeProducten { background: #01020a; }
     #DeelnemendeProducten .row { justify-content: center; padding: 20px;}
     .product { padding: 10px; background: white; border-radius: 20px; margin: 10px;}
     .product img { width: 50% !important; }
     .productTitle { font-size: 16px;     color: black; }
     .prijzen { font-size: 30px; color: #ad0109; font-weight: bolder; }
	.product a:hover {
    text-decoration: none;
}
    
    @media screen and (max-width: 667px) { /* Mobile */
        .navportal { position: inherit; flex-direction: column; width: 100%; margin: 0;}
        .navportal .UitklapVlak { position: inherit; width: 100%; }
        .Videos iframe { width: 100%; }
        #PortalPagina .col-4 { flex: 0 0 100%; max-width: 100%; }
	.button { margin: 0px; margin-top: 20px; }
        
    }

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


  .GoogleFormulier iframe { width: 100%; height: 1550px; border: none; }



    @media screen and (max-width: 667px) { /* Mobile */
        .ActieButton { width: 100%; }
        .ActieButton a { margin: 10px; }
        .GoogleFormulier iframe { height: 1700px; }
		.table { width: 600px; }
		.th { width: 600px; }
		.#PortalPagina h1 { margin: -146px 0 0;}
		.button {margin-right: auto; margin-left: auto;}
		.kaart img {width:100%} 
div#kaarten {
    flex-flow: column;
}

    @media screen and (min-width: 768px) and (max-width: 1032px) { /* Tablet */
        .ActieButton { width: 100%; }
        .ActieButton a { margin: 10px; }
        .GoogleFormulier iframe { height: 1700px; }
		.div#kaarten  {height 50% } 
		
    }