body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

h1, h2, h3, h4, h5 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: inherit;
}

button, button.button {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

a, a:visited, a:active, a:hover, a.button, a.button:hover {
    color: #843B8D;
}


.info-bar {
    height: 60px;
    color: #fff;
    line-height: 60px;
    font-size: 13px;
}

    .info-bar li {
        line-height: 60px;
        font-size: 13px;
        margin-right: 30px;
    }

    .info-bar h5 {
        font-size: 24px;
        line-height: 60px;
        padding-left: 20px;
    }
    .info-bar a {
        color: #ffffff;
    }

    .desc-box p.description {
        padding-bottom: 20px !important;
    }

.horizontal {
    overflow: hidden;
    padding: 0;
    list-style: none;
}

    .horizontal li {
        float: left;
    }

nav {
    height: 65px;
}

    nav li {
        margin-right: 15px;
        line-height: 45px;
    }

        nav li:last-child {
            margin: 0;
        }

header {
    background-image: url('../img/bg.jpg');
    background-size: cover;
    padding: 100px 0 50px 0;
}

    header h1 {
        font-size: 21px;
        font-weight: 400;
        color: #fff;
    }

    header h2 {
        font-size: 15px;
        font-weight: 400;
        padding-bottom: 20px;
        color: #fff;
    }

.pic-janna {
    padding-bottom: 20px;
}
header.small {
    padding: 15px 0 25px 0;
}
header.small .pic-janna img {
    width: 12%;
}

.box {
    padding: 70px 0 70px 0;
}

    .box h1 {
        font-size: 60px;
        font-weight: 300;
    }

    .box h2 {
        font-size: 60px;
    }

    .box h4 {
        font-size: 20px;
    }

    .box p.description {
        padding-bottom: 80px;
    }

    .box p {
        font-size: 14px;
        line-height: 22px;
    }

    .foto-box {
        padding-top: 0px;
    }
.recensie-box {
    padding: 20px;
    color: #fff;
    font-family: 'Open Sans', arial;
    font-weight: 400;
    overflow: hidden;
}

    .recensie-box h4 {
        font-weight: 400;
        font-size: 24px;
    }

.button.button-lined {
    background: transparent;
    border: 3px solid #fff;
}

.text-purple {
    color: #843B8D;
}

.bg-purple {
    background-color: #843C8E;
    color: #fff;
}

.text-purple a {
    text-decoration: underline;
}

.bg-green {
    background-color: #8BB900;
}
.bg-white {
    background-color: #fff;
    color: #444444;
}
.content {
    padding: 60px;
    line-height: 22px;
    text-align: left;
}
.content h2 {
    color: #B7D332;
    font-size: 19px;
    font-weight: 400;
}

.icon {
    display: block;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
}

.icon-wat {
    background-image: url(../img/icon-wat.png);
}

.icon-wanneer {
    background-image: url(../img/icon-wanneer.png);
}

.icon-wie {
    background-image: url(../img/icon-wie.png);
}

.image-scale li {
    box-sizing: border-box;
    padding-right: 10px;
    max-width: 25%;
}

    .image-scale li img {
        height: 300px;
        width: 400px;
    }

    .image-scale li:first-child img {
        width: 100%;
        max-width: 100%;
    }

.bg-bird {
    background-image: url(../img/bird.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}

    .bg-bird h4 {
        font-size: 14px;
        font-weight: 400;
        color: #843B8D;
    }

.angular-google-map-container {
    height: 280px;
}

.send-form {
    position: relative;
}

    .send-form a {
        position: absolute;
        bottom: 30px;
        right: 30px;
    }

form input[type=text], textarea {
    font-family: 'Open Sans', sans-serif;
    background-color: #F3F4F6;
    border: 1px solid #F3F4F6;
    box-shadow: none;
    border-style: none;
    color: #8BB800;
    font-size: 14px;
    font-weight: 400;
}

form input[type=text] {
    height: 50px;
}

form textarea {
    min-height: 200px;
}

form input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    color: #8BB800;
    font-size: 14px;
    font-weight: 400;
}

form input[type=text]:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
    font-family: 'Open Sans', sans-serif;
    color: #8BB800;
    font-size: 14px;
    font-weight: 400;
}

form input[type=text]::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */
    font-family: 'Open Sans', sans-serif;
    color: #8BB800;
    font-size: 14px;
    font-weight: 400;
}

form input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    color: #8BB800;
    font-size: 14px;
    font-weight: 400;
}

footer nav {
    display: inline-block;
}

    footer nav li, footer nav ul {
        line-height: 100px;
        height: 100%;
    }

footer .button.right {
    background: none;
    line-height: 100px;
    padding: 0;
    margin: 0 10px 0 0;
}


.owl-prev, .owl-next {
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
    background-size: contain;
    position: absolute;
    top: 5px;
}

.owl-prev {
    transform: rotate(90deg);
    right: 25px;
}

.owl-next {
    transform: rotate(-90deg);
    right: 10px;
}

a.button-lined, a.button-lined:hover, a.button-lined:active {
    color: #ffffff;
}