/*  blauw:   #da0800   */

body{
    margin: 0;
    font-family: 'Maven Pro', sans-serif;
    font-size: 16px;
    line-height: 150%;
    color: #483b33;
}

h1{font-size: 36px;}
h2{font-size: 32px;}
h3{font-size: 28px;}
h4{font-size: 24px;}
h5{font-size: 22px;}
h6{font-size: 18px;}

h1, h2, h3, h4, h5, h6{
    margin-bottom: 20px;
    line-height: 150%;
    font-family: 'Noto Serif', serif;
}

pre {
    border: 2px solid #db6815;
    background: #db6815;
    font-family: 'Maven Pro', sans-serif;
    color: white;
    border-radius: 4px;
    padding: 8px 15px;
    margin: 0;
    display: inline-block;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    cursor: pointer;
    -webkit-appearance: none;
}

pre a {
    color: white;
    text-decoration: none !important;
}

pre:hover {
    border: 2px solid #db6815;
    background: transparent;
}
pre:hover a {
    color: #db6815;
}

.flexbox-parent{
    display: flex;
    display: -webkit-flex;
    align-items: stretch;
}
.flexbox-child{
    flex: 1;
}

.homeblokken-wrapper{
    padding: 10px;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.color-green{
    color: #da0800;
}
.background-grey{
    background: #f6f3ec;
}

.section--small{
    padding: 0;
}
.section--medium{
    padding: 25px 0;
}
.section--large{
    padding: 50px 0;
}

.text-align-center{
    text-align: center;
}

a{color: #da0800; transition: all .2s ease-in;}
a:hover{color: #da0800;opacity: 0.8;}

img{
    max-width: 100%;
}

.taalswitcher{
    height: 0;
}
a.language{
    float: right;
    height: 0;
}
a.language{
    margin-right: 15px;
}

        /******     MENU    ******/
@media screen and (min-width: 991px) {
    #menu2{
        float: right;
        margin-top: 18px;
    }
    #menu2 > li{
        list-style: none;
        float: left;
    }
    #menu2 > li > span > a{
        display: block;
        padding: 20px 15px;
        color: #483b33;
        text-decoration: none;
        font-weight: 500;
        border-bottom: 2px solid transparent;
        -moz-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in;

    }
    #menu2 > li.m-active > span > a, #menu2 li a:hover, #menu2 li a:focus{
        color: #da0800;
        border-bottom: 2px solid #da0800;
    }
    ul.sub-menu{
        display: none;
        position: absolute;
        min-width: 200px;
        z-index: 999;
        margin: 0;
        padding: 0;
        list-style: none;
        background: rgba(255, 255, 255, 0.9);
        background-clip: padding-box;
        border-radius: 4px;
        -webkit-box-shadow: 0 4px 12px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 4px 12px 2px rgba(0, 0, 0, 0.1);
        box-shadow: 0 4px 12px 2px rgba(0, 0, 0, 0.1);
    }
    #menu2 li:hover ul.sub-menu{
      display: block;
    }
    ul.sub-menu li{
        float: none;
        display: block;
    }
    ul.sub-menu li a{
        font-weight: 400;
        padding: 10px;
        font-size: 14px;
        display: block;
        color: #483b33;
    }
    ul.sub-menu li a:hover{
        color: green;
        border: none !important;
        text-decoration: none;
    }
}

        /******     BODY    ******/

.top-header{
    overflow: auto;
}

.logo {
    display: inline-block;
    padding: 10px 0;
}
.logo img {
    max-height: 100px;
}

.viewer{
    border-top: 8px solid #da0800;
    border-bottom: 8px solid #da0800;
}

.diensten h6{
    margin-top: 0;
}

.background-vert{
    background: url('/Forms/img/home-hoektrans.jpg');
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
}

.testimonials{
    background:
    linear-gradient(
      rgba(0, 0, 0, 0.7),
      rgba(0, 0, 0, 0.7)
    ), url('/Forms/img/portfolio1.jpg') center top;
    background-size: cover;
    text-align: center;
    color: white;
}

.content-default {
    padding-bottom: 30px;
}
.content-default a{
    text-decoration: underline;
}
.content-default a:hover{
    text-decoration: none;
}
.pagina-inhoud {
    padding-bottom: 50px;
}

.diensten{

}

.testimonials .slide{
    padding: 0 30px !important;
}

        /******     FOOTER    ******/

.footer{
    background: #db6815;
    color: #fff;
}
.footer h3{
    font-weight: 400;
}
.footer-copyright{
    background: #3a9122;
    text-align: center;
    color: #e0312f;
}
.footer a {
    color: white;
}

.footer-copyright a {
    color: #e0312f;
}

.slick-slide {
    outline: 0;
    overflow: hidden;
}

        /******     RESPONSIVE    ******/




.slicknav_menu {
    display:none;
}


.top-header {
    display: flex;
}

.socials_header{
	display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    gap: 50px;
}

.taalswitcher{
	position: absolute;
    right: 6%;
}

.me-10{margin-right:10px;}
#slider1 .container:before{
	position:absolute;
	height:100%;
	width:100%;
	background:black;
	background: linear-gradient(270deg, rgba(0,0,0,0) 42%, rgba(0,0,0,0.8) 100%);
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
}

/* .slider .image_info{ font-style:italic;} */

.image_info{
	z-index: 20;
    position: relative;
}
.image_info p{
	font-size: 2.6em !important;
    font-weight: 500;
}
.footer-copyright{color:white!important;}


.homeblok-item svg{color:#3a9122;}
.homeblok-item svg.fa-carrot{color:#db6815;}

.image_info h2,.image_info p{
	background:transparent !important;
	color:white!important;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .logo {
        max-width: 230px;
    }
}

@media screen and (max-width: 991px) {
    #menu2 {
        display:none;
    }
    .slicknav_menu {
        display:block;
    }
    .top-header{
        text-align: center;
        margin: 10px 0;
    }
}

@media screen and (max-width: 767px){
    .flexbox-parent{
        display: block;
    }
    .background-vert{
        min-height: 800px;
        background-size: cover !important;
    }
	
	.socials_header{display:none;}
	.image_info {  margin-top: 60px !important;  }
	.image_info p { font-size: 2em !important;}
}

@media screen and (max-width: 600px){
    .background-vert{
        min-height: 500px;
        background-size: cover !important;
    }

    .taalswitcher, a.language{
        height: auto;
    }
	.taalswitcher {    position: relative;}
	.top-header {    display: flex;    justify-content: center;}
	
	.image_info {  margin-top: 30px !important;  }
	.image_info p { font-size: 1.6em !important;}
}

@media screen and (max-width: 400px){
    .background-vert{
        min-height: 400px;
        background-size: cover !important;
    }
}