
/* -- CSS Reset -- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul { list-style:none; }


/* -- Base -- */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'Euclid Light';
    src: url('euclidcirculara-light-webfont.woff2') format('woff2'),
        url('euclidcirculara-light-webfont.woff') format('woff');
    font-weight: lighter;
		font-style: normal;
		font-display: swap;
}

@font-face {
    font-family: 'Euclid Bold';
    src: url('euclidcirculara-bold-webfont.woff2') format('woff2'),
        url('euclidcirculara-bold-webfont.woff') format('woff');
    font-weight: bold;
		font-style: normal;
		font-display: swap;
}

@font-face {
    font-family: 'Euclid Medium';
    src: url('euclidcirculara-medium-webfont.woff2') format('woff2'),
        url('euclidcirculara-medium-webfont.woff') format('woff');
    font-weight: bolder;
		font-style: normal;
		font-display: swap;
}

@font-face {
    font-family: 'Euclid Regular';
    src: url('euclidcirculara-regular-webfont.woff2') format('woff2'),
        url('euclidcirculara-regular-webfont.woff') format('woff');
    font-weight: normal;
		font-style: normal;
		font-display: swap;
}

html {
	font-family: 'Euclid Light', sans-serif;
	font-weight:300;
	font-size: calc(14px + (19 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: calc(22px + (32 - 22) * ((100vw - 320px) / (1920 - 320)));
	-webkit-text-size-adjust:none;
	box-sizing: border-box;
}

body {
	font-weight: lighter;
	min-height:100%;
	background:white;
	color:#191D21;
}

::selection {
	background:#191D21;
	color:white;
}

::-moz-selection {
	background:#191D21;
	color:white;
}

strong {
	font-family: 'Euclid Bold', sans-serif;
	font-weight: bold;
}

a, a:hover, a:link, a:visited, a:active {
	color:#191D21;
}


.form-title {
	display:block;
	font-family: 'Euclid Medium', sans-serif;
	font-weight: bolder;
	font-size: calc(26px + (40 - 26) * ((100vw - 320px) / (1920 - 320)));
    line-height: calc(32px + (50 - 32) * ((100vw - 320px) / (1920 - 320)));
	padding-bottom: 6.3%;
	padding-top: 3%;
	
}

.form-title + p{
    line-height: calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.no-wrap {		
	white-space: nowrap;		
}

/* -- GDPR Pop-up -- */


.gdpr-center{
	align-self: center;
	font-family: 'Euclid Medium', sans-serif;
}

.gdpr-center a{
	font-family: 'Euclid Bold', sans-serif;
	/* V2 */
	color: #fff;
}

/* V2 */
@media all and (min-width: 851px){
	#cookie-law-info-bar span{
		display: flex;
		justify-content: center;
	}
	
	.gdpr-center{
		margin-right: 1rem;
	}
}


.gdpr-center p{
	display: inline;
}

.gdpr-plugin-btn{
	display: flex;
	justify-content: flex-end;
}


div#gdpr-popup {
	position:fixed;
	z-index:999;
	width:100%;
	height:109px;
	bottom:0;
	background:#191D21;
	color:white;
}

.gdpr-text p {
	display:inline;
	font-family: 'Euclid Medium', sans-serif;
}



.gdpr-text a{
	font-family: 'Euclid Bold', sans-serif;
	color: #FAFAFA;
}

.gdpr-text {
	margin-left: 7.29%;
	float:left;
	line-height: 109px;
}

.gdpr-btn {
	position:relative;
	z-index:999;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
	cursor:pointer;
	margin-right:7.29%;
	margin-top:29px;
	float:right;
	display:inline-block;
	background:#91D9E0;
	border-radius:100px;
	padding:15px 24px;
	font-family: 'Euclid Medium', sans-serif;
	font-weight: bolder;
}

.gdpr-gone{
	display: none;
}


/* -- Video -- */
.flex-video {
	width:100%;
	height:0px;
	overflow:hidden;
	padding-bottom:56.25%;
}
.flex-video-1x1 {
	/* width:100%; */
	/* height:0px; */
	overflow:hidden;
	padding-bottom:112.68%;
}
/* V2 */
.flex-video-1x1 {
	/* width:100%; */
	/* height:0px; */
	overflow:hidden;
	/*padding-bottom:0;*/
}
.flex-video iframe,
.flex-video video, .flex-video-1x1 video {
	position:absolute;
	top:0;
	left:0;
	/* width:100%; */
	min-height:100%;
}
.video-tablet, .video-mobile {
	display:none;
}


/* -- Page -- */
header {
	width:100%;
	height:157px;
	background:white;
	position:fixed;
	top:0;
	z-index:999;
	transition:all 0.5s;
}

header.scrollUp {
	transform: translateY(-157px);
}

div#top-bar {
	width:100%;
}

.header-logo {
	max-width:184px;
	width:calc(11.5vw * 1.2);
	margin-left:calc(7.29% - 20px);
	position:relative;
	top:16px;
	padding:20px;
}

nav {
	height:157px;
	float:right;
	margin-right:7.29%;
	display: flex;
}

#mobile-menu, .mobile-menu-button {
	display:none;
}
#menu-header-menu{

}

nav ul {
	margin-top:48px;
	font-size:0;
}

nav ul li:first-of-type {
	margin-left:0;
}

nav ul li {
	display:inline-block;
	margin-left: calc(7.5px + (45 - 7.5) * ((100vw - 320px) / (1920 - 320))); 
	margin-bottom:0;
}

nav ul li a {
	display:inline-block;
	color:#191D21;
	text-decoration:none;
	font-size: calc(18px + (21 - 18) * ((100vw - 320px) / (1920 - 320))); 
	line-height: calc(30px + (38 - 30) * ((100vw - 320px) / (1920 - 320)));
	font-family: 'Euclid Medium', sans-serif;
	font-weight:bolder;
	border-bottom:2px solid;
	border-color:rgba(25,29,33,0);
	transition:border-color 0.25s;
}

nav ul li a:hover, ul#menu-header-menu .current-menu-item a, ul#menu-header-menu .current_page_parent a {
	border-bottom:2px solid;
	border-color:rgba(25,29,33,1);
	transition:border-color 0.75s;
}

ul#menu-header-menu .menu-item-244 a:active{
	border-bottom:2px solid;
	border-color: #FFFFFF;
	transition:border-color 0.75s;
}

.menu-item-flex{
	display: flex;
}

.menu-item-243 {
	background:#191D21;
	border-radius: calc(16.7px + (100 - 16.7) * ((100vw - 320px) / (1920 - 320))); 
	padding: 10px 20px;
	transition-duration: 0.3s;
}

.menu-item-243:hover {
	background:#91D9E0;
}

.menu-item-243 a {
	color:white;
	border:0;
}

.menu-item-243 a:hover {
	border:0;
}

div#container {
	width:100%;
	margin-top:157px;
	margin-bottom:5.365vw;
}

article.page {
	margin:0 100px;
}



article p img {
	width:100%;
	height:100%;
}

article p:last-of-type {
	margin-bottom:0;
}

article p a {
	color:#191D21;
	font-weight:500;
}




/* -- FLEX-CASE -- */
/*article.flex-case {
	margin:0 7.29%;
}*/

/* V2 */
article.flex-case {
	padding:0 7.29%;
}

.flex-case h1 {
	top:0;
}

.flex-case h2 {
	top:0;
}


.flex-box {
	display:flex;
	flex-wrap: wrap;
	width:100%;
}

.margin-top {
	margin-top:10vw;
}

			
/* -- MARGIN TEST -- */		
.margin-top-portrait {		
	margin-top:5.6%;		
}		
.margin-top-square {		
	margin-top:6.3%;		
}		
.margin-container {		
	margin-top: 0.75%;		
	margin-bottom: 0.5%;		
}		
/* -- EINDE MARGIN TEST -- */

.row1-col1 {
	width:100%;
	height:auto;
}

.row-image-top, .row-image-2x1 {
	width:100%;
	height:auto;
	position:relative;
}

.row-text-2x1 {
	width:100%;
	height:auto;
	text-align:center;
}

.row-text-2x1-inside {
	padding:11%;
}

.row-text-2x1-inside p {
	margin:1% 0 0 0;
}

.row-text-2x1-inside p a {
	font-family: 'Euclid Bold', sans-serif;
	font-weight: bold;
    text-decoration: none;
    border-bottom: 2px solid;
}

.row-text-1x1, .row-image-1x1, .row-two-images-1x1 {
	width:50%;
	height:auto;
	position:relative;
}

.row-text-1x1-inside, .row-form-col1-inside, .row-form-col2-inside {
    position:relative;
    width:100%;
    padding-top:100%;
}

.row-image-1x1-inside {
    width:100%;
    padding-top:112.68%;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    font-size:0;
}

.row-image-1x1-inside-square {
    width:100%;
    padding-top:100%;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    font-size:0;
    position:relative;
}

.row-image-top-inside, .row-image-2x1-inside {
	width:100%;
	padding-top:56.25%;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	font-size:0;
	position:relative;
}

.row-image-1x2 {
	width:100%;
	padding-top:56.34%;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	font-size:0;
	position:relative;	
}

.item-hover {
	visibility:hidden;
	opacity:0;
	font-size:1rem;
	color:white;
	text-align: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
	width:100%;
	height:100%;
	background-color:rgba(25,29,33,0.8);
	transition:0.4s;
}

.hover-image:hover > .item-hover {
	visibility:visible;
	opacity:1;
}

.hover-tekst {
	margin:0 15%;
    font-family: 'Euclid Medium';
    font-weight: bolder;
	font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1920 - 320)));
    line-height: calc(28px + (50 - 28) * ((100vw - 320px) / (1920 - 320)));
}

.hover-titel {
	margin:15px 15% 0 15%;
	text-transform:uppercase;
	text-decoration:underline;
}

.row-form-col1, .row-form-col2 {
	width:50%;
	height:auto;
}



