.loader {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -1.25em;
  margin-left: -1.25em;
    border: 5px solid #000105; /* Light grey */
    border-top: 5px solid #fff; /* Blue */
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation: spin 0.4s linear infinite;
            animation: spin 0.4s linear infinite;

}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}


@keyframes worldspinner {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@font-face {
    font-family: 'silkaregular';
    src: url('silka-regular-webfont.eot');
    src: url('../fonts/silka-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/silka-regular-webfont.woff2') format('woff2'),
         url('../fonts/silka-regular-webfont.woff') format('woff'),
         url('../fonts/silka-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'silkamedium';
    src: url('../fonts/silka-medium-webfont.eot');
    src: url('../fonts/silka-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/silka-medium-webfont.woff2') format('woff2'),
         url('../fonts/silka-medium-webfont.woff') format('woff'),
         url('../fonts/silka-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'sukima_stencil_regular';
    src: url('../fonts/sukima_stencil_regular-webfont.woff2') format('woff2'),
         url('../fonts/sukima_stencil_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sukima_stencil_bold';
    src: url('../fonts/sukima_stencil_bold-webfont.woff2') format('woff2'),
         url('../fonts/sukima_stencil_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.container{ opacity: 0; min-height: calc(100vh - 5.577777777777778em);}
.animate .container{opacity: 1; transition:opacity 0.7s ease 0.3s;}
.animate .loader{opacity: 0; transition:opacity 0.4s ease 0s;}



html { 
  -webkit-text-size-adjust: 100%; 
  position: relative; 
  float: left; 
  width: 100%; 
  font-size: 18px; 
  font-weight: 400; 
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: overlay; 
}

/*::-webkit-scrollbar {
    display: none;
}
*/
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, font, img, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
  list-style:none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	height: auto;
}

body{	
	position: relative;
	float: left; 
	display: block;
	font-family: 'silkaregular', sans-serif;
	font-size: 1em;
	line-height: 1.3em;
     height: auto;
	font-weight: 400;
	margin:0; padding: 0; 
	width: 100%;
	color: #000105;
	background-color: #fff;
	min-height: 10em;
}


.hidden{width: 0; height: 0; overflow: hidden;}

input, textarea{  font-size: 1em; border-radius: 0;}
input[type=text]:focus, textarea:focus {
  -webkit-box-shadow:none;
          box-shadow:none;
  outline: none;
}

a{color: inherit; text-decoration: none; }
.noline a{text-decoration: none;}
i, cite, em, var, dfn {
    font-style:normal;
   
}
b, strong { font-weight: 400; font-family: 'silkamedium', sans-serif; }

ul, li{position: relative;  display: inline-block;}

button {
  background: transparent;
    background-color: transparent;
  box-shadow: 0px 0px 0px transparent;
  border: 0px solid transparent;
  text-shadow: 0px 0px 0px transparent;
  cursor: pointer;
  font-size: 1em;
}

section, div, header, main, footer, nav, article, ol, ul, li, p, img, blockquote, form, button, input, label, h1, h2, h3, h4 ,h5, h6{position: relative; float: left; width: 100%; height: auto; display: block; -webkit-box-sizing:border-box; box-sizing:border-box; }
p{ margin-bottom: 1.6em; font-size: 1em; line-height: 1.6em; font-family:'silkaregular', sans-serif;  }
.btn{ margin-bottom: 1.8em; font-size: 1em; line-height: 1.8em; font-family:'silkaregular', sans-serif;  border-bottom:2px solid; }
p:last-child{margin-bottom: 0;}
p a, article ul li a{display: inline-block; position: relative; text-decoration: underline; color: inherit;}
/*.no-touch p a:hover{color: #FFF005!important;}*/
.noline a{text-decoration: none;}
.smaller{font-size: 0.85em;}
article img{margin-bottom: 1.3rem;}
article img:last-child{margin-bottom: 0rem;}
p strong{font-weight: 800;}

article ul{margin-bottom: 1.6em; }
article ul li{ font-size: 1rem; line-height: 1.6em; font-family:'silkaregular', sans-serif; box-sizing:border-box; padding-left:1.7em; }

/* basics */

h1, h2, h3, h4, h5, h6{font-family: 'sukima_stencil_regular', sans-serif; line-height:1em; letter-spacing: -0.00em; font-weight:400; }
h1{font-size:6.2em; margin-bottom:0em; color:#2F489A;}
h2{font-size:3.6em; margin-bottom:1em; }
h3{font-size:1.8em; margin-bottom:1.2rem; margin-top:1rem;  }
h4{font-size:1.44444em; margin-bottom: 0.8rem;}
h5{font-size: 1em; margin-bottom: 0.8rem;}
h6{font-size: 0.777em; margin-bottom: 0.8rem;}
.floatr{position: relative; width:auto; float: right; display: block;}
.floatl{position: relative; width:auto; float: left; display: block;}

.noselect {
  user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/*/////////////// Basics ///////////////*/

.abso{position: absolute; top:0; left: 0; width:100%; height:100%;}
.middle{ position:absolute; left:50%; top: 50%; width: auto; -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%);}
.acenter{text-align: center;}
.aright{text-align: right;}

.b{}
.b15{width: 15%;}
.b20{width: 20%;}
.b25{width: 25%;}
.b75{width: 75%; }
.b30{width: 30%;}
.b60{width: 60%; }
.b35{width: 35%;}
.b40{width: 40%;}
.b41{width: 41.6666%;}
.b42{width: 42%;}
.b65{width: 65%; }
.b50{width: 50%;}
.b55{width: 55%;}
.b58{width: 58%;}
.b55{width: 55%;}
.b45{width: 45%;}
.b33{width: 33.33%;}
.b66{width: 66.66%;}
.b100{width: 100%;}

.viceversa .b50{float: right;}

.widthextralarge{float: none; margin: 0 auto; width: 100%; max-width: 100em; }
.widthlarge{float: none; margin: 0 auto; width: 100%; max-width: 100em; }
.widthmediumlarge{float: none; margin: 0 auto; width: 100%; max-width:93.6em;  }
.widthmedium{float: none; margin: 0 auto; width: 100%; max-width:59em;  }
.widthmediumsmall{float: none; margin: 0 auto; width: 100%; max-width:48em;  }
.widthsmall{float: none; margin: 0 auto; width: 100%; max-width: 48em; }

.widthextrasmall{float: none; margin: 0 auto; width: 100%; max-width: 40em;  }
.widthbehoorlijksmall{float: none; margin: 0 auto; width: 100%; max-width: 36em;  }

.paddingx05{ padding-left: 0.5rem; padding-right: 0.5rem;}
.paddingx1{ padding-left: 1rem; padding-right: 1rem;}
.paddingx15{ padding-left: 1.5rem; padding-right: 1.5rem;}
.paddingx2{ padding-left: 2rem; padding-right: 2rem;}
.paddingx3{ padding-left: 3rem; padding-right: 3rem;}
.paddingx35{ padding-left: 3.7rem; padding-right: 3.7rem;}
.paddingx4{ padding-left: 4rem; padding-right: 4rem;}
.paddingx5{ padding-left: 5rem; padding-right: 5rem;}

.paddingy05{ padding-bottom: 0.7rem; padding-top: 0.7rem;}
.paddingy1{ padding-bottom: 1.4rem; padding-top: 1.4rem;}
.paddingy15{ padding-bottom: 2.1rem; padding-top: 2.1rem;}
.paddingy2{ padding-bottom: 2.8rem; padding-top: 2.8rem;}

.paddingy3{ padding-bottom: 4.2rem; padding-top: 4.2rem;}
.paddingy4{ padding-bottom: 5.6rem; padding-top: 5.6rem;}
.paddingy5{ padding-bottom: 7.0rem; padding-top: 7.0rem;}

.paddingleft{ padding-left: 1.6rem;}
.paddingright{ padding-right: 1.6rem;}

.paddingbottom4{padding-bottom: 3.2rem;}

.marginbottom05{margin-bottom: 1rem;}
.marginbottom1{margin-bottom: 2rem;}
.marginbottom15{margin-bottom: 3rem;}
.marginbottom2{margin-bottom: 4rem;}
.marginbottom25{margin-bottom: 5rem;}
.marginbottom3{margin-bottom: 6rem;}
.marginbottom35{margin-bottom: 7rem;}
.marginbottom4{margin-bottom: 8rem;}

.margintop05{margin-top: 1rem;}
.margintop1{margin-top: 2rem;}
.margintop15{margin-top: 3rem;}
.margintop2{margin-top: 4rem;}
.margintop25{margin-top: 5rem;}
.margintop3{margin-top: 6rem;}
.margintop35{margin-top: 7rem;}
.margintop4{margin-top: 8rem;}

.maxw05{max-width: 12rem;}
.maxw1{max-width: 16rem;}
.maxw2{max-width: 21rem;}
.maxw3{max-width: 24rem;}
.maxw4{max-width: 28rem;}
.maxw5{max-width: 32rem;}
.maxw6{max-width: 36rem;}
.maxw7{max-width: 40rem;}
.maxw8{max-width: 48rem;}

.clear{clear: both;}

.thumb img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

.flex{display: flex; flex-flow: row wrap; align-items: stretch;}
.flex .slick-track{display: flex!important; flex-flow: row wrap; align-items: stretch;}
.flex .slick-slide{height: inherit !important;}
.flexreverse{display: flex; flex-flow: row-reverse wrap; align-items: stretch;}

.pusher{height: 7.4em; }
.outermain{min-height: 1vh;}
.viceversa .b50{float: right;}


table{width: 100%; margin-bottom: 1.3rem; font-size: 1em;}
table tr, table tbody{width: 100%; font-size: 1em;}
table td{font-size: 1.3em;font-size: 1.25em; line-height: 1.8em; letter-spacing: -0.02em; padding-bottom: 0.8rem;}
table td:first-child{white-space: nowrap; padding-right: 1em;}
table em{background-color: #F5F3EE; padding: 0.3em 0.6em;}
table a{background-color: #FFEF30; padding: 0.3em 1em; white-space: nowrap;}

.btn{position: relative; display: inline-block; margin:0 1em 1em 0;}
.btn:last-child{margin-right: 0}


.z-index{z-index: 80;}
.overflow{overflow: hidden;}

.pusher{height: 3em}
.sticky{position:sticky; top:5.5em;}

.bgwhite{background-color: #fff;}
.bgblack{background-color: #4C474B; color: #fff;}
.bggreen{background-color: #A7A5A5;}
.bgbrown{background-color: #D3BF9F;}
.bgbeige{background-color: #E0DCD2;}
.bgdarkbeige{background-color: #D2BF9E;}


/*/////////////// Header ///////////////*/

.navbar::after{position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background-color: #F0EEEA; content: "";}
.navbar {
    display: flex;
    position: relative;
    left: 50%; transform: translateX(-50%);
    margin: 1.9em auto 0;
    width: auto;
    justify-content: center;
    gap: 3.3em;
}

.navbar a {
    text-decoration: none;
    padding: 2em 0px;
    font-family: "silkamedium";
    margin: 0 0em;
    font-size: 1em;
    position: relative;
    z-index: 1;
    transition: color 0.3s ease;
}

.navbar a.active {
    color: #C75228;
}

.navbar .underline {
    position: absolute;
    bottom: 0px;
    height: 2px;
    background-color: #C75228;
    transition: all 0.3s ease;
    z-index: 1;
}


.navi{position: fixed; width: 100vw;  height:100vh; min-height: 100em; overflow: hidden; top:0; opacity: 1; transform: translateY(-100%); z-index: 51; transition: transform 0s ease 0.8s; pointer-events:none;  }
.navi .bg{position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block; background-color: #000; opacity: 0; transition: opacity 0.3s ease 0.1s;}
.navi .inner{position: relative; margin-top:0em; width: 100%; max-width: 30em;  float: right; height: 100svh; min-height: 26em; background-color: #2F489A; color: #fff; transform: translateX(110%); transition: transform 0.4s ease ; font-family: "silkamedium"; box-sizing: border-box;}
.navi .sluit{position: absolute; width: 1.6em; height: 1.6em; right:5.4em; top: 4.9em; cursor: pointer;}
.navi .sluit img{width: 100%; }
.navi .mobilenav{position: absolute;  right: 0; padding-left: 3em; padding-right: 3em; top:50%; transform: translateY( -50%); transition: transform 0.6s ease;}
.navi .mobilenav a{position: relative; display: block; line-height:1.2em; margin-bottom:1.1rem; font-size:1.9rem; float:left; clear:both; transition: color 0.4s ease 0s; font-family: 'sukima_stencil_bold';}
.navi .mobilenav .sub a{font-size:1.1666rem; padding-left:2.5rem; font-family: 'silkaregular'; }
.navi .mobilenav .sub a::before{position: absolute; top:0.6rem; left: 0; width: 2rem; height: 1px; background-color: #fff; content: "";}
.no-touch .navi .mobilenav a:hover, .navi .mobilenav a.active{color:inherit;transition: color 0.2s ease 0s;}

.open .navi{opacity: 1; top:0; overflow: visible; pointer-events:auto; transform: translateY(0); transition: transform 0s ease; }
.open .navi .inner{transform: translateX(0); transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);}
.open .navi .bg{opacity: 0.8;transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;}


/*/////////////// elements ///////////////*/

header{position: sticky; top:0; padding-top: 3rem; z-index: 50; height: 9em; transition: padding 0.6s ease; user-select: none; }
.compact header{ }

header .logo{position: absolute; top:0.45em; left: 0em;  display: block; width:calc(100% - 10em); z-index: 2; transform:scale(1); transform-origin: top left; transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.4s, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.4s; }
.logo .letter {transform: translateY(-100%); transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.4s;}
.logo .lijn {transform: translateY(-50%); transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.4s;}
.animate .logo .logo-l .letter {transform: translateY(0); transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.4s;}
.animate .logo .logo-l .lijn {transform: translateY(-50%); transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.55s;}
.animate .logo .logo-d .letter {transform: translateY(0); transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.85s;}
.animate .logo .logo-d .lijn {transform: translateY(-50%); transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.7s;}
.logo .letter img{height: 1.88em; width: auto; }
.logo .arrow img{height: 1.68em; width: auto;margin-top: 0.1em;}
.logo .logo-l .arrow{float: left; width: auto; margin-left: 0.4em;}
.logo .logo-d .arrow{float: right; width:auto; margin-right: 0.4em;}
.logo .logo-l .letter{float: left; width: auto;}
.logo .logo-d .letter{float: right; width:auto}
.logo .logo-l .lijn{position:absolute; right:0; top:50%; width:calc(100% - 2.4em); height: 0.39em; border-top: 0.39em solid ; }
.logo .logo-d .lijn{position:absolute; left:0; top:50%; width:calc(100% - 2.4em); height: 0.39em; border-top: 0.39em solid ; }
.logo .row{margin-bottom:0.7em; overflow: hidden}
.logo .row:last-child{margin-bottom: 0;}

.hamburger{ position:absolute;  right:0; top:0.4rem; overflow: hidden; height: 4.8em; width: 4.8em; border-radius: 50%; line-height:1em; background-color: #2F489A; color: #fff; cursor:pointer; transition:all 0.0s ease; }
.hamburger .inner{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.hamburger span{position: absolute; font-size: 1.148em; font-family: "silkamedium"; display: block; width:100%; height:auto; top:50%; transform:translateY(-55%); text-align:center;  }
.no-touch .hamburger:hover{background-color:#FFF005; color: #000105; transition:all 0s ease;}
.open .hamburger{ background-color:#FFF005; color: #000105;}

small{font-size: 0.8888em}

.imageblock1 .thumb{padding-bottom: 50%; }

.imageblock2 .thumb{padding-bottom: 30%; }


.imageblock3 .thumb{padding-bottom: 65%; }

.textphotoblock .thumb{padding-bottom: 120%; }
.textphotoblock2 .thumb{padding-bottom: 120%; }
.textphotoblock .image .inner{width: calc(100% - 2em);}

.quoteblock blockquote{text-align: left; float: none; display: inline-block; width: auto; margin: 0.3rem 0 0.9rem; font-family: 'sukima_stencil_regular'; font-size: 6.2em; line-height: 1em;}


.dienstenblock .label{font-family: "silkamedium"; font-size:1.1666666em; margin-bottom:3.3rem; }
.dienstenblock .diensten{width: calc( 100% + 8em); left: -4em; text-align:center; }
.dienstenblock .diensten a{white-space: nowrap; position: relative; float: none; display: inline-block; width: 33%; min-width: 15em; padding: 0 4em 7em; box-sizing: border-box; margin-bottom: 1em;}
.dienstenblock .diensten a div{position: relative; display: inline-block;}
.dienstenblock .diensten a .icon{width: 100%; margin-bottom: 3rem;}
.dienstenblock .diensten a .icon img.imga{display: block;}
.dienstenblock .diensten a .icon img.imgb{display: none;}
.dienstenblock .diensten a .icon img{margin-bottom: 0!important;}
.no-touch .dienstenblock .diensten a:hover .icon img.imga{display: none;}
.no-touch .dienstenblock .diensten a:hover .icon img.imgb{display: block;}

.dienstenblock .diensten a .title{width: auto; font-family: "silkamedium"; font-size: 1.3em; text-align: center; position: absolute; bottom: 6rem; width: 100%; margin-top: 0.8rem; left:50%; transform: translateX(-50%);}
.dienstenblock .sideinfo{display: none; max-width: 14.2em; float: right; margin-right: 4rem;}


.overigediensten.dienstenblock .diensten a{width: 20%; padding: 0 4em 7em}
footer nav{margin-top: 0.65em;}
footer nav a{position: relative; width: auto; display: inline-block; line-height: 1.4em; color:inherit; font-family: 'silkamedium';}
footer nav span{position: relative; width: 3.5em; height: 2px;  line-height: 1.4em; background-color:#fff; top:-0.3em; margin: 0em 0.2em 0 0.2em; display: inline-block;}
.contactblock .b40, .contactblock .b60{width: 100%;}
.contactblock .row2{ padding-left: 2rem;
    padding-right: 2rem;}
.contactblock .hook{position:relative; float: left; display: block; width:100%; height: 0.25em; border-top: 0.25em solid; border-left:0em solid; }
.contactblock .hook.arrowleft::before{position: absolute; left: -0.2em; top: -0.625em; width: 1em; height: 1em; background-image: url("../img/elements/arrow_s_l.svg"); background-size:contain; background-repeat: no-repeat; content: ''; background-position: left center ;}
.contactblock .hook.arrowright::before{position: absolute; right: -0.2em; top: -0.625em; width: 1em; height: 1em; background-image: url("../img/elements/arrow_s_r.svg"); background-size:contain; background-repeat: no-repeat; content: ''; background-position:  right center;}
.contactblock h2{margin-bottom: 0.1em;}
.formulier {
    width: 100%;
}

.formulier .row {
    display: flex;
    gap: 1.8em;
    margin-bottom: 1.8em;
    padding-left: 2rem;
    padding-right: 2rem;
}

.formulier .row input {
    flex: 1;
}

.formulier input, textarea, button {
    width: 100%;
    padding: 0.8em 1.1em;

    border:0;
    font-size: 0.94444em;
    box-sizing: border-box;
    font-family: 'silkamedium';
}

.formulier textarea {
    resize: none;
    margin-bottom: 0em;
    min-height: 13em;
}

.formulier button {
    background-color: #2F489A;
    color: #fff;
    border: none;
    float: right;
    margin-top: 1em;
    cursor: pointer;
    padding: 0.5em 1.2em 0.6em;
    font-size: 1em;
    width: auto;
    font-family: 'silkamedium';
    transition: background-color 0.0s, color 0.0s ease;
}

.formulier button:hover {
    background-color: #FFF005;
    color: inherit;
    transition: background-color 0s ease, color 0s ease;
}

.melding {
    margin-top: 2em;
    font-size: 1em;
    background-color: #000105;
    color: #FFF005;
    box-sizing: border-box;
    padding: 1.2em 1.6em;  
    opacity: 0; /* Start onzichtbaar */
    transition: opacity 1s ease-in-out; /* Fade-in en fade-out effect */
}
.melding.show {
    opacity: 1; /* Fade-in actief */
  }

.grecaptcha-badge{display: none!important;}

h2 + p{margin-top: 1rem;}


.infoblock h2{font-family: 'sukima_stencil_regular'; font-size: 1.8888em; margin-top:-.3em; margin-bottom: 0.8rem;}
.infoblock .graphic{position: absolute; right: 0; top:0; width: 10.55em}
.infoblock a{text-decoration: none;}




.thumb .overlay{position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.thumb .overlay .rijke{position: relative; float: left; width: 100%; height: 4em;}
.thumb .overlay .rijke .nr1{position: absolute; right: 0; bottom: 0; width: calc(100% - 1em); background-color: #fff; height: 3em; margin-top:1em;  transition: height 0.0s linear; /* Optioneel voor een soepele overgang */}
.thumb .overlay .rijke .nr2{position: absolute; left: 0; bottom: 0; width: 100%; height: 1em;background-color: #fff;  transition: height 0.0s linear; /* Optioneel voor een soepele overgang */ }
.thumb .overlay .elem{position: relative; float: left; clear: both; width:100%; float: left; height: 50%; overflow: hidden;}
.thumb .overlay .elem img{position: relative; float: right; height: 100%; width: auto;}
.thumb .overlay .elem:last-child img{ float: left; }
.thumb .overlay .elem:last-child{float: right;}

.meerinfo .title{margin-bottom: 0.7em; font-family: 'silkamedium'; font-size: 1.2em;}
.meerinfo a{text-decoration: none;}

.iconimg{max-width: 20em; margin: 0 auto; float: none;}

.meerinfoblock .logos a{position: relative; float: left; width: 50%;}
.meerinfoblock .logos a:first-child img{max-width: 10em;}
.meerinfoblock .logos a:last-child img{max-width: 20em; float: right; margin-top: -2rem;}


.page-contact h1{color: inherit;}

.coolthumb::before{position: absolute; content: ""; width: 100%; height: 2px; background-color: #fff; z-index: 1; top:0; left: 0;}
.coolthumb::after{position: absolute; content: ""; width: 100%; height: 2px; background-color: #fff; z-index: 1; bottom: 0; left: 0;}

.tickerslider {display: flex;}
.tickerslider a{padding: 1em;}

footer nav a.insta{width: 1em; height: 1em; font-size: 1.4em; line-height: 1em;  overflow: hidden;  position:relative; display:inline-block; top:0.2em; margin-right:0.5rem; margin-left:0.2rem; }
footer nav a.insta::after{position: absolute; float: left; display: block; width: 1em; height: 1em; opacity: 1; content: ""; background-image: url('../img/elements/instagram.svg'); background-size: 100% auto; background-repeat: no-repeat; background-position: center center;}

footer nav a.linkedin{width: 1em; height: 1em; font-size: 1.4em; line-height: 1em;  overflow: hidden;  position:relative; display:inline-block; top:0.2em; margin-right:1rem; }
footer nav a.linkedin::after{position: absolute; float: left; display: block; width: 1em; height: 1em; opacity: 1; content: ""; background-image: url('../img/elements/linkedin.svg'); background-size: 90% auto; background-repeat: no-repeat; background-position: center center;}

/*/////////////// Media Queries ///////////////*/

@media screen and (min-width: 2050px) {
     .imagemargin{margin-bottom: 6em;}
    .imageblock1 .thumb{padding-bottom: 40%}
}

@media screen and (min-width: 1850px) {

  
   html{font-size: 20px;}
  
   header .inner{font-size: 0.9em;}
   .pusher{font-size: 0.9em}

}

@media screen and (min-width: 1260px) {

.compact header .logo{ width:calc(7em); transform:scale(1); transform-origin: top left;}
    
}

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

 
}

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

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

 

}

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

  
}

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

 

}

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




}

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

}

@media screen and (max-width: 1050px) {
  
  html{font-size: 17px;}
  .quoteblock blockquote{font-size: 5.2em;}
}

@media screen and (max-width: 950px) {
  
    header.paddingx35 { padding-left: 2rem;padding-right: 2rem;}
    footer .paddingx35 { padding-left: 2rem;padding-right: 2rem;}
    .infoblock .paddingx35 { padding-left: 2rem;padding-right: 2rem;}
    html{font-size: 16px;}

}


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

    header .logo {width: calc(100% - 7.4em);}
    h1{font-size: 4.2em;}
    h2{font-size: 3.4em;}
    

}

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

    .dienstenblock .sideinfo{display: block; margin-right: 0; float: left; max-width: 18em;}
    small{font-size: 1em}
    .iconimg{max-width: 11em; margin-bottom: 4em;}
    .wrapit .marginbottom3{margin-bottom: 5em;}
    .meerinfoblock .logos a{width: 100%;}
    .meerinfoblock .logos a:last-child{display: none;}

}


@media screen and (max-width: 800px) {
     
    .imageblock1 .thumb{padding-bottom: 100%;} 
    header{padding-top: 1.5em; height: 7.8em;}
    .pusher{height: 1em;}
     .marginbottom3{margin-bottom: 3em;}
    .marginbottom25{margin-bottom: 3em;}
    .navi .sluit {right: 3em; top: 3em;}
    .textphotoblock .b50{width: 100%;}
    .textphotoblock .image .inner{width: 100%;}
    .contactblock .b40, .contactblock .b60{width: 100%;}
    
    
    .formulier button {float: left;}
    .page-contact .contactblock .paddingy2{padding-top: 1em;}
    .titlewrapper{margin-bottom: 2rem;}
    .textphotoblock .thumb{padding-bottom: 0; height:24em; }
   
    .textphotoblock2 .image .thumb.marginbottom2{margin-bottom: 0;}
}

@media screen and (max-width: 700px) {
    
    .quoteblock blockquote{font-size: 5em;}

}

@media screen and (max-width: 650px) {
  
    footer .floatr{float: left; margin-top: 1rem; clear: both;}
    .infoblock .graphic{display: none!important;}
    .quoteblock blockquote{font-size: 4em;}
    .dienstenblock .diensten a .title{width: auto; bottom: 4rem; font-family: "silkamedium"; font-size: 1.1em;}
     .overigediensten.dienstenblock .diensten a, .dienstenblock .diensten a{padding-bottom: 5rem;}

     .meerinfoblock .logos a:first-child img{max-width: 8em;}
}

@media screen and (max-width: 580px) {
     
    header .logo {width: calc(100% - 7.2em);}
   
    header{padding-top: 1.5em; height: 7.8em;}
    header .inner{font-size: 0.8em;}
    .pusher{height: 0em;}
    h1{font-size: 3.6em;}
    h2{font-size: 2.8em;}
    .page-contact .contactblock .paddingy2{padding-top: 0em;}
    
    .infoblock h2{font-size: 1.5em;}
    .infoblock h2 br{display: none;}
    
    .hamburger span {font-size: 1.4em;}
    .navi .inner{max-width: 20em;}
    footer .bgbrown{padding-top: 2.2rem!important; padding-bottom: 2rem!important;}
   .quoteblock blockquote{font-size: 3em;}
   .dienstenblock .diensten a .title{width: auto; bottom: 4rem; font-family: "silkamedium"; font-size: 1em;}
   .overigediensten.dienstenblock .diensten a, .dienstenblock .diensten a{width:40%; min-width: 10em; padding: 0 2.4em 5em}
   .contactblock .row2, .formulier .row{ padding-left: 0rem;padding-right: 0rem;}

}

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


    footer nav a{display: block; float: left; clear: both; margin-bottom: 0.3em;}
    footer nav span{display: none;}
    
}

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

    h1{font-size: 3.3em;}
    h2{font-size: 2.4em;}
   
   
}

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

 .quoteblock blockquote{font-size: 2.8em;}
}

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

     html{ font-size: 15px;}
   

}

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

     html{ font-size: 14px;}

}

@media screen and (max-height: 990px) and (min-width: 800px) {
  

}

@media screen and (max-height: 650px) and (max-width: 800px) {
  

}

@media screen and (max-height:760px) {


}

@media screen and (max-height:640px)  and (min-width: 1200px) {
  

}

@media screen and (max-height:600px) {


}