#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.altenate.live/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.altenate.live/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%;
	}
}