/* -- Page: Home -- */
.home-top {	background-image: url("images/desktop/nvandersom_homepage_desktop_header.jpg"); }
.home-lijntje { background-color:#91D9E0; }
.home-image1 { background-image: url("images/desktop/nvandersom_homepage_desktop_foto_1.jpg"); }
.home-image2 { background-image: url("images/desktop/nvandersom_homepage_desktop_foto_2.jpg"); }
.home-image3 {
	background-image: url("images/desktop/nvandersom_homepage_desktop_foto_3.png"), radial-gradient(circle, rgba(0,168,184,0.78) 0%, rgba(0,168,184,1) 100%);
	background-size:130%, cover;
	background-repeat:no-repeat;
}
.home-image4 { background-image: url("images/desktop/nvandersom_homepage_desktop_foto_4.jpg"); }
.home-image5 {
	background-image: url("images/ceoopdesofa.svg"), url("images/desktop/nvandersom_homepage_desktop_foto_5.jpg");
    background-size: 60%, cover;
    background-repeat: no-repeat;
}
.home-image6 { background-image: url("images/desktop/nvandersom_homepage_desktop_foto_6.jpg"); }
.home-image7 {
	background-image: url("images/desktop/nvandersom_homepage_desktop_foto_7.png"), radial-gradient(circle, rgba(0,170,168,0.5) 0%, rgba(0,170,168,1) 100%);
	background-size:58%, cover;
	background-repeat: no-repeat;
}
.home-image8 {
	background-color:#FFF4E0;
	background-image: url("images/desktop/nvandersom_homepage_desktop_foto_8.png");
}
.home-image9 {
	background-image: url("images/desktop/nvandersom_homepage_desktop_foto_9.png"), radial-gradient(circle, rgba(237,32,39,0.8) 0%, rgba(237,32,39,1) 100%);
}
.home-image10 { background-image: url("images/desktop/nvandersom_homepage_desktop_foto_10.jpg"); }
.home-image11 { background-image: url("images/desktop/nvandersom_homepage_desktop_foto_11.jpg"); }
.home-image12 {
	background-color:#2F3137;
	background-image: url("images/lesfacteurs.svg");
	background-size:120%;
}
.home-image13 {
	background-image: url("images/desktop/nvandersom_homepage_desktop_foto_12.png"), radial-gradient(circle, rgba(54,180,171,0.7) 0%, rgba(54,180,171,1) 100%);
	background-size:contain, cover;
}
.home-image14 {
	background-image: url("images/desktop/nvandersom_homepage_desktop_foto_13.png"), radial-gradient(circle, rgba(232,114,31,0) 0%, rgba(232,114,31,0.2) 100%);
	background-size:contain, cover;
	background-position:75%;
}
.home-image15 { background-image: url("images/desktop/nvandersom_homepage_desktop_foto_14.jpg"); }
.home-image16 { 
	background-image: url("images/cases/bardoffice.svg"), url("images/desktop/nvandersom_homepage_desktop_foto_15b.jpg");
	background-size:24%, cover;
	background-repeat:no-repeat;
}
.home-image17 {
	background-image: url("images/hb_logo_farcie.svg"), url("images/desktop/nvandersom_homepage_desktop_foto_16a.png"), url("images/desktop/nvandersom_homepage_desktop_foto_16b.jpg");
	background-position: 48.85% 67%, center center, center center;
	background-size:20%, cover, cover;
	background-repeat:no-repeat;
}
.home-form { background-color:rgba(145,217,224,0.15); }
.home-form input[type="submit"] {
	color:white;
	background-color:#91D9E0;
}


/* -- Page: Diensten -- */
.diensten-top {	background-image: url("images/desktop/nvandersom_diensten_foto_1-large.jpg"); }
.diensten-lijntje { background-color:#91D9E0; }
.diensten-image2 { background-image: url("images/desktop/nvandersom_diensten_foto_2-large.jpg"); }
.diensten-image3 { background-image: url("images/desktop/nvandersom_diensten_foto_3-large.jpg"); }
.diensten-image4 { background-image: url("images/desktop/nvandersom_diensten_foto_4-large.jpg"); }
.diensten-image5 { background-image: url("images/desktop/nvandersom_diensten_foto_5-large.jpg"); }
.diensten-image6 { background-image: url("images/desktop/nvandersom_diensten_foto_6-large.jpg"); }
.diensten-form { background-color:rgba(145,217,224,0.15); }
.diensten-form input[type="submit"] {
	color:white;
	background-color:#91D9E0;
}


/* -- Page: Over ons -- */
.overons-top {	background-image: url("images/desktop/nvandersom_overons_foto_1-large.jpg"); }
.overons-lijntje { background-color:#91D9E0; }
.overons-image2 { background-image: url("images/desktop/nvandersom_overons_foto_2-large.jpg"); }
.overons-image3 { background-image: url("images/desktop/nvandersom_overons_foto_3-large.jpg"); }
.overons-image4 { background-image: url("images/desktop/nvandersom_overons_foto_4-large.jpg"); }
.overons-image5 { background-image: url("images/desktop/nvandersom_overons_foto_5-large.jpg"); }
.overons-image6 { background-image: url("images/desktop/nvandersom_overons_foto_6-large.jpg"); }
.overons-form { background-color:rgba(145,217,224,0.15); }
.overons-form input[type="submit"] {
	color:white;
	background-color:#91D9E0;
}


/* -- Page: Food -- */
.food-top {	background-image: url("images/desktop/nvandersom_food_foto_1-large.jpg"); }
.food-lijntje { background-color:#91D9E0; }
.food-image2 { background-image: url("images/desktop/nvandersom_food_foto_2-large.jpg"); }
.food-image3 { background-image: url("images/desktop/nvandersom_food_foto_3-large.jpg"); }
.food-image4 { background-image: url("images/desktop/nvandersom_food_foto_4-large.jpg"); }
.food-image5 { background-image: url("images/desktop/nvandersom_food_foto_5-large.jpg"); }
.food-image6 { background-image: url("images/desktop/nvandersom_food_foto_6-large.jpg"); }
.food-form { background-color:rgba(145,217,224,0.15); }
.food-form input[type="submit"] {
	color:white;
	background-color:#91D9E0;
}


/* -- Case: Skilpod -- */
.skilpod-top { background-image: url("images/cases/nvandersom_skilpod_foto_1-large.jpg"); }
.skilpod-lijntje { background-color:#01C0B9; }
.skilpod-image2 { background-image: url("images/cases/nvandersom_skilpod_foto_2-large.jpg"); }
.skilpod-image3 { background-image: url("images/cases/nvandersom_skilpod_foto_3-large.jpg"); }
.skilpod-image4 { background-image: url("images/cases/nvandersom_skilpod_foto_4-large.jpg"); }
.skilpod-image5 { background-image: url("images/cases/nvandersom_skilpod_foto_5-large.jpg"); }
.skilpod-image6 { background-image: url("images/cases/nvandersom_skilpod_foto_6-large.jpg"); }
.skilpod-image7 {
	background-image: url("images/cases/nvandersom_skilpod_foto_7-large.png");
	background-size:contain;
	background-color:#eee;
}
.skilpod-image8 { background-image: url("images/cases/nvandersom_skilpod_foto_8-large.jpg"); }
.skilpod-image9 {
	background-image: url("images/cases/nvandersom_skilpod_foto_9-large.png");
	background-size:contain;
	background-color:#eee;
}
.skilpod-image10 {
	background-image: url("images/cases/nvandersom_skilpod_foto_10-large.png");
	background-color:#01C0B9;
}
.skilpod-image11 { background-image: url("images/cases/nvandersom_skilpod_foto_11-large.jpg"); }
.skilpod-image12 { background-image: url("images/cases/nvandersom_skilpod_foto_12-large.jpg"); }
.skilpod-image13 { background-image: url("images/cases/nvandersom_skilpod_foto_13-large.jpg"); }
.skilpod-text {
    color:white;
    background:#01C0B9;
}
.skilpod-form { background-color:rgba(1,192,185,0.15); }
.skilpod-form input[type="submit"] {
	color:white;
	background-color:#01C0B9;
}


/* -- Case: Renmans - Zomer -- */
.renmans-zomer-top { 
	background-image: url("images/cases/Logo_Brengjezomeropsmaak.svg"), url("images/cases/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_1-large.jpg");
	background-size:35%, cover;
	background-repeat:no-repeat;
}
.renmans-zomer-lijntje { background-color:#35AA54; }
.renmans-zomer-video { background-color:grey; }
.renmans-zomer-image2 { background-image: url("images/cases/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_2-large.jpg"); }
.renmans-zomer-image3 { background-image: url("images/cases/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_3-large.jpg"); }
.renmans-zomer-image4 {
	background-image: url("images/cases/logo_brengjezomeropsmaak_fr.svg"), url("images/cases/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_4-large.jpg");
	background-size:66%, cover;
	background-repeat:no-repeat;
}
.renmans-zomer-image5 { background-image: url("images/cases/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_5-large.jpg"); }
.renmans-zomer-image6 { background-image: url("images/cases/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_6a-large.png"), url("images/cases/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_6b-large.jpg"); }
.renmans-zomer-image7 { background-image: url("images/cases/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_7-large.jpg"); }
.renmans-zomer-image8 { background-image: url("images/cases/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_8-large.jpg"); }
.renmans-zomer-image9 { background-image: url("images/cases/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_9-large.jpg"); }
.renmans-zomer-image10 { background-image: url("images/cases/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_10-large.jpg"); }
.renmans-zomer-text {
    color:white;
    background:#191D21;
}
.renmans-zomer-form { background-color:rgba(53,170,84,0.15); }
.renmans-zomer-form input[type="submit"] {
	color:white;
	background-color:#35AA54;
}


/* -- Case: Renmans - Specialiteit -- */
.renmans-specialiteit-top {	background-image: url("images/cases/nvandersom_1_renmans_specialiteit_van_de_week_foto_1-large.jpg"); }
.renmans-specialiteit-lijntje {	background-color:#F1B62C; }
.renmans-specialiteit-image2 {
	background-image: url("images/cases/nvandersom_1_renmans_specialiteit_van_de_week_foto_2-large.png");
	background-size:contain;
	background-color:#F1B62C;
}
.renmans-specialiteit-image3 { background-image: url("images/cases/nvandersom_1_renmans_specialiteit_van_de_week_foto_3-large.jpg"); }
.renmans-specialiteit-image4 {
	background-image: url("images/cases/nvandersom_1_renmans_specialiteit_van_de_week_foto_4-large.png");
	background-color:#F1B62C;
}
.renmans-specialiteit-image5 { background-image: url("images/cases/nvandersom_1_renmans_specialiteit_van_de_week_foto_5-large.jpg"); }
.renmans-specialiteit-image6 { background-image: url("images/cases/nvandersom_1_renmans_specialiteit_van_de_week_foto_6-large.jpg"); }
.renmans-specialiteit-image7 { background-image: url("images/cases/nvandersom_1_renmans_specialiteit_van_de_week_foto_7-large.jpg"); }
.renmans-specialiteit-image8 { background-image: url("images/cases/nvandersom_1_renmans_specialiteit_van_de_week_foto_8-large.jpg"); }
.renmans-specialiteit-image9 { background-image: url("images/cases/nvandersom_1_renmans_specialiteit_van_de_week_foto_9-large.jpg"); }
.renmans-specialiteit-text {
    color:white;
    background:#191D21;
}
.renmans-specialiteit-form { background-color:rgba(241,182,44,0.15); }
.renmans-specialiteit-form input[type="submit"] {
	color:white;
	background-color:#F1B62C;
}


/* -- Case: Renmans - Stijn -- */
.renmans-stijn-top { background-image: url("images/cases/nvandersom_renmans_stijn_foto_1-large.jpg"); }
.renmans-stijn-lijntje { background-color:#ED2027; }
.renmans-stijn-image2 {	background-image: url("images/cases/nvandersom_renmans_stijn_foto_2-large.jpg"); }
.renmans-stijn-image3 {
	background-image: url("images/cases/nvandersom_renmans_stijn_foto_3-large.png");
	background-size:contain;
	background-color:#ED2027;
}
.renmans-stijn-image4 {	background-image: url("images/cases/nvandersom_renmans_stijn_foto_4-large.jpg"); }
.renmans-stijn-image5 {
	background-image: url("images/cases/nvandersom_renmans_stijn_foto_5-large.png");
	background-size:contain;
	background-color:#ED2027;
}
.renmans-stijn-text {
    color:white;
    background:#191D21;
}
.renmans-stijn-form { background-color:rgba(237,32,39,0.15); }
.renmans-stijn-form input[type="submit"] {
	color:white;
	background-color:#ED2027;
}


/* -- Case: Renmans - Contentplan -- */
.renmans-contentplan-top { background-image: url("images/cases/nvandersom_renmans_contentplan_foto_1-large.jpg"); }
.renmans-contentplan-lijntje { background-color:#ED2027; }
.renmans-contentplan-image2 { background-image: url("images/cases/nvandersom_renmans_contentplan_foto_2-large.jpg"); }
.renmans-contentplan-image3 {
	background-image: url("images/cases/nvandersom_renmans_contentplan_foto_3-large.png"), radial-gradient(circle, rgba(29,44,49,0.70) 0%, rgba(29,44,49,1) 100%);
	background-size:87%, cover;
	background-position:center 60%;
	background-repeat:no-repeat;
}
.renmans-contentplan-image4 {
	background-image: url("images/cases/nvandersom_renmans_contentplan_foto_4-large.png");
	background-size:90%;
	background-color:#ED2027;
}
.renmans-contentplan-image5 {
	background-image: url("images/cases/nvandersom_renmans_contentplan_foto_5-large.png");
	background-size:contain;
	background-color:#DEE0E1;
}
.renmans-contentplan-image23 { background-image: url("images/cases/nvandersom_renmans_contentplan_foto_23-large.jpg"); }
.renmans-contentplan-image7 { background-color:grey; }
.renmans-contentplan-image8 { background-color:grey; }
.renmans-contentplan-image9 { background-image: url("images/cases/nvandersom_renmans_contentplan_foto_6-large.jpg"); }
.renmans-contentplan-image10 { background-image: url("images/cases/nvandersom_renmans_contentplan_foto_7-large.jpg"); }
.renmans-contentplan-image11 { background-image: url("images/cases/nvandersom_renmans_contentplan_foto_1-large.jpg"); }
.renmans-contentplan-image12 { background-image: url("images/cases/nvandersom_renmans_contentplan_foto_8-large.jpg"); }
.renmans-contentplan-image13 { background-image: url("images/cases/nvandersom_renmans_contentplan_foto_9-large.jpg"); }
.renmans-contentplan-image14 { background-image: url("images/cases/nvandersom_renmans_contentplan_foto_12-large.jpg"); }
.renmans-contentplan-image15 { background-image: url("images/cases/nvandersom_renmans_contentplan_foto_13-large.jpg"); }
.renmans-contentplan-image16 { background-image: url("images/cases/nvandersom_renmans_contentplan_foto_14-large.jpg"); }
.renmans-contentplan-image17 {
	background-image: url("images/cases/nvandersom_renmans_contentplan_foto_10-large.png");
	background-size:contain;
	background-color:#ED2027;
}
.renmans-contentplan-image18 {
	background-image: url("images/cases/nvandersom_renmans_contentplan_foto_11-large.png");
	background-size:contain;
	background-color:#DEE0E1;
}
.renmans-contentplan-image19 { 
	background-image: url("images/cases/nvandersom_renmans_contentplan_foto_15-large.png"), url("images/cases/nvandersom_renmans_contentplan_foto_16-large.png"), url("images/cases/nvandersom_renmans_contentplan_foto_17-large.png"), radial-gradient(circle, rgba(29,44,49,0.7) 0%, rgba(29,44,49,1) 100%);
	background-position:-5% bottom, center bottom, 105% bottom, center center;
	background-size:45%, 45%, 45%, contain;
	background-repeat:no-repeat;
}
.renmans-contentplan-image20 { background-image: url("images/cases/nvandersom_renmans_contentplan_foto_18-large.jpg"); }
.renmans-contentplan-text-1 {
    color:white;
    background:#ED2027;
}
.renmans-contentplan-text-2 {
    color:white;
    background:#1D2C31;
}
.renmans-contentplan-form { background-color:rgba(237,32,39,0.15); }
.renmans-contentplan-form input[type="submit"] {
	color:white;
	background-color:#ED2027;
}


/* -- Case: Henri Boucher -- */
.henri-boucher-top {
	background-image: url("images/cases/hb_logo_farcie_header.svg"), url("images/cases/nvandersom_hb_eindejaar_foto_1-large.jpg");
	background-position:center center, center center;
	background-size:30%, cover;
	background-repeat:no-repeat;
}
.henri-boucher-lijntje { background-color:#2C5967; }
.henri-boucher-video { background-color:grey; }
.henri-boucher-image2 {	background-image: url("images/cases/nvandersom_hb_eindejaar_foto_2-large.jpg"); }
.henri-boucher-image3 {	background-image: url("images/cases/nvandersom_hb_eindejaar_foto_3-large.jpg"); }
.henri-boucher-image4 {	background-image: url("images/cases/nvandersom_hb_eindejaar_foto_4-large.jpg"); }
.henri-boucher-image5 {
	background-image: url("images/cases/hb_logo_farcie.svg"), url("images/cases/nvandersom_hb_eindejaar_foto_5_a-large.png"), url("images/cases/nvandersom_hb_eindejaar_foto_5_b-large.jpg");
	background-position: 48.85% 67%, center center, center center;
	background-size:20%, cover, cover;
	background-repeat:no-repeat;
}
.henri-boucher-image6 {	background-image: url("images/cases/nvandersom_hb_eindejaar_foto_6-large.jpg"); }
.henri-boucher-image7 {	background-image: url("images/cases/nvandersom_hb_eindejaar_foto_7-large.jpg"); }
.henri-boucher-text {
    color:white;
    background:#191D21;
}
.henri-boucher-form { background-color:rgba(44,89,103,0.15); }
.henri-boucher-form input[type="submit"] {
	color:white;
	background-color:#2C5967;
}


/* -- Case: Flanders DC -- */
.flanders-dc-top {
	background-image: url("images/cases/ceo_sofa_logo.svg"), url("images/cases/nvandersom_ceo_op_de_sofa_foto_1-large.jpg");
	background-size:35%, cover;
	background-repeat:no-repeat;
}
.flanders-dc-lijntje { background-color:#E71E73; }
.flanders-dc-image2 { background-image: url("images/cases/nvandersom_ceo_op_de_sofa_foto_2-large.jpg"); }
.flanders-dc-image3 { background-image: url("images/cases/nvandersom_ceo_op_de_sofa_foto_3-large.jpg"); }
.flanders-dc-image4 { background-image: url("images/cases/nvandersom_ceo_op_de_sofa_foto_4-large.jpg"); }
.flanders-dc-image5 { background-image: url("images/cases/nvandersom_ceo_op_de_sofa_foto_5-large.jpg"); }
.flanders-dc-image6 { background-image: url("images/cases/nvandersom_ceo_op_de_sofa_foto_6-large.jpg"); }
.flanders-dc-image7 {
	background-image: url("images/cases/nvandersom_ceo_op_de_sofa_foto_7-large.png");
	background-size:contain;
	background-color:#CCC;
}
.flanders-dc-image8 { background-image: url("images/cases/nvandersom_ceo_op_de_sofa_foto_8-large.jpg"); }
.flanders-dc-form { background-color:rgba(231,30,115,0.15); }
.flanders-dc-form input[type="submit"] {
	color:white;
	background-color:#E71E73;
}


/* -- Case: EVORA -- */
.evora-top {
	background-image: url("images/cases/nvandersom_evora_vlaams_platform_foto1-large.png");
	background-size:73%;
	background-repeat:no-repeat;
	background-color:rgba(0,168,184,0.15);
}
.evora-lijntje { background-color:#00A8B8; }
.evora-video { background-color:grey; }
.evora-image2 { 
	background-image: url("images/cases/nvandersom_evora_vlaams_platform_foto2-large.png");
	background-size:contain;
	background-color:#00A8B8;
}
.evora-image3 { 
	background-image: url("images/cases/logo_01_evora.svg");
	background-size:60%;
	background-color:#EEE;
	background-repeat:no-repeat;
}
.evora-image4 { 
	background-image: url("images/cases/nvandersom_evora_vlaams_platform_foto3-large.png");
	background-size:73%;
	background-repeat:no-repeat;
	background-color:rgba(0,168,184,0.15);
}
.evora-image5 {
	background-color:white;
	background-image: url("images/cases/nvandersom_evora_vlaams_platform_foto4-large.png"), radial-gradient(circle, rgba(0,168,184,0.45) 0%, rgba(0,168,184,1) 100%);
	background-size:55%, cover;
	background-repeat:no-repeat;
	background-position:center bottom, center center;
}
.evora-image6 { 
	background-image: url("images/cases/logo_02_laadpunt.svg");
	background-size:35%;
	background-color:#EEE;
	background-repeat:no-repeat;
	background-position:center 55%;
}
.evora-image7 {
	background-image: url("images/cases/nvandersom_evora_vlaams_platform_foto5-large.png"), radial-gradient(circle, rgba(0,168,184,0.05) 0%, rgba(0,168,184,0.2) 100%);
	background-size:50%, cover;
	background-repeat:no-repeat;
}
.evora-image8 {
	background-color:white;
	background-image: url("images/cases/nvandersom_evora_vlaams_platform_foto6-large.png"), radial-gradient(circle, rgba(0,168,184,0.45) 0%, rgba(0,168,184,1) 100%);
	background-size:70%, cover;
	background-repeat:no-repeat;
	background-position:75% bottom, center center;
}
.evora-image9 { background-image: url("images/cases/nvandersom_evora_vlaams_platform_foto7-large.jpg"); }
.evora-image10 {
	background-image:url("images/cases/nvandersom_evora_vlaams_platform_foto8-large.png"), url("images/cases/nvandersom_evora_vlaams_platform_foto8-large.png"), radial-gradient(circle, rgba(0,168,184,0.05) 0%, rgba(0,168,184,0.2) 100%);
	background-repeat:no-repeat;
	background-size:17%, 17%, cover;
	background-position-x:20%, 80%;
	background-position-y:350%;
}
.evora-form { background-color:rgba(0,168,184,0.15); }
.evora-form input[type="submit"] {
	color:white;
	background-color:#00A8B8;
}


/* -- Case: DOMO -- */
.domo-top {	
	background-image: url("images/cases/nvandersom_domo_vastgoed_magazine_foto_1-large.jpg");
	background-size:contain;
}
.domo-lijntje { background-color:#4A5F7B; }
.domo-image2 { 
	background-image: url("images/cases/nvandersom_domo_vastgoed_magazine_foto_2-large.png");
	background-repeat:no-repeat;
	background-position:75% 25px;
	background-size:68%;
	background-color:#E4E7EB;
}
.domo-image3 { 
	background-image: url("images/cases/nvandersom_domo_vastgoed_magazine_foto_3-large.png");
	background-size:contain;
	background-color:#E4E7EB;
}
.domo-image4 { background-image: url("images/cases/nvandersom_domo_vastgoed_magazine_foto_4-large.jpg"); }
.domo-image5 { background-image: url("images/cases/nvandersom_domo_vastgoed_magazine_foto_5-large.jpg"); }
.domo-image6 { 
	background-image: url("images/cases/nvandersom_domo_vastgoed_magazine_foto_6-1-large.png"), url("images/cases/nvandersom_domo_vastgoed_magazine_foto_6-2-large.png"), url("images/cases/nvandersom_domo_vastgoed_magazine_foto_6-3-large.png");
	background-position:15% 55%, center 55%, 85% 55%;
	background-size:22%;
	background-repeat:no-repeat;
	background-color:#4A5F7B;
}
.domo-image7 { background-image: url("images/cases/nvandersom_domo_vastgoed_magazine_foto_7-large.jpg"); }
.domo-image8 { background-image: url("images/cases/nvandersom_domo_vastgoed_magazine_foto_8-large.jpg"); }
.domo-image9 { background-image: url("images/cases/nvandersom_domo_vastgoed_magazine_foto_9-large.jpg"); }
.domo-image10 { background-image: url("images/cases/nvandersom_domo_vastgoed_magazine_foto_10-large.jpg"); }
.domo-text {
    color:white;
    background:#4A5F7B;
}
.domo-form { background-color:rgba(74,95,123,0.15); }
.domo-form input[type="submit"] {
	color:white;
	background-color:#4A5F7B;
}


/* -- Case: LINC - Digitale week -- */
.linc-top { 
	background-color:#00AAA8;
	background-image: url("images/cases/nvandersom_digitale_week_foto_1-large.png"), radial-gradient(circle, rgba(122,211,210,1) 0%, rgba(0,170,168,1) 100%);
	background-size:contain, cover;
	background-repeat:no-repeat;
}
.linc-lijntje { background-color:#00AAA8; }
.linc-image2 {
	background-color:#00AAA8;
	background-image: url("images/cases/logo_01_digitale_week.svg"), radial-gradient(circle, rgba(122,211,210,1) 0%, rgba(0,170,168,1) 100%);
	background-size:70%, cover;
	background-repeat:no-repeat;
}
.linc-image3 { background-image: url("images/cases/nvandersom_digitale_week_foto_2-large.jpg"); }
.linc-image4 { 
	background-color:#00AAA8;
	background-image: url("images/cases/nvandersom_digitale_week_foto_3-large.png"), radial-gradient(circle, rgba(122,211,210,1) 0%, rgba(0,170,168,1) 100%);
	background-size:25%, cover;
	background-repeat:no-repeat;
}
.linc-image5 {
	background-image: url("images/cases/nvandersom_digitale_week_foto_4-large.png");
	background-color:#D0ECF6;
}
.linc-image6 { 
	background-color:#00AAA8;
	background-image: url("images/cases/nvandersom_digitale_week_foto_5-large.png"), radial-gradient(circle, rgba(122,211,210,1) 0%, rgba(0,170,168,1) 100%);
	background-size:75%, cover;
	background-repeat:no-repeat;
}
.linc-image7 {
	background-image: url("images/cases/nvandersom_digitale_week_foto_6-large.png");
	background-color:#F37567;
	background-size:65%;
	background-repeat:no-repeat;
	background-position:center bottom;
}
.linc-image8 {
	background-image: url("images/cases/nvandersom_digitale_week_foto_7-large.png");
	background-color:#CEE2A7;
	background-size:contain;
	background-position:65% center;
	background-repeat:no-repeat;
}
.linc-image9 { background-image: url("images/cases/nvandersom_digitale_week_foto_8-large.jpg"); }
.linc-form { background-color:rgba(0,170,168,0.15); }
.linc-form input[type="submit"] {
	color:white;
	background-color:#00AAA8;
}


/* -- Case: AAP - Heusden-Zolder -- */
.aap-top { background-image: url("images/cases/NVandersom_AAP_Foto_1-large.jpg"); }
.aap-lijntje { background-color:#FBB938; }
.aap-image2 { background-image: url("images/cases/NVandersom_AAP_Foto_2-large.jpg"); }
.aap-image3 { background-image: url("images/cases/NVandersom_AAP_Foto_3-large.jpg"); }
.aap-image4 { 
	background-image: url("images/cases/NVandersom_AAP_Foto_4-large.png");
	background-color:rgba(251,185,56,0.2);
}
.aap-image5 { background-image: url("images/cases/NVandersom_AAP_Foto_5-large.jpg"); }
.aap-image6 { background-image: url("images/cases/NVandersom_AAP_Foto_6-large.jpg"); }
.aap-text {
    color:white;
    background:#711741;
}
.aap-form { background-color:rgba(251,185,56,0.15); }
.aap-form input[type="submit"] {
	color:white;
	background-color:#FBB938;
}


/* -- Case: Bier Anders -- */
.bier-anders-top { background-image: url("images/cases/nvandersom_bier_anders_foto_1-large.jpg"); }
.bier-anders-lijntje { background-color:#F39200; }
.bier-anders-image2 { background-image: url("images/cases/nvandersom_bier_anders_foto_2-large.jpg"); }
.bier-anders-image3 {
	background-image: url("images/cases/nvandersom_bier_anders_foto_3-large.png"), radial-gradient(circle, rgba(243,146,0,0.78) 0%, rgba(243,146,1) 100%);
	background-size:100%, cover;
	background-repeat:no-repeat;
}
.bier-anders-image4 {
	background-image: url("images/cases/nvandersom_bier_anders_foto_4-large.png"), radial-gradient(circle, rgba(121,26,31,0.93) 0%, rgba(121,26,31,1) 100%);
	background-size:100%, cover;
	background-repeat:no-repeat;
}
.bier-anders-image5 { 
	background-color:#00AAA8;
	background-image: url("images/cases/nvandersom_bier_anders_foto_5-large.png"), radial-gradient(circle, rgba(122,211,210,1) 0%, rgba(0,170,168,1) 100%);
	background-size:100%, cover;
	background-repeat:no-repeat;
}
.bier-anders-image6 { 
	background-color:#00AAA8;
	background-image: url("images/cases/nvandersom_bier_anders_foto_6-large.png"), radial-gradient(circle, rgba(232,97,125,1) 0%, rgba(227,59,94,1) 100%);
	background-size:100%, cover;
	background-repeat:no-repeat;
}
.bier-anders-image7 { background-image: url("images/cases/nvandersom_bier_anders_foto_7-large.jpg"); }
.bier-anders-text {
    color:white;
    background:#791A1F;
}
.bier-anders-form { background-color:rgba(243,146,0,0.15); }
.bier-anders-form input[type="submit"] {
	color:white;
	background-color:#F39200;
}


/* -- Case: Les Facteurs -- */
.facteurs-top {
	background-color:#26282E;
	background-image: url("images/cases/lesfacteurs.svg");
	background-size:100%;
	background-repeat:no-repeat;
}
.facteurs-lijntje { background-color:#A6F2C7; }
.facteurs-image2 {
	background-color:#26282E;
	background-image: url("images/cases/lesfacteurs.svg");
	background-size:130%;
	background-repeat:no-repeat;
}
.facteurs-image3 { background-image: url("images/cases/nvandersom_les_facteurs_foto_1-large.jpg"); }
.facteurs-image4 {
	background-color:#CFCFEA;
	background-image: url("images/cases/nvandersom_les_facteurs_foto_2-large.png");
	background-size:91%;
	background-repeat:no-repeat;
}
.facteurs-image5 { background-image: url("images/cases/nvandersom_les_facteurs_foto_3-large.jpg"); }
.facteurs-image6 { background-image: url("images/cases/nvandersom_les_facteurs_foto_4-large.jpg"); }
.facteurs-image7 { 
	background-image: url("images/cases/nvandersom_les_facteurs_foto_5-large.png"), url("images/cases/nvandersom_les_facteurs_foto_6-large.png"), url("images/cases/nvandersom_les_facteurs_foto_7-large.png"), radial-gradient(circle, rgba(38,40,46,0.83) 0%, rgba(38,40,46,1) 100%);
	background-position:-15% 55%, center 55%, 115% 55%, center center;
	background-size:55%, 55%, 55%, contain;
	background-repeat:no-repeat;
}
.facteurs-form { background-color:rgba(166,242,199,0.15); }
.facteurs-form input[type="submit"] {
	color:white;
	background-color:#A6F2C7;
}


/* -- Case: Heusden-Zolder toerisme -- */
.heusden-zolder-top { background-image: url("images/cases/nvandersom_heusden_zolder_toerisme_foto_1-large.jpg"); }
.heusden-zolder-lijntje { background-color:#AA0736; }
.heusden-zolder-image2 { 
	background-image: url("images/cases/nvandersom_heusden_zolder_toerisme_foto_2-large.png"), radial-gradient(circle, rgba(232,114,31,0.10) 0%, rgba(232,114,31,0.20) 100%);
	background-size:100%, cover;
	background-repeat:no-repeat;
}
.heusden-zolder-image3 { background-image: url("images/cases/nvandersom_heusden_zolder_toerisme_foto_3-large.jpg"); }
.heusden-zolder-image4 { background-image: url("images/cases/nvandersom_heusden_zolder_toerisme_foto_4-large.jpg"); }
.heusden-zolder-image5 { background-image: url("images/cases/nvandersom_heusden_zolder_toerisme_foto_5-large.jpg"); }
.heusden-zolder-image6 { background-image: url("images/cases/nvandersom_heusden_zolder_toerisme_foto_6-large.jpg"); }
.heusden-zolder-image7 { background-image: url("images/cases/nvandersom_heusden_zolder_toerisme_foto_7-large.jpg"); }
.heusden-zolder-form { background-color:rgba(170,7,54,0.15); }
.heusden-zolder-form input[type="submit"] {
	color:white;
	background-color:#AA0736;
}


/* -- Case: Bar d'Office -- */
.bardoffice-top {
	background-image: url("images/cases/bardoffice.svg"), url("images/cases/nvandersom_bar_doffice_foto_1-large.jpg");
	background-size: 21%, cover;
	background-repeat:no-repeat;
}
.bardoffice-lijntje { background-color:#DD2938; }
.bardoffice-image2 {
	background-color: black;
	background-image: url("images/cases/nvandersom_bar_doffice_foto_2-large.png"); 
}
.bardoffice-image3 { background-image: url("images/cases/nvandersom_bar_doffice_foto_3-large.jpg"); }
.bardoffice-image4 {
	background-color:#DD2938;
	background-image: url("images/cases/nvandersom_bar_doffice_foto_4-large.png");
}
.bardoffice-image5 { background-image: url("images/cases/nvandersom_bar_doffice_foto_5-large.jpg"); }
.bardoffice-image6 { background-image: url("images/cases/nvandersom_bar_doffice_foto_6-large.jpg"); }
.bardoffice-image7 { background-image: url("images/cases/nvandersom_bar_doffice_foto_7-large.jpg"); }
.bardoffice-text {
    color:white;
    background:#DD2938;
}
.bardoffice-form { background-color:rgba(221,41,56,0.15); }
.bardoffice-form input[type="submit"] {
	color:white;
	background-color:#DD2938;
}


/* -- Case: Avignonesi -- */
.avignonesi-top { 	
	background-image: url("images/cases/nvandersom_avignonesi_foto_1-large.png"), radial-gradient(circle, rgba(234,234,231,0.62) 0%, rgba(234,234,231,1.00) 100%);
	background-size:100%, cover;
	background-repeat:no-repeat; 
}
.avignonesi-lijntje { background-color:#E29D33; }
.avignonesi-image2 { background-image: url("images/cases/nvandersom_avignonesi_foto_2-large.jpg"); }
.avignonesi-form { background-color:rgba(226,157,51,0.15); }
.avignonesi-form input[type="submit"] {
	color:white;
	background-color:#E29D33;
}


/* -- Case: Elho -- */
.elho-top { background-image: url("images/cases/nvandersom_elho_foto_1-large.jpg"); }
.elho-lijntje { background-color:#647B68; }
.elho-image2 { background-image: url("images/cases/nvandersom_elho_foto_2-large.jpg"); }
.elho-image3 { background-image: url("images/cases/nvandersom_elho_foto_3-large.png"); }
.elho-image4 { background-image: url("images/cases/nvandersom_elho_foto_4-large.jpg"); }
.elho-text {
    color:white;
    background:#EE907D;
}
.elho-form { background-color:rgba(100,123,104,0.15); }
.elho-form input[type="submit"] {
	color:white;
	background-color:#647B68;
}

/* -- Case: Vincent Tibau -- */
.vt-top { 	
	background-image: url("images/cases/nvandersom_vincent_tibau_foto1-large.png"), radial-gradient(circle, rgba(204,198,186) 29%, rgba(204,198,186,1.00) 100%);
	background-size:100%, cover;
	background-repeat:no-repeat; 
}
.vt-lijntje { background-color:#17303F; }

.vt-logo { 
    background-image: url("images/cases/logo_vincenttibau_wit.svg");
    background-size: 60%;
    background-color: #17303F}
.vt-image2 { background-image: url("images/cases/nvandersom_vincent_tibau_foto2-large.jpg"); }
.vt-image3 { background-image: url("images/cases/nvandersom_vincent_tibau_foto3-large.jpg"); }
.vt-image4 { background-image: url("images/cases/nvandersom_vincent_tibau_foto4-large.jpg"); }
.vt-image5 { background-image: url("images/cases/nvandersom_vincent_tibau_foto5-large.jpg"); }


.vt-form { background-color:rgba(23,48,63,0.15); }

.vt-text{
    color:white;
    background:#17303F;
}

.vt-form input[type="submit"] {
	color:white;
	background-color:#17303F;
}

/* --End of Case: Vincent Tibau -- */

/* -- Case: Credophar -- */

.credophar-lijntje{
	background-color: #09B6A0;
}

.credophar-text{
	color:white;
	background-color: #FF27A8;
}

.credophar-text-2{
	color:white;
	background-color:#09B6A0;
}

.credophar-form{
	background-color:rgba(9,182,160,0.15);
}

.credophar-form input{
	color: white;
	background-color:#09B6A0;
}

/* -- End of Case: Credophar -- */



.row2-2x1 {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	height:auto;
}

.row2-col1 {
	width:35%;
	height:auto;
	margin-top: 10%
}

.row2-col1-text {
	padding: 1% 0 0 20%;
}

.lijntje {
	display:block;
	width:100px;
	height:5px;
	margin:20px 0;
}


.types li {
	color:#777;
	font-size:0.8rem;
	line-height:1.75;
}



.row2-col2 {
	width:65%;
	height:auto;
	margin: 10% 0;
}

.row2-col2-text {
	padding:0 15% 0 5%;
	
}

.row-dienst {
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
}

.row-dienst h5{
	padding-bottom: 1.2%;
}

.row-dienst-col1 {
	width:60%;
	height:auto;
}

.row-dienst-col1-inside {
	padding:8vw 2vw 8vw 8vw;
}



.row-dienst-col2 {
	width:40%;
	height:auto;
}

.row-dienst-col2-inside {
	padding:8vw 0 8vw 12vw;
}



.dienst-title, .services {
    font-family: 'Euclid Bold';
    font-weight: bold;
}

.voorbeelden-title {
    font-family: 'Euclid Bold';
    font-weight: bold;
}

ul.voorbeelden {
	margin-top:10%;
}

ul.voorbeelden li {
	display:inline;
}

.block-1x1-text {
    font-size: 1rem;
    color: white;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}


.block-titel {
    margin: 20px 18% 0 18%;
    text-transform: uppercase;
    text-decoration: underline;
}

.block-titel a {
	color:white;
}

.flex-text {
	display:flex;
	justify-content:center;
	flex-direction:column;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	padding:15%;
}
		
.flex-text a {		
	color: #FAFAFA;		
	font-family: 'Euclid Bold', sans-serif;		
	font-weight: bold;		
}

.top-text, .text-2x1 {
	display:flex;
	justify-content:center;
	flex-direction:column;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}

/*.top-text h1 {
	color: #FAFAFA;
	margin:0 9%;
	text-align:center;
	font-family: 'Euclid Bold', sans-serif;
	font-weight: bold;
}*/

/* V2 */
.top-text__title {
	color: #FAFAFA;
	margin:0 9%;
	text-align:center;
	font-family: 'Euclid Bold', sans-serif;
	font-weight: bold;
}

.text-2x1 h1 {
	color:white;
	margin:0 9%;
	text-align:center;
	font-family: 'Euclid Bold', sans-serif;
	font-weight: bold;
}

/* V2 */ 
.image__title{
	color:white;
	margin:0 9%;
	text-align:center;
	font-family: 'Euclid Bold', sans-serif;
	font-weight: bold;
}

.row-form-col1-inside > .flex-text {
	display:block;
}

.cases-nav {
	width:100%;
	margin-top:6.3%;
	text-align:center;
}

.vorige-case {
	margin-top:3.15%;
}

.overzicht-cases{
    margin-top:6.3%;
}

div#afspraak:focus, div#contact:focus {
	outline:0;
}

.flex-form {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	padding:15%;
}

.flex-form p {
	margin:0;
	margin-bottom:35px;
	line-height:1;
	font-size:0;
}

.flex-form p:last-of-type {
	margin:0;
}

.flex-form input {
	width:100%;
	border-radius:0;
	border:0;
	border-bottom:2px solid #191D21;
	background:none;
	padding:10px 0;
	font-family: 'Euclid Medium', sans-serif;
	font-weight: bolder;
	font-size: calc(12px + (22 - 12) * ((100vw - 320px) / (1920 - 320)));
    line-height: calc(18px + (34 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.flex-form textarea {
	padding:0;
	width:100%;
	height:auto;
	border-radius:0;
	border:0;
	border-bottom:2px solid #191D21;
	background:none;
	font-family: 'Euclid Medium', sans-serif;
	font-weight: bolder;
	resize:none;
	overflow:auto;
	font-size: calc(12px + (22 - 12) * ((100vw - 320px) / (1920 - 320)));
    line-height: calc(18px + (34 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.flex-form label {
	font-size:0;
}

p.bericht {
	margin-bottom:35px;
}



.privacy span {
	font-size: calc(12px + (22 - 12) * ((100vw - 320px) / (1920 - 320)));
    line-height: calc(18px + (34 - 18) * ((100vw - 320px) / (1920 - 320)));
}

p.acceptance {
	margin-bottom:20px;
}

.privacy label {
	font-size:0.8rem;
}

.privacy span.wpcf7-list-item {
	margin:0;
}

textarea, select, input, button { outline: none; }

.flex-form input[type="checkbox"] {
	width:auto;
}

.flex-form input[type="submit"] {
	-webkit-appearance:none;
	border:0;
	text-align:center;
	font-family: 'Euclid Medium', sans-serif;
	font-weight: bolder;
	border-radius:100px;
	width: 150px;
	cursor:pointer;
	font-size: calc(12px + (22 - 12) * ((100vw - 320px) / (1920 - 320)));
    line-height: calc(18px + (34 - 18) * ((100vw - 320px) / (1920 - 320)));
}

div.wpcf7 .ajax-loader {
	display:none;
}

div.wpcf7-validation-errors {
	display:none!important;
}

span.wpcf7-not-valid-tip {
	font-size:0.7rem;
	color:#191D21;
	display:block;
}

div.wpcf7-mail-sent-ok {
	font-family: 'Euclid Medium', sans-serif;
	width:100%;
	height:100%;
	color:#191D21;
	text-align:center;
	display: flex;
}



/* -- Footer -- */
footer {
	width:100%;
	height:616px;
	background-color:#191D21;
	color:white;
}

div#footer-copyright {
	width:100%;
	height:103px;
	background:#EDEDED;
}

.copyright {
	margin-right:7.29%;
	line-height:103px;
	float:right;
	font-size: 0.8rem;
}

div.flex-footer {
	margin:0 22.5%;
	display:flex;
	justify-content:space-between;
}

.footer-logo {
	max-width:270px;
	width:25%;
    margin: 90px auto;
    fill:white;
}

.footer-logo-link {
	font-size:0;
	display:block;
	text-align:center;
	margin:0 auto;
}

/*span.footer-title {
	text-transform:uppercase;
	color:grey;
}*/

/* V2 */
.footer-title {
	text-transform:uppercase;
	color:grey;
	display: block;
    font-family: 'Euclid Bold', sans-serif;
    font-weight: bold;
		font-size: calc(20px + (26 - 20) * ((100vw - 320px) / (1920 - 320)));
		color: #fff;
}

div.footer-col-1, div.footer-col-2, div.footer-col-3, div.footer-col-4 {
	width:auto;
}

div.footer-col-1 li, div.footer-col-2 li, div.footer-col-3 li, div.footer-col-4 li {
	line-height:1.5;
}

div.flex-footer a {
	text-decoration:none;
	color:white;
}

div.flex-footer ul#menu-social-media-links li {
	margin-right:20px;
}

div.flex-footer ul#menu-social-media-links li:last-child {
	margin-right:0;
}

ul#menu-terms-of-service-en-privacy-policy-menu li {
	display:inline-block;
	font-size:0.8rem;
	line-height: 103px;
}

ul#menu-terms-of-service-en-privacy-policy-menu {
	margin-left:7.29%;
	float:left;
	font-size:0;
}

ul#menu-terms-of-service-en-privacy-policy-menu li span.separator {
	color:#888;
	margin:0 10px;
}

ul#menu-terms-of-service-en-privacy-policy-menu li:last-child > span.separator {
	display:none;
}


/* -- Responsive -- */


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

	.verzendknop {
		display:inline-block;
		width:auto;
	}

	.privacycheck {
		display:inline-block;
		float:right;
		width:50%;
	}


}

@media screen and (max-width: 1200px) {
	.gdpr-text {
		margin-top: 28px;
		line-height:1.5;
	}
	.gdpr-text p {
		display:block;
	}
}

@media screen and (max-width: 850px) {
	/* -- TABLET Page: Home -- */
	.home-top {	background-image: url("images/tablet/nvandersom_homepage_mobile_header-tablet.jpg"); }
	.home-image1 { background-image: url("images/tablet/nvandersom_homepage_mobile_foto_1-tablet.jpg"); }
	.home-image2 { background-image: url("images/tablet/nvandersom_homepage_mobile_foto_2-tablet.jpg"); }
	.home-image3 { background-image: url("images/tablet/nvandersom_homepage_mobile_foto_3-tablet.png"), radial-gradient(circle, rgba(0,168,184,0.78) 0%, rgba(0,168,184,1) 100%); }
	.home-image4 { background-image: url("images/tablet/nvandersom_homepage_mobile_foto_4-tablet.jpg"); }
	.home-image5 { background-image: url("images/ceoopdesofa.svg"), url("images/tablet/nvandersom_homepage_mobile_foto_5-tablet.jpg"); }
	.home-image6 { background-image: url("images/tablet/nvandersom_homepage_mobile_foto_6-tablet.jpg"); }
	.home-image7 { 
		background-image: url("images/tablet/nvandersom_homepage_mobile_foto_7-tablet.png"), radial-gradient(circle, rgba(0,170,168,0.5) 0%, rgba(0,170,168,1) 100%);
		background-size: contain, cover;
	}
	.home-image8 { background-image: url("images/tablet/nvandersom_homepage_mobile_foto_8-tablet.png"); }
	.home-image9 { background-image: url("images/tablet/nvandersom_homepage_mobile_foto_9-tablet.png"), radial-gradient(circle, rgba(237,32,39,0.8) 0%, rgba(237,32,39,1) 100%); }
	.home-image10 { background-image: url("images/tablet/nvandersom_homepage_mobile_foto_10-tablet.jpg"); }
	.home-image11 { background-image: url("images/tablet/nvandersom_homepage_mobile_foto_11-tablet.jpg"); }
	.home-image13 {	
		background-image: url("images/tablet/nvandersom_homepage_mobile_foto_13-tablet.png"), radial-gradient(circle, rgba(54,180,171,0.7) 0%, rgba(54,180,171,1) 100%);
		background-size: 90%, cover;
		background-position-y: 5%;
	}
	.home-image14 {	background-image: url("images/tablet/nvandersom_homepage_mobile_foto_14-tablet.png"), radial-gradient(circle, rgba(232,114,31,0) 0%, rgba(232,114,31,0.2) 100%); }
	.home-image15 { background-image: url("images/tablet/nvandersom_homepage_mobile_foto_15-tablet.jpg"); }
	.home-image16 { background-image: url("images/cases/bardoffice.svg"), url("images/tablet/nvandersom_homepage_mobile_foto_16-tablet.jpg"); }
	.home-image17 { background-image: url("images/hb_logo_farcie.svg"), url("images/tablet/nvandersom_homepage_mobile_foto_17a-tablet.png"), url("images/tablet/nvandersom_homepage_mobile_foto_17b-tablet.jpg"); }

	/* -- TABLET Page: Diensten -- */
	.diensten-top {	background-image: url("images/tablet/nvandersom_diensten_foto_1-medium.jpg"); }
	.diensten-image2 { background-image: url("images/tablet/nvandersom_diensten_foto_2-medium.jpg"); }
	.diensten-image3 { background-image: url("images/tablet/nvandersom_diensten_foto_3-medium.jpg"); }
	.diensten-image4 { background-image: url("images/tablet/nvandersom_diensten_foto_4-medium.jpg"); }
	.diensten-image5 { background-image: url("images/tablet/nvandersom_diensten_foto_5-medium.jpg"); }
	.diensten-image6 { background-image: url("images/tablet/nvandersom_diensten_foto_6-medium.jpg"); }

	/* -- TABLET Page: Over ons -- */
	.overons-top {	background-image: url("images/tablet/nvandersom_overons_foto_1-medium.jpg"); }
	.overons-image2 { background-image: url("images/tablet/nvandersom_overons_foto_2-medium.jpg"); }
	.overons-image3 { background-image: url("images/tablet/nvandersom_overons_foto_3-medium.jpg"); }
	.overons-image4 { background-image: url("images/tablet/nvandersom_overons_foto_4-medium.jpg"); }
	.overons-image5 { background-image: url("images/tablet/nvandersom_overons_foto_5-medium.jpg"); }
	.overons-image6 { background-image: url("images/tablet/nvandersom_overons_foto_6-medium.jpg"); }

	/* -- TABLET Page: Food -- */
	.food-top {	background-image: url("images/tablet/nvandersom_food_foto_1-medium.jpg"); }
	.food-image2 { background-image: url("images/tablet/nvandersom_food_foto_2-medium.jpg"); }
	.food-image3 { background-image: url("images/tablet/nvandersom_food_foto_3-medium.jpg"); }
	.food-image4 { background-image: url("images/tablet/nvandersom_food_foto_4-medium.jpg"); }
	.food-image5 { background-image: url("images/tablet/nvandersom_food_foto_5-medium.jpg"); }
	.food-image6 { background-image: url("images/tablet/nvandersom_food_foto_6-medium.jpg"); }

	/* -- TABLET Case: Renmans - Specialiteit -- */
	.renmans-specialiteit-top {	background-image: url("images/tablet/nvandersom_1_renmans_specialiteit_van_de_week_foto_1-medium.jpg"); }
	.renmans-specialiteit-image2 { background-image: url("images/tablet/nvandersom_1_renmans_specialiteit_van_de_week_foto_2-medium.png"); }
	.renmans-specialiteit-image3 { background-image: url("images/tablet/nvandersom_1_renmans_specialiteit_van_de_week_foto_3-medium.jpg"); }
	.renmans-specialiteit-image4 { background-image: url("images/tablet/nvandersom_1_renmans_specialiteit_van_de_week_foto_4-medium.png"); }
	.renmans-specialiteit-image5 { background-image: url("images/tablet/nvandersom_1_renmans_specialiteit_van_de_week_foto_5-medium.jpg"); }
	.renmans-specialiteit-image6 { background-image: url("images/tablet/nvandersom_1_renmans_specialiteit_van_de_week_foto_6-medium.jpg"); }
	.renmans-specialiteit-image7 { background-image: url("images/tablet/nvandersom_1_renmans_specialiteit_van_de_week_foto_7-medium.jpg"); }
	.renmans-specialiteit-image8 { background-image: url("images/tablet/nvandersom_1_renmans_specialiteit_van_de_week_foto_8-medium.jpg"); }
	.renmans-specialiteit-image9 { background-image: url("images/tablet/nvandersom_1_renmans_specialiteit_van_de_week_foto_9-medium.jpg"); }

	/* -- TABLET Case: Renmans - Zomer -- */
	.renmans-zomer-top { background-image: url("images/cases/Logo_Brengjezomeropsmaak.svg"), url("images/tablet/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_1-medium.jpg"); }
	.renmans-zomer-image2 { background-image: url("images/tablet/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_2-medium.jpg"); }
	.renmans-zomer-image3 { background-image: url("images/tablet/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_3-medium.jpg"); }
	.renmans-zomer-image4 {	background-image: url("images/cases/logo_brengjezomeropsmaak_fr.svg"), url("images/tablet/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_4-medium.jpg"); }
	.renmans-zomer-image5 { background-image: url("images/tablet/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_5-medium.jpg"); }
	.renmans-zomer-image6 {
		background-size:110%, cover;
		background-image: url("images/tablet/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_6a-medium.png"), url("images/tablet/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_6b-medium.jpg"); 
	}
	.renmans-zomer-image7 { background-image: url("images/tablet/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_7-medium.jpg"); }
	.renmans-zomer-image8 { background-image: url("images/tablet/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_8-medium.jpg"); }
	.renmans-zomer-image9 { background-image: url("images/tablet/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_9-medium.jpg"); }
	.renmans-zomer-image10 { background-image: url("images/tablet/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_10-medium.jpg"); }

	/* -- TABLET Case: Heusden-Zolder toerisme -- */
	.heusden-zolder-top { background-image: url("images/tablet/nvandersom_heusden_zolder_toerisme_foto_1-medium.jpg"); }
	.heusden-zolder-image2 { background-image: url("images/tablet/nvandersom_heusden_zolder_toerisme_foto_2-medium.png"), radial-gradient(circle, rgba(232,114,31,0.10) 0%, rgba(232,114,31,0.20) 100%); }
	.heusden-zolder-image3 { background-image: url("images/tablet/nvandersom_heusden_zolder_toerisme_foto_3-medium.jpg"); }
	.heusden-zolder-image4 { background-image: url("images/tablet/nvandersom_heusden_zolder_toerisme_foto_4-medium.jpg"); }
	.heusden-zolder-image5 { background-image: url("images/tablet/nvandersom_heusden_zolder_toerisme_foto_5-medium.jpg"); }
	.heusden-zolder-image6 { background-image: url("images/tablet/nvandersom_heusden_zolder_toerisme_foto_6-medium.jpg"); }
	.heusden-zolder-image7 { background-image: url("images/tablet/nvandersom_heusden_zolder_toerisme_foto_7-medium.jpg"); }

	/* -- TABLET Case: Skilpod -- */
	.skilpod-top { background-image: url("images/tablet/nvandersom_skilpod_foto_1-medium.jpg"); }
	.skilpod-image2 { background-image: url("images/tablet/nvandersom_skilpod_foto_2-medium.jpg"); }
	.skilpod-image3 { background-image: url("images/tablet/nvandersom_skilpod_foto_3-medium.jpg"); }
	.skilpod-image4 { background-image: url("images/tablet/nvandersom_skilpod_foto_4-medium.jpg"); }
	.skilpod-image5 { background-image: url("images/tablet/nvandersom_skilpod_foto_5-medium.jpg"); }
	.skilpod-image6 { background-image: url("images/tablet/nvandersom_skilpod_foto_6-medium.jpg"); }
	.skilpod-image7 { background-image: url("images/tablet/nvandersom_skilpod_foto_7-medium.png"); }
	.skilpod-image8 { background-image: url("images/tablet/nvandersom_skilpod_foto_8-medium.jpg"); }
	.skilpod-image9 { background-image: url("images/tablet/nvandersom_skilpod_foto_9-medium.png"); }
	.skilpod-image10 { background-image: url("images/tablet/nvandersom_skilpod_foto_10-medium.png"); }
	.skilpod-image11 { background-image: url("images/tablet/nvandersom_skilpod_foto_11-medium.jpg"); }
	.skilpod-image12 { background-image: url("images/tablet/nvandersom_skilpod_foto_12-medium.jpg"); }
	.skilpod-image13 { background-image: url("images/tablet/nvandersom_skilpod_foto_13-medium.jpg"); }

	/* -- TABLET Case: Renmans - Stijn -- */
	.renmans-stijn-top { background-image: url("images/tablet/nvandersom_renmans_stijn_foto_1-medium.jpg"); }
	.renmans-stijn-image2 {	background-image: url("images/tablet/nvandersom_renmans_stijn_foto_2-medium.jpg"); }
	.renmans-stijn-image3 {	background-image: url("images/tablet/nvandersom_renmans_stijn_foto_3-medium.png"); }
	.renmans-stijn-image4 {	background-image: url("images/tablet/nvandersom_renmans_stijn_foto_4-medium.jpg"); }
	.renmans-stijn-image5 {	background-image: url("images/tablet/nvandersom_renmans_stijn_foto_5-medium.png"); }

	/* -- TABLET Case: Henri Boucher -- */
	.henri-boucher-top { background-image: url("images/cases/hb_logo_farcie_header.svg"), url("images/tablet/nvandersom_hb_eindejaar_foto_1-medium.jpg"); }
	.henri-boucher-image2 {	background-image: url("images/tablet/nvandersom_hb_eindejaar_foto_2-medium.jpg"); }
	.henri-boucher-image3 {	background-image: url("images/tablet/nvandersom_hb_eindejaar_foto_3-medium.jpg"); }
	.henri-boucher-image4 {	background-image: url("images/tablet/nvandersom_hb_eindejaar_foto_4-medium.jpg"); }
	.henri-boucher-image5 {	background-image: url("images/cases/hb_logo_farcie.svg"), url("images/tablet/nvandersom_hb_eindejaar_foto_5_a-medium.png"), url("images/tablet/nvandersom_hb_eindejaar_foto_5_b-medium.jpg"); }
	.henri-boucher-image6 {	background-image: url("images/tablet/nvandersom_hb_eindejaar_foto_6-medium.jpg"); }
	.henri-boucher-image7 {	background-image: url("images/tablet/nvandersom_hb_eindejaar_foto_7-medium.jpg"); }

	/* -- TABLET Case: Flanders DC (CEO op de sofa) -- */
	.flanders-dc-top { background-image: url("images/cases/ceo_sofa_logo.svg"), url("images/tablet/nvandersom_ceo_op_de_sofa_foto_1-medium.jpg"); }
	.flanders-dc-image2 { background-image: url("images/tablet/nvandersom_ceo_op_de_sofa_foto_2-medium.jpg"); }
	.flanders-dc-image3 { background-image: url("images/tablet/nvandersom_ceo_op_de_sofa_foto_3-medium.jpg"); }
	.flanders-dc-image4 { background-image: url("images/tablet/nvandersom_ceo_op_de_sofa_foto_4-medium.jpg"); }
	.flanders-dc-image5 { background-image: url("images/tablet/nvandersom_ceo_op_de_sofa_foto_5-medium.jpg"); }
	.flanders-dc-image6 { background-image: url("images/tablet/nvandersom_ceo_op_de_sofa_foto_6-medium.jpg"); }
	.flanders-dc-image7 { background-image: url("images/tablet/nvandersom_ceo_op_de_sofa_foto_7-medium.png"); }
	.flanders-dc-image8 { background-image: url("images/tablet/nvandersom_ceo_op_de_sofa_foto_8-medium.jpg"); }

	/* -- TABLET Case: EVORA -- */
	.evora-top { background-image: url("images/tablet/nvandersom_evora_vlaams_platform_foto1-medium.png"); }
	.evora-image2 { background-image: url("images/tablet/nvandersom_evora_vlaams_platform_foto2-medium.png"); }
	.evora-image4 { background-image: url("images/tablet/nvandersom_evora_vlaams_platform_foto3-medium.png"); }
	.evora-image5 {	background-image: url("images/tablet/nvandersom_evora_vlaams_platform_foto4-medium.png"), radial-gradient(circle, rgba(0,168,184,0.45) 0%, rgba(0,168,184,1) 100%); }
	.evora-image7 {	background-image: url("images/tablet/nvandersom_evora_vlaams_platform_foto5-medium.png"), radial-gradient(circle, rgba(0,168,184,0.05) 0%, rgba(0,168,184,0.2) 100%); }
	.evora-image8 {	background-image: url("images/tablet/nvandersom_evora_vlaams_platform_foto6-medium.png"), radial-gradient(circle, rgba(0,168,184,0.45) 0%, rgba(0,168,184,1) 100%); }
	.evora-image9 { background-image: url("images/tablet/nvandersom_evora_vlaams_platform_foto7-medium.jpg"); }
	.evora-image10 { 
		background-image:url("images/tablet/nvandersom_evora_vlaams_platform_foto8-medium.png"), url("images/tablet/nvandersom_evora_vlaams_platform_foto8-medium.png"), radial-gradient(circle, rgba(0,168,184,0.05) 0%, rgba(0,168,184,0.2) 100%);
		background-position-y:100%;
	}

	/* -- TABLET Case: DOMO -- */
	.domo-top {	background-image: url("images/tablet/nvandersom_domo_vastgoed_magazine_foto_1-medium.jpg"); }
	.domo-image2 { background-image: url("images/tablet/nvandersom_domo_vastgoed_magazine_foto_2-medium.png"); }
	.domo-image3 { background-image: url("images/tablet/nvandersom_domo_vastgoed_magazine_foto_3-medium.png"); }
	.domo-image4 { background-image: url("images/tablet/nvandersom_domo_vastgoed_magazine_foto_4-medium.jpg"); }
	.domo-image5 { background-image: url("images/tablet/nvandersom_domo_vastgoed_magazine_foto_5-medium.jpg"); }
	.domo-image6 { background-image: url("images/tablet/nvandersom_domo_vastgoed_magazine_foto_6-1-medium.png"), url("images/tablet/nvandersom_domo_vastgoed_magazine_foto_6-2-medium.png"), url("images/tablet/nvandersom_domo_vastgoed_magazine_foto_6-3-medium.png"); }
	.domo-image7 { background-image: url("images/tablet/nvandersom_domo_vastgoed_magazine_foto_7-medium.jpg"); }
	.domo-image8 { background-image: url("images/tablet/nvandersom_domo_vastgoed_magazine_foto_8-medium.jpg"); }
	.domo-image9 { background-image: url("images/tablet/nvandersom_domo_vastgoed_magazine_foto_9-medium.jpg"); }
	.domo-image10 { background-image: url("images/tablet/nvandersom_domo_vastgoed_magazine_foto_10-medium.jpg"); }

	/* -- TABLET Case: AAP - Heusden-Zolder -- */
	.aap-top { background-image: url("images/tablet/nvandersom_aap_foto_1-medium.jpg"); }
	.aap-image2 { background-image: url("images/tablet/nvandersom_aap_foto_2-medium.jpg"); }
	.aap-image3 { background-image: url("images/tablet/nvandersom_aap_foto_3-medium.jpg"); }
	.aap-image4 { background-image: url("images/tablet/nvandersom_aap_foto_4-medium.png"); }
	.aap-image5 { background-image: url("images/tablet/nvandersom_aap_foto_5-medium.jpg"); }
	.aap-image6 { background-image: url("images/tablet/nvandersom_aap_foto_6-medium.jpg"); }

	/* -- TABLET Case: LINC - Digitale week -- */
	.linc-top { background-image: url("images/tablet/nvandersom_digitale_week_foto_1-medium.png"), radial-gradient(circle, rgba(122,211,210,1) 0%, rgba(0,170,168,1) 100%); }
	.linc-image3 { background-image: url("images/tablet/nvandersom_digitale_week_foto_2-medium.jpg"); }
	.linc-image4 { background-image: url("images/tablet/nvandersom_digitale_week_foto_3-medium.png"), radial-gradient(circle, rgba(122,211,210,1) 0%, rgba(0,170,168,1) 100%); }
	.linc-image5 { background-image: url("images/tablet/nvandersom_digitale_week_foto_4-medium.png"); }
	.linc-image6 { background-image: url("images/tablet/nvandersom_digitale_week_foto_5-medium.png"), radial-gradient(circle, rgba(122,211,210,1) 0%, rgba(0,170,168,1) 100%); }
	.linc-image7 { background-image: url("images/tablet/nvandersom_digitale_week_foto_6-medium.png"); }
	.linc-image8 { background-image: url("images/tablet/nvandersom_digitale_week_foto_7-medium.png"); }
	.linc-image9 { background-image: url("images/tablet/nvandersom_digitale_week_foto_8-medium.jpg"); }

	/* -- TABLET Case: Bier Anders -- */
	.bier-anders-top { background-image: url("images/tablet/nvandersom_bier_anders_foto_1-medium.jpg"); }
	.bier-anders-image2 { background-image: url("images/tablet/nvandersom_bier_anders_foto_2-medium.jpg"); }
	.bier-anders-image3 { background-image: url("images/tablet/nvandersom_bier_anders_foto_3-medium.png"), radial-gradient(circle, rgba(243,146,0,0.78) 0%, rgba(243,146,1) 100%); }
	.bier-anders-image4 { background-image: url("images/tablet/nvandersom_bier_anders_foto_4-medium.png"), radial-gradient(circle, rgba(121,26,31,0.93) 0%, rgba(121,26,31,1) 100%); }
	.bier-anders-image5 { background-image: url("images/tablet/nvandersom_bier_anders_foto_5-medium.png"), radial-gradient(circle, rgba(122,211,210,1) 0%, rgba(0,170,168,1) 100%); }
	.bier-anders-image6 { background-image: url("images/tablet/nvandersom_bier_anders_foto_6-medium.png"), radial-gradient(circle, rgba(232,97,125,1) 0%, rgba(227,59,94,1) 100%); }
	.bier-anders-image7 { background-image: url("images/tablet/nvandersom_bier_anders_foto_7-medium.jpg"); }

	/* -- TABLET Case: Les Facteurs -- */
	.facteurs-image3 { background-image: url("images/tablet/nvandersom_les_facteurs_foto_1-medium.jpg"); }
	.facteurs-image4 { background-image: url("images/tablet/nvandersom_les_facteurs_foto_2-medium.png"); }
	.facteurs-image5 { background-image: url("images/tablet/nvandersom_les_facteurs_foto_3-medium.jpg"); }
	.facteurs-image6 { background-image: url("images/tablet/nvandersom_les_facteurs_foto_4-medium.jpg"); }
	.facteurs-image7 { background-image: url("images/tablet/nvandersom_les_facteurs_foto_5-medium.png"), url("images/tablet/nvandersom_les_facteurs_foto_6-medium.png"), url("images/tablet/nvandersom_les_facteurs_foto_7-medium.png"), radial-gradient(circle, rgba(38,40,46,0.83) 0%, rgba(38,40,46,1) 100%); }

	/* -- TABLET Case: Renmans - Contentplan -- */
	.renmans-contentplan-top { background-image: url("images/tablet/nvandersom_renmans_contentplan_foto_1-medium.jpg"); }
	.renmans-contentplan-image2 { background-image: url("images/tablet/nvandersom_renmans_contentplan_foto_2-medium.jpg"); }
	.renmans-contentplan-image3 { background-image: url("images/tablet/nvandersom_renmans_contentplan_foto_3-medium.png"), radial-gradient(circle, rgba(29,44,49,0.70) 0%, rgba(29,44,49,1) 100%); }
	.renmans-contentplan-image4 { background-image: url("images/tablet/nvandersom_renmans_contentplan_foto_4-medium.png"); }
	.renmans-contentplan-image5 { background-image: url("images/tablet/nvandersom_renmans_contentplan_foto_5-medium.png"); }
	.renmans-contentplan-image23 { background-image: url("images/tablet/nvandersom_renmans_contentplan_foto_23-medium.jpg"); }
	.renmans-contentplan-image7 { background-color:grey; }
	.renmans-contentplan-image8 { background-color:grey; }
	.renmans-contentplan-image9 { background-image: url("images/tablet/nvandersom_renmans_contentplan_foto_6-medium.jpg"); }
	.renmans-contentplan-image10 { background-image: url("images/tablet/nvandersom_renmans_contentplan_foto_7-medium.jpg"); }
	.renmans-contentplan-image11 { background-image: url("images/tablet/nvandersom_renmans_contentplan_foto_1-medium.jpg"); }
	.renmans-contentplan-image12 { background-image: url("images/tablet/nvandersom_renmans_contentplan_foto_8-medium.jpg"); }
	.renmans-contentplan-image13 { background-image: url("images/tablet/nvandersom_renmans_contentplan_foto_9-medium.jpg"); }
	.renmans-contentplan-image14 { background-image: url("images/tablet/nvandersom_renmans_contentplan_foto_12-medium.jpg"); }
	.renmans-contentplan-image15 { background-image: url("images/tablet/nvandersom_renmans_contentplan_foto_13-medium.jpg"); }
	.renmans-contentplan-image16 { background-image: url("images/tablet/nvandersom_renmans_contentplan_foto_14-medium.jpg"); }
	.renmans-contentplan-image17 { background-image: url("images/tablet/nvandersom_renmans_contentplan_foto_10-medium.png"); }
	.renmans-contentplan-image18 { background-image: url("images/tablet/nvandersom_renmans_contentplan_foto_11-medium.png"); }
	.renmans-contentplan-image19 { background-image: url("images/tablet/nvandersom_renmans_contentplan_foto_15-medium.png"), url("images/tablet/nvandersom_renmans_contentplan_foto_16-medium.png"), url("images/tablet/nvandersom_renmans_contentplan_foto_17-medium.png"), radial-gradient(circle, rgba(29,44,49,0.7) 0%, rgba(29,44,49,1) 100%); }
	.renmans-contentplan-image20 { background-image: url("images/tablet/nvandersom_renmans_contentplan_foto_18-medium.jpg"); }


	/* -- TABLET Case: Bar d'Office -- */
	.bardoffice-top { background-image: url("images/cases/bardoffice.svg"), url("images/tablet/nvandersom_bar_doffice_foto_1-medium.jpg"); }
	.bardoffice-image2 { background-image: url("images/tablet/nvandersom_bar_doffice_foto_2-medium.png"); }
	.bardoffice-image3 { background-image: url("images/tablet/nvandersom_bar_doffice_foto_3-medium.jpg"); }
	.bardoffice-image4 { background-image: url("images/tablet/nvandersom_bar_doffice_foto_4-medium.png"); }
	.bardoffice-image5 { background-image: url("images/tablet/nvandersom_bar_doffice_foto_5-medium.jpg"); }
	.bardoffice-image6 { background-image: url("images/tablet/nvandersom_bar_doffice_foto_6-medium.jpg"); }
	.bardoffice-image7 { background-image: url("images/tablet/nvandersom_bar_doffice_foto_7-medium.jpg"); }

	/* -- TABLET Case: Avignonesi -- */
	.avignonesi-top { background-image: url("images/tablet/nvandersom_avignonesi_foto_1-medium.png"), radial-gradient(circle, rgba(234,234,231,0.62) 0%, rgba(234,234,231,1.00) 100%); }
	.avignonesi-image2 { background-image: url("images/tablet/nvandersom_avignonesi_foto_2-medium.jpg"); }

	/* -- TABLET Case: Elho -- */
	.elho-top { background-image: url("images/tablet/nvandersom_elho_foto_1-medium.jpg"); }
	.elho-image2 { background-image: url("images/tablet/nvandersom_elho_foto_2-medium.jpg"); }
	.elho-image3 { background-image: url("images/tablet/nvandersom_elho_foto_3-medium.png"); }
    .elho-image4 { background-image: url("images/tablet/nvandersom_elho_foto_4-medium.jpg"); }
    

    /* -- TABLET Case: Vincent Tibau -- */
    .vt-top { background-image: url("images/tablet/nvandersom_vincent_tibau_foto1-medium.png"), radial-gradient(circle, rgba(204,198,186) 29%, rgba(204,198,186,1.00) 100%)}
    .vt-image2 { background-image: url("images/tablet/nvandersom_vincent_tibau_foto2-medium.jpg"); }
    .vt-image3 { background-image: url("images/tablet/nvandersom_vincent_tibau_foto3-medium.jpg"); }
    .vt-image4 { background-image: url("images/tablet/nvandersom_vincent_tibau_foto4-medium.jpg"); }
    .vt-image5 { background-image: url("images/tablet/nvandersom_vincent_tibau_foto5-medium.jpg"); }


	.video-desktop, .video-mobile {
		display:none;
	}
	.video-tablet {
		display:block;
	}
}

@media screen and (max-width: 1050px) {
	header {
		height:100px;
	}

	.header-logo {
		width:130px;
		margin-left:10px;
		position:relative;
		top:2px;
		float:left;
		z-index:999;
	}

	.open-logo {
		fill:white;
	}

	div#top-bar {
		height:100%;
	}

	nav {
		height:auto;
	}

	#menu-header-menu {
		display:none;
	}

	ul#menu-mobile-menu {
		font-size:0;
		padding-bottom:20px;
	}

	#menu-mobile-menu li {
		display:block;
		line-height:60px;
		margin:0;
		padding:0 30px;
	}

	#menu-mobile-menu li:first-of-type {
		padding-top:70px;
	}

	#menu-mobile-menu li a {
		font-size:1.5rem;
		color:white;
		border:0;
		padding:0;
	}

	#menu-mobile-menu li.current-menu-item a, #menu-mobile-menu li.current_page_parent a {
		border-bottom:3px solid white;
	}

	.mobile-menu-button {
		cursor:pointer;
		display:block;
	    position: absolute;
    	right:0;
    	margin:30px 15px;
    	padding:0 15px;
    	z-index:999;
    	color:#191D21;
    	font-size:2.5rem;
	}

	#mobile-menu {
		display:none;
		width:100%;
		background:#191D21;
		z-index: 998;
	    position: absolute;
	    top: 0;
	    left: 0;
	}

	.open {
		display:block!important;
	}

	.open-btn {
		color:white;
		fill:white;
	}

	div.flex-footer {
	margin:0 15%;
	}
}

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


	div#container {
		margin-top:100px;
	}

	
	div#container {
		margin-bottom:0;
	}

	div#case-grid-container {
		margin-top:50px;
		grid-template-columns:none;
	}


	article.page, div.flex-footer {
		margin:0 9%;
	}

	footer {
		height:auto;
	}

	div.flex-footer {
		display:flex;
		flex-direction:column;
		padding-bottom:9%;
	}

	.footer-logo-link {
		width:35%;
		margin:0;
		text-align:initial;
	}

	.footer-logo {
		width:145px;
		margin:18% 25%;
	}

	div.footer-col-1, div.footer-col-2, div.footer-col-3{
		width:100%;
		margin-bottom:25px;

	}

	div.flex-footer ul li {
		font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
		line-height: calc(26px + (38 - 26) * ((100vw - 320px) / (1920 - 320)));
	}

	div.flex-footer ul#menu-terms-of-service-en-privacy-policy-menu li {
		font-size:0.8rem;
	}

	div#footer-copyright {
		background:white;
		text-align:center;
	}

	.copyright {
		display:block;
		margin:25px 0 0 0;
		float:none;
		font-size:0.875rem;
		line-height:35px;
	}

	ul#menu-terms-of-service-en-privacy-policy-menu {
		margin:0 0 25px 0;
		float:none;
	}

	ul#menu-terms-of-service-en-privacy-policy-menu li {
		font-size:0.875rem;
		line-height:35px;
	}

	article.flex-case {
		margin:0;
		width:100%;
	}

	.margin-top {
		margin:0;
	}

	.flex-box {
		flex-direction:column;
	}

	.row2-2x1 {
		flex-direction:column-reverse;
	}

	.row2-col1 {
		width:100%;
		margin-top: 0;
		margin-bottom:10%;
	}

	.row2-col1-text {
		padding: 0 9% 0 9%;
	}


	.row2-col2-text {
	    padding: 10% 9% 10% 9%;
	}

	.row1-col1-2x1 {
		padding-top:100%;
	}

	.row-text-2x1 {
		text-align:left;
	}

	.row-image-2x1-inside {
		padding-top:66.67%;
	}

	.row-two-images-1x1 {
		width:100%;
	}

	.row-text-2x1-inside {
		padding:18% 9%;
	}


	form > p:first-of-type {
		margin:0;
	}

	.lijntje {
		height:3px;
		width:60px;
	}

	.row2-col2,	.row-image-1x1, .row-text-1x1, .row-form-col1, .row-form-col2 {
		width:100%;
		margin:0;
	}

	.flex-text, .flex-form {
		padding: 9%;
	}

	.flex-form p.verzendknop {
		margin:0 0 4% 0;
		text-align:center;
	}

	.row3-col2-1x1, .row3-col2-1x1 > .flex-text, .row9-col1-1x1, .row9-col1-1x1 > .flex-text, .row13-col1-1x1 > .flex-text, .row13-col1-1x1, .row13-col2-1x1,  .row13-col2-1x1 > .flex-form, 
	.row-text-1x1-inside, .flex-text, .row-form-col2-inside, .flex-form {
		position:static;
	}

	.row3-col2-1x1, .row13-col1-1x1, .row9-col1-1x1, .row13-col2-1x1, 
	.row-text-1x1-inside, .row-form-col1-inside, .row-form-col2-inside {
		padding:0;
	}

	.flex-form br {
		display:none;
	}


	.flex-form input[type="submit"] {
		font-size: calc(12px + (22 - 12) * ((100vw - 320px) / (1920 - 320)));
    	line-height: calc(18px + (34 - 18) * ((100vw - 320px) / (1920 - 320)));
		margin-top:25px;
		padding:15px 0;
	}

	p.privacycheck {
		margin-top:5%;
		display:block;
		float:none;
		width:auto;
		font-size:14px;
	}

	.privacy span {
		font-size:14px;
	}

	div#gdpr-popup {
		height:auto;
	}

	.gdpr-text {
		margin:20px 9%;
		float:left;
		clear:both;
	}

	.gdpr-btn {
		float:left;
		clear:both;
		margin:0 9% 20px 9%;
	}

	.hover-image {
		padding-top:66.67%;
	}

	.top-text p {
		margin:0 9%;
		text-align:center;
		font-family: 'Euclid Bold', sans-serif;
		font-weight: bold;
	}

	.text-2x1 p {
		color:white;
		margin:0 9%;
		text-align:center;
		font-family: 'Euclid Bold', sans-serif;
		font-weight: bold;
	}

	.row-dienst-col1, .row-dienst-col2 {
		width:100%;
	}

	.row-dienst-col1-inside {
		padding:75px 9% 50px 9%;
	}

	.row-dienst-col2-inside {
		padding:0 9% 100px 9%;
	}


	/* V2 */
	.row-dienst .row-text-1x1 .row-text-1x1-inside{
		padding:75px 9% 50px 9%;
	}

	.row-dienst .row-text-1x1:nth-of-type(2) .row-text-1x1-inside{
		padding:0 9% 100px 9%;
	}


	ul.voorbeelden li {
		display:block;
		line-height:1.75;
	}


	ul.voorbeelden li.divider {
		display:none;
	}

	.br-desktop-tablet {		
		display: none;
	}
}

@media screen and (max-width: 425px) {
	/* -- MOBILE Page: Home -- */
	.home-top {	background-image: url("images/mobile/nvandersom_homepage_mobile_header-mobile.jpg"); }
	.home-image1 { background-image: url("images/mobile/nvandersom_homepage_mobile_foto_1-mobile.jpg"); }
	.home-image2 { background-image: url("images/mobile/nvandersom_homepage_mobile_foto_2-mobile.jpg"); }
	.home-image3 { background-image: url("images/mobile/nvandersom_homepage_mobile_foto_3-mobile.png"), radial-gradient(circle, rgba(0,168,184,0.78) 0%, rgba(0,168,184,1) 100%); }
	.home-image4 { background-image: url("images/mobile/nvandersom_homepage_mobile_foto_4-mobile.jpg"); }
	.home-image5 { background-image: url("images/ceoopdesofa.svg"), url("images/mobile/nvandersom_homepage_mobile_foto_5-mobile.jpg"); }
	.home-image6 { background-image: url("images/mobile/nvandersom_homepage_mobile_foto_6-mobile.jpg"); }
	.home-image7 { background-image: url("images/mobile/nvandersom_homepage_mobile_foto_7-mobile.png"), radial-gradient(circle, rgba(0,170,168,0.5) 0%, rgba(0,170,168,1) 100%); }
	.home-image8 { background-image: url("images/mobile/nvandersom_homepage_mobile_foto_8-mobile.png"); }
	.home-image9 { background-image: url("images/mobile/nvandersom_homepage_mobile_foto_9-mobile.png"), radial-gradient(circle, rgba(237,32,39,0.8) 0%, rgba(237,32,39,1) 100%); }
	.home-image10 { background-image: url("images/mobile/nvandersom_homepage_mobile_foto_10-mobile.jpg"); }
	.home-image11 { background-image: url("images/mobile/nvandersom_homepage_mobile_foto_11-mobile.jpg"); }
	.home-image13 {	background-image: url("images/mobile/nvandersom_homepage_mobile_foto_13-mobile.png"), radial-gradient(circle, rgba(54,180,171,0.7) 0%, rgba(54,180,171,1) 100%);	}
	.home-image14 {	background-image: url("images/mobile/nvandersom_homepage_mobile_foto_14-mobile.png"), radial-gradient(circle, rgba(232,114,31,0) 0%, rgba(232,114,31,0.2) 100%); }
	.home-image15 { background-image: url("images/mobile/nvandersom_homepage_mobile_foto_15-mobile.jpg"); }
	.home-image16 { background-image: url("images/cases/bardoffice.svg"), url("images/mobile/nvandersom_homepage_mobile_foto_16-mobile.jpg"); }
	.home-image17 { background-image: url("images/hb_logo_farcie.svg"), url("images/mobile/nvandersom_homepage_mobile_foto_17a-mobile.png"), url("images/mobile/nvandersom_homepage_mobile_foto_17b-mobile.jpg"); }

	/* -- MOBILE Page: Diensten -- */
	.diensten-top {	background-image: url("images/mobile/nvandersom_diensten_foto_1-small.jpg"); }
	.diensten-image2 { background-image: url("images/mobile/nvandersom_diensten_foto_2-small.jpg"); }
	.diensten-image3 { background-image: url("images/mobile/nvandersom_diensten_foto_3-small.jpg"); }
	.diensten-image4 { background-image: url("images/mobile/nvandersom_diensten_foto_4-small.jpg"); }
	.diensten-image5 { background-image: url("images/mobile/nvandersom_diensten_foto_5-small.jpg"); }
	.diensten-image6 { background-image: url("images/mobile/nvandersom_diensten_foto_6-small.jpg"); }

	/* -- MOBILE Page: Over ons -- */
	.overons-top {	background-image: url("images/mobile/nvandersom_overons_foto_1-small.jpg"); }
	.overons-image2 { background-image: url("images/mobile/nvandersom_overons_foto_2-small.jpg"); }
	.overons-image3 { background-image: url("images/mobile/nvandersom_overons_foto_3-small.jpg"); }
	.overons-image4 { background-image: url("images/mobile/nvandersom_overons_foto_4-small.jpg"); }
	.overons-image5 { background-image: url("images/mobile/nvandersom_overons_foto_5-small.jpg"); }
	.overons-image6 { background-image: url("images/mobile/nvandersom_overons_foto_6-small.jpg"); }

	/* -- MOBILE Page: Food -- */
	.food-top {	background-image: url("images/mobile/nvandersom_food_foto_1-small.jpg"); }
	.food-image2 { background-image: url("images/mobile/nvandersom_food_foto_2-small.jpg"); }
	.food-image3 { background-image: url("images/mobile/nvandersom_food_foto_3-small.jpg"); }
	.food-image4 { background-image: url("images/mobile/nvandersom_food_foto_4-small.jpg"); }
	.food-image5 { background-image: url("images/mobile/nvandersom_food_foto_5-small.jpg"); }
	.food-image6 { background-image: url("images/mobile/nvandersom_food_foto_6-small.jpg"); }

	/* -- MOBILE Case: Renmans - Specialiteit -- */
	.renmans-specialiteit-top {	background-image: url("images/mobile/nvandersom_1_renmans_specialiteit_van_de_week_foto_1-small.jpg"); }
	.renmans-specialiteit-image2 { background-image: url("images/mobile/nvandersom_1_renmans_specialiteit_van_de_week_foto_2-small.png"); }
	.renmans-specialiteit-image3 { background-image: url("images/mobile/nvandersom_1_renmans_specialiteit_van_de_week_foto_3-small.jpg"); }
	.renmans-specialiteit-image4 { background-image: url("images/mobile/nvandersom_1_renmans_specialiteit_van_de_week_foto_4-small.png"); }
	.renmans-specialiteit-image5 { background-image: url("images/mobile/nvandersom_1_renmans_specialiteit_van_de_week_foto_5-small.jpg"); }
	.renmans-specialiteit-image6 { background-image: url("images/mobile/nvandersom_1_renmans_specialiteit_van_de_week_foto_6-small.jpg"); }
	.renmans-specialiteit-image7 { background-image: url("images/mobile/nvandersom_1_renmans_specialiteit_van_de_week_foto_7-small.jpg"); }
	.renmans-specialiteit-image8 { background-image: url("images/mobile/nvandersom_1_renmans_specialiteit_van_de_week_foto_8-small.jpg"); }
	.renmans-specialiteit-image9 { background-image: url("images/mobile/nvandersom_1_renmans_specialiteit_van_de_week_foto_9-small.jpg"); }

	/* -- MOBILE Case: Renmans - Zomer -- */
	.renmans-zomer-top { background-image: url("images/cases/Logo_Brengjezomeropsmaak.svg"), url("images/mobile/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_1-small.jpg"); }
	.renmans-zomer-image2 { background-image: url("images/mobile/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_2-small.jpg"); }
	.renmans-zomer-image3 { background-image: url("images/mobile/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_3-small.jpg"); }
	.renmans-zomer-image4 {	background-image: url("images/cases/logo_brengjezomeropsmaak_fr.svg"), url("images/mobile/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_4-small.jpg"); }
	.renmans-zomer-image5 { background-image: url("images/mobile/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_5-small.jpg"); }
	.renmans-zomer-image6 { background-image: url("images/mobile/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_6a-small.png"), url("images/mobile/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_6b-small.jpg"); }
	.renmans-zomer-image7 { background-image: url("images/mobile/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_7-small.jpg"); }
	.renmans-zomer-image8 { background-image: url("images/mobile/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_8-small.jpg"); }
	.renmans-zomer-image9 { background-image: url("images/mobile/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_9-small.jpg"); }
	.renmans-zomer-image10 { background-image: url("images/mobile/nvandersom_3_renmans_breng_je_zomer_op_smaak_foto_10-small.jpg"); }

	/* -- MOBILE Case: Heusden-Zolder toerisme -- */
	.heusden-zolder-top { background-image: url("images/mobile/nvandersom_heusden_zolder_toerisme_foto_1-small.jpg"); }
	.heusden-zolder-image2 { background-image: url("images/mobile/nvandersom_heusden_zolder_toerisme_foto_2-small.png"), radial-gradient(circle, rgba(232,114,31,0.10) 0%, rgba(232,114,31,0.20) 100%); }
	.heusden-zolder-image3 { background-image: url("images/mobile/nvandersom_heusden_zolder_toerisme_foto_3-small.jpg"); }
	.heusden-zolder-image4 { background-image: url("images/mobile/nvandersom_heusden_zolder_toerisme_foto_4-small.jpg"); }
	.heusden-zolder-image5 { background-image: url("images/mobile/nvandersom_heusden_zolder_toerisme_foto_5-small.jpg"); }
	.heusden-zolder-image6 { background-image: url("images/mobile/nvandersom_heusden_zolder_toerisme_foto_6-small.jpg"); }
	.heusden-zolder-image7 { background-image: url("images/mobile/nvandersom_heusden_zolder_toerisme_foto_7-small.jpg"); }

	/* -- MOBILE Case: Skilpod -- */
	.skilpod-top { background-image: url("images/mobile/nvandersom_skilpod_foto_1-small.jpg"); }
	.skilpod-image2 { background-image: url("images/mobile/nvandersom_skilpod_foto_2-small.jpg"); }
	.skilpod-image3 { background-image: url("images/mobile/nvandersom_skilpod_foto_3-small.jpg"); }
	.skilpod-image4 { background-image: url("images/mobile/nvandersom_skilpod_foto_4-small.jpg"); }
	.skilpod-image5 { background-image: url("images/mobile/nvandersom_skilpod_foto_5-small.jpg"); }
	.skilpod-image6 { background-image: url("images/mobile/nvandersom_skilpod_foto_6-small.jpg"); }
	.skilpod-image7 { background-image: url("images/mobile/nvandersom_skilpod_foto_7-small.png"); }
	.skilpod-image8 { background-image: url("images/mobile/nvandersom_skilpod_foto_8-small.jpg"); }
	.skilpod-image9 { background-image: url("images/mobile/nvandersom_skilpod_foto_9-small.png"); }
	.skilpod-image10 { background-image: url("images/mobile/nvandersom_skilpod_foto_10-small.png"); }
	.skilpod-image11 { background-image: url("images/mobile/nvandersom_skilpod_foto_11-small.jpg"); }
	.skilpod-image12 { background-image: url("images/mobile/nvandersom_skilpod_foto_12-small.jpg"); }
	.skilpod-image13 { background-image: url("images/mobile/nvandersom_skilpod_foto_13-small.jpg"); }

	/* -- MOBILE Case: Renmans - Stijn -- */
	.renmans-stijn-top { background-image: url("images/mobile/nvandersom_renmans_stijn_foto_1-small.jpg"); }
	.renmans-stijn-image2 {	background-image: url("images/mobile/nvandersom_renmans_stijn_foto_2-small.jpg"); }
	.renmans-stijn-image3 {	background-image: url("images/mobile/nvandersom_renmans_stijn_foto_3-small.png"); }
	.renmans-stijn-image4 {	background-image: url("images/mobile/nvandersom_renmans_stijn_foto_4-small.jpg"); }
	.renmans-stijn-image5 {	background-image: url("images/mobile/nvandersom_renmans_stijn_foto_5-small.png"); }

	/* -- MOBILE Case: Henri Boucher -- */
	.henri-boucher-top { background-image: url("images/cases/hb_logo_farcie_header.svg"), url("images/mobile/nvandersom_hb_eindejaar_foto_1-small.jpg"); }
	.henri-boucher-image2 {	background-image: url("images/mobile/nvandersom_hb_eindejaar_foto_2-small.jpg"); }
	.henri-boucher-image3 {	background-image: url("images/mobile/nvandersom_hb_eindejaar_foto_3-small.jpg"); }
	.henri-boucher-image4 {	background-image: url("images/mobile/nvandersom_hb_eindejaar_foto_4-small.jpg"); }
	.henri-boucher-image5 {	background-image: url("images/cases/hb_logo_farcie.svg"), url("images/mobile/nvandersom_hb_eindejaar_foto_5_a-small.png"), url("images/mobile/nvandersom_hb_eindejaar_foto_5_b-small.jpg"); }
	.henri-boucher-image6 {	background-image: url("images/mobile/nvandersom_hb_eindejaar_foto_6-small.jpg"); }
	.henri-boucher-image7 {	background-image: url("images/mobile/nvandersom_hb_eindejaar_foto_7-small.jpg"); }

	/* -- MOBILE Case: Flanders DC (CEO op de sofa) -- */
	.flanders-dc-top { background-image: url("images/cases/ceo_sofa_logo.svg"), url("images/mobile/nvandersom_ceo_op_de_sofa_foto_1-small.jpg"); }
	.flanders-dc-image2 { background-image: url("images/mobile/nvandersom_ceo_op_de_sofa_foto_2-small.jpg"); }
	.flanders-dc-image3 { background-image: url("images/mobile/nvandersom_ceo_op_de_sofa_foto_3-small.jpg"); }
	.flanders-dc-image4 { background-image: url("images/mobile/nvandersom_ceo_op_de_sofa_foto_4-small.jpg"); }
	.flanders-dc-image5 { background-image: url("images/mobile/nvandersom_ceo_op_de_sofa_foto_5-small.jpg"); }
	.flanders-dc-image6 { background-image: url("images/mobile/nvandersom_ceo_op_de_sofa_foto_6-small.jpg"); }
	.flanders-dc-image7 { background-image: url("images/mobile/nvandersom_ceo_op_de_sofa_foto_7-small.png"); }
	.flanders-dc-image8 { background-image: url("images/mobile/nvandersom_ceo_op_de_sofa_foto_8-small.jpg"); }

	/* -- MOBILE Case: EVORA -- */
	.evora-top { background-image: url("images/mobile/nvandersom_evora_vlaams_platform_foto1-small.png"); }
	.evora-image2 { background-image: url("images/mobile/nvandersom_evora_vlaams_platform_foto2-small.png"); }
	.evora-image4 { background-image: url("images/mobile/nvandersom_evora_vlaams_platform_foto3-small.png"); }
	.evora-image5 {	background-image: url("images/mobile/nvandersom_evora_vlaams_platform_foto4-small.png"), radial-gradient(circle, rgba(0,168,184,0.45) 0%, rgba(0,168,184,1) 100%); }
	.evora-image7 {	background-image: url("images/mobile/nvandersom_evora_vlaams_platform_foto5-small.png"), radial-gradient(circle, rgba(0,168,184,0.05) 0%, rgba(0,168,184,0.2) 100%); }
	.evora-image8 {	background-image: url("images/mobile/nvandersom_evora_vlaams_platform_foto6-small.png"), radial-gradient(circle, rgba(0,168,184,0.45) 0%, rgba(0,168,184,1) 100%); }
	.evora-image9 { background-image: url("images/mobile/nvandersom_evora_vlaams_platform_foto7-small.jpg"); }
	.evora-image10 { background-image:url("images/mobile/nvandersom_evora_vlaams_platform_foto8-small.png"), url("images/mobile/nvandersom_evora_vlaams_platform_foto8-small.png"), radial-gradient(circle, rgba(0,168,184,0.05) 0%, rgba(0,168,184,0.2) 100%); }

	/* -- MOBILE Case: DOMO -- */
	.domo-top {	background-image: url("images/mobile/nvandersom_domo_vastgoed_magazine_foto_1-small.jpg"); }
	.domo-image2 { background-image: url("images/mobile/nvandersom_domo_vastgoed_magazine_foto_2-small.png"); }
	.domo-image3 { background-image: url("images/mobile/nvandersom_domo_vastgoed_magazine_foto_3-small.png"); }
	.domo-image4 { background-image: url("images/mobile/nvandersom_domo_vastgoed_magazine_foto_4-small.jpg"); }
	.domo-image5 { background-image: url("images/mobile/nvandersom_domo_vastgoed_magazine_foto_5-small.jpg"); }
	.domo-image6 { background-image: url("images/mobile/nvandersom_domo_vastgoed_magazine_foto_6-1-small.png"), url("images/mobile/nvandersom_domo_vastgoed_magazine_foto_6-2-small.png"), url("images/mobile/nvandersom_domo_vastgoed_magazine_foto_6-3-small.png"); }
	.domo-image7 { background-image: url("images/mobile/nvandersom_domo_vastgoed_magazine_foto_7-small.jpg"); }
	.domo-image8 { background-image: url("images/mobile/nvandersom_domo_vastgoed_magazine_foto_8-small.jpg"); }
	.domo-image9 { background-image: url("images/mobile/nvandersom_domo_vastgoed_magazine_foto_9-small.jpg"); }
	.domo-image10 { background-image: url("images/mobile/nvandersom_domo_vastgoed_magazine_foto_10-small.jpg"); }

	/* -- MOBILE Case: AAP - Heusden-Zolder -- */
	.aap-top { background-image: url("images/mobile/nvandersom_aap_foto_1-small.jpg"); }
	.aap-image2 { background-image: url("images/mobile/nvandersom_aap_foto_2-small.jpg"); }
	.aap-image3 { background-image: url("images/mobile/nvandersom_aap_foto_3-small.jpg"); }
	.aap-image4 { background-image: url("images/mobile/nvandersom_aap_foto_4-small.png"); }
	.aap-image5 { background-image: url("images/mobile/nvandersom_aap_foto_5-small.jpg"); }
	.aap-image6 { background-image: url("images/mobile/nvandersom_aap_foto_6-small.jpg"); }

	/* -- MOBILE Case: LINC - Digitale week -- */
	.linc-top { background-image: url("images/mobile/nvandersom_digitale_week_foto_1-small.png"), radial-gradient(circle, rgba(122,211,210,1) 0%, rgba(0,170,168,1) 100%); }
	.linc-image3 { background-image: url("images/mobile/nvandersom_digitale_week_foto_2-small.jpg"); }
	.linc-image4 { background-image: url("images/mobile/nvandersom_digitale_week_foto_3-small.png"), radial-gradient(circle, rgba(122,211,210,1) 0%, rgba(0,170,168,1) 100%); }
	.linc-image5 { background-image: url("images/mobile/nvandersom_digitale_week_foto_4-small.png"); }
	.linc-image6 { background-image: url("images/mobile/nvandersom_digitale_week_foto_5-small.png"), radial-gradient(circle, rgba(122,211,210,1) 0%, rgba(0,170,168,1) 100%); }
	.linc-image7 { background-image: url("images/mobile/nvandersom_digitale_week_foto_6-small.png"); }
	.linc-image8 { background-image: url("images/mobile/nvandersom_digitale_week_foto_7-small.png"); }
	.linc-image9 { background-image: url("images/mobile/nvandersom_digitale_week_foto_8-small.jpg"); }

	/* -- MOBILE Case: Bier Anders -- */
	.bier-anders-top { background-image: url("images/mobile/nvandersom_bier_anders_foto_1-small.jpg"); }
	.bier-anders-image2 { background-image: url("images/mobile/nvandersom_bier_anders_foto_2-small.jpg"); }
	.bier-anders-image3 { background-image: url("images/mobile/nvandersom_bier_anders_foto_3-small.png"), radial-gradient(circle, rgba(243,146,0,0.78) 0%, rgba(243,146,1) 100%); }
	.bier-anders-image4 { background-image: url("images/mobile/nvandersom_bier_anders_foto_4-small.png"), radial-gradient(circle, rgba(121,26,31,0.93) 0%, rgba(121,26,31,1) 100%); }
	.bier-anders-image5 { background-image: url("images/mobile/nvandersom_bier_anders_foto_5-small.png"), radial-gradient(circle, rgba(122,211,210,1) 0%, rgba(0,170,168,1) 100%); }
	.bier-anders-image6 { background-image: url("images/mobile/nvandersom_bier_anders_foto_6-small.png"), radial-gradient(circle, rgba(232,97,125,1) 0%, rgba(227,59,94,1) 100%); }
	.bier-anders-image7 { background-image: url("images/mobile/nvandersom_bier_anders_foto_7-small.jpg"); }

	/* -- MOBILE Case: Les Facteurs -- */
	.facteurs-image3 { background-image: url("images/mobile/nvandersom_les_facteurs_foto_1-small.jpg"); }
	.facteurs-image4 { background-image: url("images/mobile/nvandersom_les_facteurs_foto_2-small.png"); }
	.facteurs-image5 { background-image: url("images/mobile/nvandersom_les_facteurs_foto_3-small.jpg"); }
	.facteurs-image6 { background-image: url("images/mobile/nvandersom_les_facteurs_foto_4-small.jpg"); }
	.facteurs-image7 { background-image: url("images/mobile/nvandersom_les_facteurs_foto_5-small.png"), url("images/mobile/nvandersom_les_facteurs_foto_6-small.png"), url("images/mobile/nvandersom_les_facteurs_foto_7-small.png"), radial-gradient(circle, rgba(38,40,46,0.83) 0%, rgba(38,40,46,1) 100%); }

	/* -- MOBILE Case: Renmans - Contentplan -- */
	.renmans-contentplan-top { background-image: url("images/mobile/nvandersom_renmans_contentplan_foto_1-small.jpg"); }
	.renmans-contentplan-image2 { background-image: url("images/mobile/nvandersom_renmans_contentplan_foto_2-small.jpg"); }
	.renmans-contentplan-image3 { background-image: url("images/mobile/nvandersom_renmans_contentplan_foto_3-small.png"), radial-gradient(circle, rgba(29,44,49,0.70) 0%, rgba(29,44,49,1) 100%); }
	.renmans-contentplan-image4 { background-image: url("images/mobile/nvandersom_renmans_contentplan_foto_4-small.png"); }
	.renmans-contentplan-image5 { background-image: url("images/mobile/nvandersom_renmans_contentplan_foto_5-small.png"); }
	.renmans-contentplan-image23 { background-image: url("images/mobile/nvandersom_renmans_contentplan_foto_23-small.jpg"); }
	.renmans-contentplan-image7 { background-color:grey; }
	.renmans-contentplan-image8 { background-color:grey; }
	.renmans-contentplan-image9 { background-image: url("images/mobile/nvandersom_renmans_contentplan_foto_6-small.jpg"); }
	.renmans-contentplan-image10 { background-image: url("images/mobile/nvandersom_renmans_contentplan_foto_7-small.jpg"); }
	.renmans-contentplan-image11 { background-image: url("images/mobile/nvandersom_renmans_contentplan_foto_1-small.jpg"); }
	.renmans-contentplan-image12 { background-image: url("images/mobile/nvandersom_renmans_contentplan_foto_8-small.jpg"); }
	.renmans-contentplan-image13 { background-image: url("images/mobile/nvandersom_renmans_contentplan_foto_9-small.jpg"); }
	.renmans-contentplan-image14 { background-image: url("images/mobile/nvandersom_renmans_contentplan_foto_12-small.jpg"); }
	.renmans-contentplan-image15 { background-image: url("images/mobile/nvandersom_renmans_contentplan_foto_13-small.jpg"); }
	.renmans-contentplan-image16 { background-image: url("images/mobile/nvandersom_renmans_contentplan_foto_14-small.jpg"); }
	.renmans-contentplan-image17 { background-image: url("images/mobile/nvandersom_renmans_contentplan_foto_10-small.png"); }
	.renmans-contentplan-image18 { background-image: url("images/mobile/nvandersom_renmans_contentplan_foto_11-small.png"); }
	.renmans-contentplan-image19 { background-image: url("images/mobile/nvandersom_renmans_contentplan_foto_15-small.png"), url("images/mobile/nvandersom_renmans_contentplan_foto_16-small.png"), url("images/mobile/nvandersom_renmans_contentplan_foto_17-small.png"), radial-gradient(circle, rgba(29,44,49,0.7) 0%, rgba(29,44,49,1) 100%); }
	.renmans-contentplan-image20 { background-image: url("images/mobile/nvandersom_renmans_contentplan_foto_18-small.jpg"); }

	/* -- MOBILE Case: Bar d'Office -- */
	.bardoffice-top { background-image: url("images/cases/bardoffice.svg"), url("images/mobile/nvandersom_bar_doffice_foto_1-small.jpg"); }
	.bardoffice-image2 { background-image: url("images/mobile/nvandersom_bar_doffice_foto_2-small.png"); }
	.bardoffice-image3 { background-image: url("images/mobile/nvandersom_bar_doffice_foto_3-small.jpg"); }
	.bardoffice-image4 { background-image: url("images/mobile/nvandersom_bar_doffice_foto_4-small.png"); }
	.bardoffice-image5 { background-image: url("images/mobile/nvandersom_bar_doffice_foto_5-small.jpg"); }
	.bardoffice-image6 { background-image: url("images/mobile/nvandersom_bar_doffice_foto_6-small.jpg"); }
	.bardoffice-image7 { background-image: url("images/mobile/nvandersom_bar_doffice_foto_7-small.jpg"); }

	/* -- MOBILE Case: Avignonesi -- */
	.avignonesi-top { background-image: url("images/mobile/nvandersom_avignonesi_foto_1-small.png"), radial-gradient(circle, rgba(234,234,231,0.62) 0%, rgba(234,234,231,1.00) 100%); }
	.avignonesi-image2 { background-image: url("images/mobile/nvandersom_avignonesi_foto_2-small.jpg"); }

	/* -- MOBILE Case: Elho -- */
	.elho-top { background-image: url("images/mobile/nvandersom_elho_foto_1-small.jpg"); }
	.elho-image2 { background-image: url("images/mobile/nvandersom_elho_foto_2-small.jpg"); }
	.elho-image3 { background-image: url("images/mobile/nvandersom_elho_foto_3-small.png"); }
    .elho-image4 { background-image: url("images/mobile/nvandersom_elho_foto_4-small.jpg"); }

    /* -- TABLET Case: Vincent Tibau -- */
    .vt-top { background-image: url("images/tablet/nvandersom_vincent_tibau_foto1-medium.png"),radial-gradient(circle, rgba(204,198,186) 29%, rgba(204,198,186,1.00) 100%)}
    .vt-image2 { background-image: url("images/tablet/nvandersom_vincent_tibau_foto2-small.jpg"); }
    .vt-image3 { background-image: url("images/tablet/nvandersom_vincent_tibau_foto3-small.jpg"); }
    .vt-image4 { background-image: url("images/tablet/nvandersom_vincent_tibau_foto4-small.jpg"); }
    .vt-image5 { background-image: url("images/tablet/nvandersom_vincent_tibau_foto5-small.jpg"); }
    


	.video-desktop, .video-tablet {
		display:none;
	}
	.video-mobile {
		display:block;
	}

	.br-desktop-tablet {		
		display:none;		
	}
}

@media screen and (max-width: 325px) {
	article.page, div.flex-footer {
		margin:0 20px;
	}

	div#case-grid-container {
		grid-gap:20px;
	}

	.br-desktop-tablet {		
		display:none;		
	}

	.header-logo {
		margin:0;
		top:3px;
	}

	.mobile-menu-button {
		padding:0 7px;
		top:-5px;
	}
	#menu-mobile-menu li {
		padding:0 20px;
	}
}




/* BODY */

.services li{
	font-family: 'Euclid Light', sans-serif;
	font-weight: lighter;
    color: #777;
}

h4 + p{
	margin-top: 3.15%;
}
/* END BODY */


/* H1 */

/*h1{
	display: block;
    font-family: 'Euclid Bold', sans-serif;
    font-weight: bold;
    font-size: calc(36px + (100 - 36) * ((100vw - 320px) / (1920 - 320)));
	line-height: calc(42px + (100 - 42) * ((100vw - 320px) / (1920 - 320))); 
}*/

/* V2 */
.top-text__title,
.case-title, 
.image__title{
	display: block;
    font-family: 'Euclid Bold', sans-serif;
    font-weight: bold;
    font-size: calc(36px + (100 - 36) * ((100vw - 320px) / (1920 - 320)));
	line-height: calc(42px + (100 - 42) * ((100vw - 320px) / (1920 - 320))); 
}

.header-img-title{
	color: #FAFAFA;
	margin:0 9%;
	text-align:center;
}

.case-title{
    display: block;
    font-family: 'Euclid Bold', sans-serif;
    font-weight: bold;
	letter-spacing: -0.12vw;
	margin-bottom: 3.15%;
}



/* H3 */

.client-name{
    display:block;
	font-family: 'Euclid Bold', sans-serif;
    font-weight: bold;
    font-size: calc(26px + (35 - 26) * ((100vw - 320px) / (1920 - 320)));
}

/* END OF H3 */

/*h4{
    display:block;
	font-family: 'Euclid Bold', sans-serif;
	font-weight: bold;
	font-size: calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
    line-height: calc(36px + (65 - 36) * ((100vw - 320px) / (1920 - 320)));
}*/

/* V2 */
.block__title{
	display:block;
	font-family: 'Euclid Bold', sans-serif;
	font-weight: bold;
	font-size: calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
    line-height: calc(36px + (65 - 36) * ((100vw - 320px) / (1920 - 320)));
}

.square-heading{
	display:block;
	font-family: 'Euclid Bold', sans-serif;
	font-weight: bold;
	font-size: calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
	line-height: calc(36px + (65 - 36) * ((100vw - 320px) / (1920 - 320)));
}

.case-nav-link{
	display:block;
	font-family: 'Euclid Bold', sans-serif;
	font-weight: bold;
	font-size: calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
    line-height: calc(36px + (65 - 36) * ((100vw - 320px) / (1920 - 320)));
	font-size: calc(26px + (50 - 26) * ((100vw - 320px) / (1920 - 320)));
    line-height: calc(32px + (70 - 32) * ((100vw - 320px) / (1920 - 320)));
}

/* END OF H4 */

/* H5 */
/*
h5{
	display:block;
	font-family: 'Euclid Bold', sans-serif;
    font-weight: bold;
	font-size: calc(20px + (26 - 20) * ((100vw - 320px) / (1920 - 320)));
}*/
/* V2 */

.case-nav-title{
    text-transform:uppercase;
	font-weight:bolder;
	font-family:'Euclid Medium';
	color:#91D9E0;
}


/* END OF H5 */


/* H6 */

h6{
	font-size: calc(13px + (20 - 13) * ((100vw - 320px) / (1920 - 320)));
    line-height: calc(13px + (20 - 13) * ((100vw - 320px) / (1920 - 320)));
}

.case-nav-title{
    text-transform:uppercase;
	font-weight:bolder;
	font-family:'Euclid Medium';
	color:#91D9E0;
	
}


.overzicht-cases a{
	text-transform:uppercase;
	font-family: 'Euclid Bold', sans-serif;
    font-weight: bold;
}

/* END OF H6 */

/* MEDIA QUERIES */


@media screen and (max-width: 768px){
    .overzicht-cases{
        margin-top: 12.5%;
    }

    .cases-nav {
        width:100%;
        margin-top:12.5%;
        text-align:center;
		
    }
    
    .vorige-case {
        margin-top:6.3%;
    }
    
    .overzicht-cases{
        margin-top:12.5%;
    }
}

@media screen and (max-width: 850px) {
	.hover-tekst {
	font-size: calc(24px + (80 - 24) * ((100vw - 320px) / (1920 - 320)));
    line-height: calc(28px + (100 - 28) * ((100vw - 320px) / (1920 - 320)));
	}
	
	.cases-nav{
		box-sizing: border-box;
	}
}


/* END MEDIA QUERIES */


/* FLEX FORM TEST */

.flex-form {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	padding:15%;
}

.flex-form p {
	margin:0;
	margin-bottom:6.5%;
}

.flex-form p:last-of-type {
	margin:0;
}

.flex-form input {
	width:100%;
	border-radius:0;
	border:0;
	border-bottom:2px solid #191D21;
	background:none;
	padding:10px 0;
	font-family: 'Euclid Medium', sans-serif;
	font-weight: bolder;

}

.flex-form textarea {
	padding:0;
	width:100%;
	height: 10vw;
	border-radius:0;
	border:0;
	border-bottom:2px solid #191D21;
	background:none;
	font-family: 'Euclid Medium', sans-serif;
	font-weight: bolder;
	resize:none;
	overflow:auto;
}

.flex-form label {
	font-size:0;
}

p.bericht {
	margin-bottom:6.5%;
}

p.acceptance {
	margin-bottom:20px;
}

textarea, select, input, button { outline: none; }

.flex-form input[type="checkbox"] {
	width:auto;
}

.flex-form input[type="submit"] {
	-webkit-appearance:none;
	border:0;
	text-align:center;
	font-family: 'Euclid Medium', sans-serif;
	font-weight: bolder;
	border-radius:100px;
	cursor:pointer;
}

@media screen and (max-width: 850px){
	.flex-form {
	position:relative;
	top:0;
	left:0;
	bottom:0;
	right:0;
	padding: 9%;
}
	
	.flex-form input{
		margin-bottom: 7%;
	}
	
	.flex-form input, p.bericht, p.acceptance {
	 font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
   	 line-height: calc(26px + (38 - 26) * ((100vw - 320px) / (1920 - 320)));
	}
	
	.flex-form textarea {
	height: 35vw;
	font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
   	line-height: calc(26px + (38 - 26) * ((100vw - 320px) / (1920 - 320)));
}	
 	
	.flex-form input[type="submit"]{
	 font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
   	 line-height: calc(26px + (38 - 26) * ((100vw - 320px) / (1920 - 320)));
	}
	
	p.bericht{
		margin-bottom: 0;
	}
}

/* EINDE FLEX FORM TEST */



/* MEDIA QUERIES TYPOGRAPHY */

@media screen and (max-width: 320px){}
@media screen and (max-width: 414px){}

@media screen and (max-width: 768px){
	
	/*h1{
		   font-size: calc(32px + (100 - 32) * ((100vw - 320px) / (1920 - 320)));
	line-height: calc(38px + (100 - 38) * ((100vw - 320px) / (1920 - 320))); 
	}*/

	/* V2 */
	.top-text__title,
	.case-title{
		font-size: calc(32px + (100 - 32) * ((100vw - 320px) / (1920 - 320)));
		line-height: calc(38px + (100 - 38) * ((100vw - 320px) / (1920 - 320))); 
	}
	
    .overzicht-cases{
        margin-top: 12.5%;
    }

    .cases-nav {
        width:100%;
        margin-top:12.5%;
        text-align:center;
    }
	
	.case-nav-link{
		font-size: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));
		line-height: calc(24px + (70 - 24) * ((100vw - 320px) / (1920 - 320)));
	}
    
    .vorige-case {
        margin-top:6.3%;
    }
    
    .overzicht-cases{
        margin-top:12.5%;
    }
	
	article.flex-case{
		margin: 0;
	}
	
	.gdpr-center{
		align-self: center;
		margin-top: 3%;
		text-align: center;
	}
	
	.gdpr-plugin-btn{
		text-align:center;
		justify-content: center;
		margin-top: 3%;
		margin-bottom: 3%;
	}

}

