#PortalPagina {

	 width: 100%;

	 position: relative;

	 z-index: 0;

	 background: #f4f4f4;

}

 #PortalPagina img {

	 width: 100%;

}

 #PortalPagina h1 {

	 font-size: 3em;

	 font-weight: 900;

}

 #PortalPagina h2 {

	 font-size: 2em;

	 line-height: 40px;

	 font-weight: 900;

}

 #PortalPagina p {

	 font-size: 16px;

	 line-height: 24px;

}

 #PortalPagina figure {

	 margin: 0px;

	 padding: 0px;

}

 .SeoBasisBlok a {

	 font-size: 16px;

	 line-height: 30px;

}

/* Menu - Desktop */

 .navportal {

	 position: absolute;

	 display: flex;

	 flex-direction: row;

	 width: 80%;

	 margin: -30px 10%;

}

 .navportal .Pijltje {

	 display: none;

}

 .navportal .Uitklapmenu {

	 padding: 0;

}

 .navportal .mainItem {

	 font-size: 16px !important;

	 color: black;

	 margin: 0;

	 padding: 7px;

	 font-weight: 600 !important;

	 line-height: 55px;

}

 .navportal .UitklapVlak {

	 background: white;

	 box-shadow: 0px 1px 5px #cac0c0;

	 text-align: center;

}

 .navportal .UitklapVlak a {

	 color: black;

	 display: flex;

	 padding: 14px;

	 justify-content: center;

	 transition: .15s linear;

	 text-decoration: none;

}

 .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 80px;

}

/* Uitklapvragen */

 .Uitklapmenu {

	 width: 100%;

	 padding: 17px;

	 cursor: pointer;

}

 .UitklapVlak {

	 display: none;

}

 .Pijltje {

	 float: left;

	 background: url(https://www.alternate.be/download/b2c_be_nl/pic/lianli/treeArrowRight.png?v=1) 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 */

 .Inleiding a {

	 align-self: center;

}

 .SeoBasisBlok:nth-child(even) a {

	 background: white;

	 width: fit-content;

	 padding: 5px 20px;

	 margin: 10px 0 0;

	 color: black;

	 text-decoration: none;

	 transition: 0.1s all ease-in-out;

}

 .SeoBasisBlok:nth-child(even) a:hover {

	background: #4e4e4e;

	color: white;

	transition: 0.1s all ease-in-out;

 }

 .SeoBasisBlok:nth-child(odd) a {

	 background: #4e4e4e;

	 width: fit-content;

	 padding: 5px 20px;

	 margin: 10px 0 0;

	 color: white;

	 text-decoration: none;

	 transition: 0.1s all ease-in-out;

}

 .SeoBasisBlok:nth-child(odd) a:hover {

	background: #bbbbbb;

	color: black;

	transition: 0.1s all ease-in-out;

 }

 #Exclusieve-desk-behuizingen {

	 flex-direction: column;

	 background: black url(https://www.alternate.be/download/b2c_be_nl/pic/lianli/mod-bg_d.png?v=3) no-repeat;

}

 #Exclusieve-desk-behuizingen .SeoEnkelvlak:first-child {

	 width: 50%;

	 align-self: flex-end;

	 text-align: left;

	 color: white;

	 padding: 60px;

}

 #Exclusieve-desk-behuizingen .Videos iframe {

	 width: 80%;

	 height: 600px;

	 border: none;

	 margin-bottom: 60px;

}

 .Titel {

	 text-align: center;

	 margin: -20px 0 -60px;

}

 .Drieluik .SeoDubbelvlak {

	 width: 33.33%;

}

 .Drieluik .SeoDubbelvlak .SeoTekstvlak a {

	 align-self: center;

}

 .Drieluik .SeoDubbelvlak .SeoTekstvlak {

	 padding: 0 !important;

}

 #Koelingen .SeoEnkelvlak {

	 flex-direction: row;

	 background: black;

	 color: white;

}

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

	/* Mobile */

	 .SeoEnkelvlak {

		 flex-direction: column;

	}

	 .SeoDubbelvlak {

		 width: 100%;

		 padding: 0;

	}

	 .SeoEnkelvlak div {

		 width: 100%;

	}

	 #PortalPagina .SeoDubbelvlak .SeoTekstvlak {

		 padding: 30px !important;

	}

	 #PortalPagina .nlLogo a {

		 padding: 20px 21px 8px;

	}

	 #PortalPagina iframe {

		 margin: 17px auto;

		 width: 103%;

		 height: 200px;

	}

	 #PortalPagina h1 {

		 font-size: 25px;

	}

	 #PortalPagina h3 {

		 font-size: 22px;

	}

	 #PortalPagina p {

		 font-size: 14px;

		 line-height: 23px;

	}

	 .navportal {

		 flex-direction: column;

		 width: 100%;

		 position: inherit;

		 margin: 0;

	}

	 .navportal .UitklapVlak {

		 position: inherit;

		 width: 100%;

	}

	 .Inleiding {

		 padding: 0;

	}

	 #Exclusieve-desk-behuizingen {

		 background-size: 170%;

	}

	 #Exclusieve-desk-behuizingen .SeoEnkelvlak:first-child {

		 width: 100%;

		 padding: 0;

		 margin: 40% 0 0;

	}

	 #Exclusieve-desk-behuizingen .Videos iframe {

		 width: 100%;

		 height: 240px;

	}

	 .Titel {

		 margin: -20px 0 -40px;

	}

	 .Drieluik .SeoDubbelvlak {

		 width: 100%;

	}

	 /* .Drieluik .SeoDubbelvlak:nth-child(even) {

		 border-top: 2px solid #e0e0e0;

		 border-bottom: 2px solid #e0e0e0;

	} */

	 #Koelingen .SeoEnkelvlak {

		 flex-direction: column;

	}

}

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

	/* Tablet */

	 #PortalPagina .SeoDubbelvlak .SeoTekstvlak {

		 padding: 30px 0;

	}

	 #PortalPagina {

		 width: 100%;

		 position: relative;

		 margin-top: -10px;

	}

	 #Exclusieve-desk-behuizingen .SeoEnkelvlak:first-child {

		 width: 100%;

		 margin: 35% 0 0;

	}

	 .Drieluik .SeoDubbelvlak {

		 width: 50%;

	}

}