@media screen and (max-width: 1024px){
		article.flex-case{
		margin: 0%;
		/* V2 */
		padding: 0;
	}
	
	div#container{
		margin-bottom:0;
	}
	

}

@media screen and (min-width: 851px) and (max-width: 1280px){
    .flex-text{
        padding:12.5%;
    }
		
}

@media screen and (max-width: 1280px){
	.gdpr-center p{
		display: block;
	}
}
@media screen and (max-width: 1366px){}

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

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

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

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


/* END MEDIA QUERIES TYPOGRAPHY */

/* INTRO TEST */

.flex-case-intro{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
	margin: 9%;
    
}

.flex-center-intro{
    display: flex;
    justify-content: center;
}

.flex-services-intro{
    width: 35%;
    height: auto;
	padding-top: 0.5%;
}

.flex-intro-paragraaf{
    width: 65%;
    align-content: flex-start;
}

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

    .flex-services-intro{
        width:100%;
    }

    .flex-center-intro{
        padding: 0 9%;
    }
	
	.margin-top-square{
		margin-top: -1px;
	}
	
	.margin-top-portrait{
		margin-top: -1px;
	}

}
/* EINDE INTRO TEST */





/*
//////////////////////
////////// V2 ////////
//////////////////////
*/

.page-header__image img{
	width: 100%;
	height: auto;
}

.row-image-top-inside, .row-image-2x1-inside{
	padding: 0;
	line-height: 0;
}

.grid-block__element.row-image-2x1-inside{
	padding-top: 56.25%;
}

.row-image-1x1-inside-square{
	padding-top: 0;
	line-height: 0;

	/*height: 100%;*/
	display: flex;
	justify-content: center;
	align-items: center;
}

.hover-image{
	position: relative;
}

.hover-image .fit-image{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.hover-image .fit-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.contain-image.hover-image .fit-image img{
	object-fit: contain;
}

.flex-video iframe,
.flex-video-1x1 iframe{
	width: 100%;
	height: 100%;
}

.hover-tekst,
.hover-titel,
.hover-link{
	color: #fff;
	text-decoration: none;
}

.hover-titel{
	text-decoration: underline;
}

.hover-link{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media (hover: none){
	.item-hover {
		visibility: visible;
		opacity: 1;
		/*top: auto;
		height: auto;*/
	}
	.item-hover--hidden{
		visibility: hidden;
		opacity: 0;
	}
	/*.hover-link{
		padding: .75rem 1rem;
		top: auto;
		height: auto;
		position: relative;
	}
	.hover-tekst{
		font-size: 18px;
		line-height: 24px;
		margin: 0;
		margin-bottom: 6px;
	}
	.hover-titel{
		font-size: 16px;
		margin: 0;
	}*/
}

.flex-case{
	/*max-width: 1440px;*/
	margin-left: auto;
	margin-right: auto;
}

@media all and (min-width: 105rem){
	.flex-case{
		max-width: 1920px;
	}
}

.row-image-1x1 .flex-video-1x1 .video-embed{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.row-image-1x1 .flex-video-1x1 .video-embed iframe{
	height: 100%;
}

.row-dienst .row-text-1x1-inside{
	width: auto;
}

.row-dienst h1,
.row-dienst h2,
.row-dienst h3,
.row-dienst h4,
.row-dienst h5,
.row-dienst h6
{
	padding-top: 10%;
	padding-bottom: 1.2%;
	display: block;
	font-family: 'Euclid Bold', sans-serif;
	font-weight: bold;
	font-size: calc(20px + (26 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.row-dienst .row-text-1x1 .row-text-1x1-inside .flex-text:first-of-type .square-heading{
	padding-top: 0;
}

.row-dienst .row-text-1x1:nth-of-type(2) {

}

.row-dienst .row-text-1x1 .row-text-1x1-inside .flex-text{
	padding: 0;
	display: block;
	position: relative;
}

.row-dienst-21 .row-text-1x1{
	width: 40%;
	height: auto;
}

.row-dienst-21 .row-text-1x1 .row-text-1x1-inside{
	padding: 8vw 0 8vw 12vw;
	display: block;
}

.row-dienst-21 .row-text-1x1:first-of-type{
	width: 60%;
}

.row-dienst-21 .row-text-1x1:first-of-type .row-text-1x1-inside{
	padding: 8vw 2vw 8vw 8vw;
}



.row-dienst-12 .row-text-1x1{
	width: 60%;
	height: auto;
}

.row-dienst-12 .row-text-1x1 .row-text-1x1-inside{
	padding: 8vw 2vw 8vw 8vw;
	display: block;
}

.row-dienst-12 .row-text-1x1:first-of-type{
	width: 40%;
}

.row-dienst-12 .row-text-1x1:first-of-type .row-text-1x1-inside{
	padding: 8vw 0 8vw 12vw;
}

.row-dienst-21 .flex-video-1x1{
	padding-bottom: 0;
}

@media screen and (max-width: 850px){
	.row-dienst-21 .row-text-1x1 ,
	.row-dienst-21 .row-text-1x1:first-of-type,
	.row-dienst-12 .row-text-1x1,
	.row-dienst-12 .row-text-1x1:first-of-type
	{
		width: 100%;
	}

	.row-dienst-21 .row-text-1x1 .row-text-1x1-inside,
	.row-dienst-21 .row-text-1x1:first-of-type .row-text-1x1-inside,
	.row-dienst-12 .row-text-1x1 .row-text-1x1-inside,
	.row-dienst-12 .row-text-1x1:first-of-type .row-text-1x1-inside
	{
		padding: 75px 9% 50px 9%;
		padding-top: 0;
		padding-bottom: 0;
		width: auto;
	}
	.row-dienst-21 .row-text-1x1:first-of-type .row-text-1x1-inside,
	.row-dienst-12 .row-text-1x1:first-of-type .row-text-1x1-inside{
		padding-top: 75px;
		padding-bottom: 50px;
	}
	.row-dienst-21 .flex-video-1x1{
		/*padding-bottom: 112.75%;*/
	}
}


.flex-text a{
	color: inherit;
	font-weight: normal;
	font-family: 'Euclid Light', sans-serif;
}

ul.voorbeelden{
	margin-top: 0;
}

.fit-image{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
}

.link-block .fit-image{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.link-block .fit-image img{
	height: 100%;
	object-fit: cover;
}

.fit-image-centered{
	height: 100%;
	padding-bottom:112.68%;
	position: relative;
}

.fit-image-centered img{
	height: 100%;
	width: 100%;
	object-fit: contain;
	position: absolute;
}

.second-image .fit-image{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.second-image .fit-image img{
	height: 100%;
	object-fit: cover;
}

.second-image .fit-image-centered{
}

.second-image .fit-image-centered img{
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.row-text-1x1-inside--second-image{
	padding-top: 112.75%;
	padding-bottom: 0;
}

/*.row-image-1x1-inside-square--second-image{
	height: 100%;
}

.row-image-1x1-inside-square--second-image .fit-image{
	height: 100%;
}*/

.row-image-1x1-inside-square--second-image .fit-image img{
	/*height: 100%;*/
	object-fit: cover;
}

@media screen and (max-width: 850px){
	.row-text-1x1-inside--second-image{
		/*padding-top: 0;*/
	}
}

@media screen and (max-width: 850px){
	.mobile-br{
		display: block;
	}
}