/*
Theme Name:
Author URI: https://www.qstylez.nl/
Author: QStylez - Maaike Tol
Version: 1.0
*/

html {
    font-size: 16px;
    line-height: 24px;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    margin: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    width: 100%;
}

audio:not([controls]) {
    display: none;
    height: 0;
}


/*Complianz cookiebanner*/

.cmplz-cookiebanner {
    font-family: "Open Sans", sans-serif;
}


div#cmplz-document h2 {
    margin-bottom: 16px;
    color: #1A2F7D;
    font-size: 22px;
    line-height: 24px;
}

div#cmplz-document h3 {
    margin-bottom: 16px;
    color: #1A2F7D;
    font-size: 18px;
    line-height: 20px;
}

/*Complianz cookiebanner END*/



/* Assistive text */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute !important;
    height: 1px;
    width: 1px;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    line-height: normal;
    padding: 15px 23px 14px;
    position: absolute;
    left: 5px;
    top: 5px;
    text-decoration: none;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}

:focus {
    outline: 0
}

a.post-edit-link {
    display: none
}

ul,
ol {
    padding: 0;
    margin: 0;
    list-style-position: inside;
    list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    margin-top: 0;
    margin-bottom: 0;
}

h1 {
    font-size: 32px;
    line-height: 40px;
}

h2 {
    font-size: 28px;
    line-height: 36px;
}

h3 {
    font-size: 24px;
    line-height: 32px;
}

h4 {
    font-size: 20px;
    line-height: 28px;
}

b,
strong {
    font-weight: 700;
}

p {
    margin: 0px 0px;
}

a {
    text-decoration: none;
    transition: .1s ease-in-out;
}

.home-link {
    position: relative;
    display: block;
    width: 100%;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: none;
    cursor: pointer;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    padding-right: 2px;
    /* Don't cut off the webkit search cancel button */
    width: 100%;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    resize: none;
    vertical-align: top;
}

img {
    border-style: none;
}

img,
video {
    height: auto;
    max-width: 100%;
}

article:after,
.clear:after,
#inner-header:after,
.row:after,
.social:after,
.site-info:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

div#navbar {
    order: 4;
    flex-basis: 100%;
    width: 100%;
}

div#navbar ul {
    max-height: 0;
    overflow: hidden;
    transition: .3s ease-in-out;
}


/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
    color: ;
}

:-moz-placeholder {
    color: ;
}

::-moz-placeholder {
    color: ;
}

:-ms-input-placeholder {
    color: ;
}

/**
 * Standaard
 * ----------------------------------------------------------------------------
 */

.inner {
    width: 100%;
    max-width: 1448px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
}

.flexbox-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.c-btn {
    display: table;
    padding: 8px 16px;
    text-decoration: none;
    transition: .1s ease-in-out;
    margin-top: 16px;
}

.text-box>*:last-child {
    margin-bottom: 0;
}

.text-box>*:first-child {
    margin-top: 0;
}

/**
 * Start - Menu button - telefoon/ipad
 * ----------------------------------------------------------------------------
 */

.menu span {
    background: #132628;
    height: 1px;
}

.menu {
    width: 30px;
    height: 26px;
    order: 2;
    position: relative;
    align-self: center;
    margin-left: 10px;
}

header.site-header div.menu .close-btn span:nth-of-type(2) {
    transform: rotate(-25deg);
    top: 30%;
}

header.site-header div.menu .close-btn span:nth-of-type(1) {
    transform: rotate(25deg);
    top: 30%;
}

header.site-header div.menu {
    overflow: hidden;
}

header.site-header div.menu.open .close-btn {
    top: 0px;
}

header.site-header div.menu .close-btn {
    position: absolute;
    height: 36px;
    width: 38px;
    transition: .3s ease-in-out;
    top: 40px;
}

div#navbar.open ul {
    max-height: 1000px;
}

header.site-header div.menu.open .open-btn {
    top: -36px;
}

header.site-header div.menu .open-btn {
    position: absolute;
    top: 0;
    width: 30px;
    height: 26px;
    transition: .3s ease-in-out;
}

.menu span {
    position: absolute;
    width: 100%;
    transition: .3s ease-in-out;
}

.menu span:nth-of-type(1) {
    top: 2px;
}

.menu span:nth-of-type(2) {
    top: 12px;
}

.menu span:nth-of-type(3) {
    bottom: 2px;
}

.menu .close-btn span:nth-of-type(3) {
    color: #252422;
    bottom: 11px;
    background: none;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
}


/**
 * Einde - Menu button - telefoon/ipad
 * ----------------------------------------------------------------------------
 */
/**
 * Entry Content
 * ----------------------------------------------------------------------------
 */

.entry-content {}

.entry-content a {}

.entry-content a:hover {}

.entry-content a,
.entry-title a {
    text-decoration: none;
}

.entry-title a:hover {}

/**
 * Navigatie
 * ----------------------------------------------------------------------------
 */

/**
 * Forms
 * ----------------------------------------------------------------------------
 */

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    z-index: 100;
    padding: 0;
    border: 0;
    background: transparent;
    right: 10px;
    left: auto;
    top: 0px;
    font-size: 0.8rem;
}

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

form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

form p {
    margin: 0;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 8px;
}

form input,
form textarea {
    width: 100%;
    border: 0;
    resize: none;
    font-size: 16px;
    padding: 10px;
}

form textarea {
    height: 130px;
}

.ajax-loader {
    position: absolute;
}

form input.wpcf7-form-control.wpcf7-submit {
    display: table;
    text-decoration: none;
    font-size: 16px;
    transition: .1s ease-in-out;
    width: auto;
    line-height: 2;
    margin-top: 0;
}

/**
 * Algemeen
 * ----------------------------------------------------------------------------
 */

@font-face {
    font-family: 'myriad';
    src: url('https://www.ibev.nl/wp-content/themes/ibev/font/myriad-cond.woff') format('woff');
}

html {
    scroll-padding-top: 140px;
}

body {
    overflow-x: hidden;
    overflow-y: hidden;
}

.hfeed.site {
    margin-top: 80px;
}

.inner {
    width: 100%;
    max-width: 1352px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.flexbox-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.flexbox-wrapper.sb {
    justify-content: space-between;
}

.bg-img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'myriad';
    font-weight: 700;
    text-transform: uppercase;
}

h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {}

h1 {
    font-size: 72px;
    line-height: 64px;
}


h2 {
    font-size: 54px;
    line-height: 54px;
}

.sub h1 {}

.sub h2 {}

h3 {}

h6 {}


a.btn,
.gform_button.button {
    padding: 19px 22px;
    height: 54px;
    display: block;
    width: fit-content;
    transition: 0.2s;
    font-weight: 600;
    cursor: pointer;
    line-height: 100%;
    border-radius: 40px;
    color: white;
    border: 1px solid #608B1A;
    background-color: #608B1A;
    font-size: 16px;
    line-height: 16px !important;
    position: relative;
    font-family: "Open Sans", sans-serif;
}

a.btn:hover,
.gform_button.button:hover {
    background-color: #4b6a18;
    border-color: #4b6a18;
}

a.btn.orange {
    background-color: #F28C00;
    border-color: #F28C00;
}

a.btn.orange:hover {
    background-color: #d57c02 ;
    border-color: #d57c02 ;
}

#breadcrumbs {
    margin-bottom: 40px;
    position: relative;
    z-index: 4;
    line-height: 20px;
    margin-top: 0;
}

#breadcrumbs * {
    color: black;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
}

#breadcrumbs a {
    text-decoration: underline;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
}

#breadcrumbs a:hover {
    text-decoration: none
}

#breadcrumbs .delimiter {
    margin: 0 4px;
}


.pretitel {}



/* .accordion {
    background-color: transparent;
    color: #121725;
    cursor: pointer;
    padding: 24px 0;
    width: 100%;
    border: none;
    text-align: left;
    font-size: 20px;
    transition: 0.4s;
    font-weight: 700;
    font-family: "Rajdhani", sans-serif;
}


.accordion:after {
    content: url();
    position: absolute;
    right: 23px;
    top: 21px;
}

.accordion.active:after {
    content: url();
    top: 16px;
}

.panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
    border-bottom: 1px solid #12172533;
    font-size: 16px;
}

.panel *:last-child {
    margin-bottom: 24px;
} */



/**
 * Navbar
 * ----------------------------------------------------------------------------
 */

.top-header {
    background-color: #EEF0EB;
    height: 40px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 6px 0;
    z-index: 999;
}



.top-header .inner a {
    text-decoration: underline;
    color: #293241;
    font-size: 18px;
    line-height: 100%;
}

.top-header .inner a:first-of-type {
    margin-right: 9px;
}

.top-header .inner a:first-of-type::before {
    content: "";
    /* background-image: url(http://80.69.89.32/~metselcomp/wp-content/themes/2024-05-theme/images/icon-phone-b.svg); */
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
    position: relative;
    top: 3px;
}

.top-header .inner a:last-of-type::before {
    content: "";
    /* background-image: url(http://80.69.89.32/~metselcomp/wp-content/themes/2024-05-theme/images/icon-mail-b.svg); */
    display: inline-block;
    width: 16px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
    position: relative;
    top: 1px;
}

.site-header {
    height: 80px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 8px 0;
    z-index: 99999;
    background: #FEF8F0 !important;
    box-shadow: 0px 4px 4px 0px #0000000D;
    transition: 0.2s ease-in-out;
}

.site-header .inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
}

.site-header .inner .home-link {
    height: 110px;
    width: 184px;
    margin-left: 21px;
    z-index: 2;
}

.site-header .inner .menu {
    overflow: hidden;
    width: 39px;
    height: 35px;
    margin-right: 20px;
    position: relative;
    cursor: pointer;
    top: -21px;
    margin-left: 0;
}

header.site-header div.menu .open-btn {
    position: absolute;
    top: 0px;
    width: 38px;
    height: 36px;
    transition: 0.3s ease-in-out;
}

.menu span {
    background: #1D1D1B;
}

header.site-header div.menu .open-btn span:nth-of-type(1) {
    top: 0;
}

header.site-header div.menu .open-btn span:nth-of-type(2) {
    top: 8px;
}

header.site-header div.menu .open-btn span:nth-of-type(3) {
    top: 16px;
}

header.site-header div.menu .open-btn span:nth-of-type(4) {
    color: #252422;
    bottom: 13px;
    background: none;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
}

div#navbar {
    order: 4;
    flex-basis: 100%;
    width: 100%;
    overflow: hidden;
    transition: 0.5s;
    height: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    position: relative;
    top: -38px;
    overflow: visible;
}

div#navbar.open::after {
    content: "";
    background-color: #19191980;
    position: absolute;
    height: 100vh;
    width: 100%;
    opacity: 0;
    animation: fadeIn 0.5s ease-in-out forwards;
    z-index: 2;
    top: 100%;
}

div#navbar.open {
    padding: 59px 0 30px;
    /* height: calc(100vh - 75px); */
    height: 393px;
    max-height: unset;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    background-color: #fef8f0;
    border-top: 0;
    margin: unset;
    box-shadow: inset 0px 4px 4px 0px #A0A0A026;
}

div#navbar.open .nav-menu {
    /* max-height: calc(100vh - 240px) !important; */
    max-height: 238px !important;
    overflow-y: scroll;
}

div#navbar .nav-menu>li {
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px solid #00000026;
    margin: 0 24px 20px;
    list-style-type: none;
}


div#navbar ul li {
    padding-bottom: 20px;
    border-bottom: 1px solid #EEF0EB;
    margin-bottom: 20px;
}


div#navbar ul li a {
    color: #000000;
    display: block;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    font-size: 16px;
    line-height: 16px;
    transition: 0.15s;
    position: relative;
    font-weight: 600;
}


div#navbar ul li a::after {
    content: url();
    display: inline-block;
    position: absolute;
    right: 0;
}



div#navbar ul li a:hover {
    color: #a3a3a3 !important;
}

.nav-menu li.menu-item-has-children {
    position: relative;
}

.nav-menu li.menu-item-has-children::after {
    /* content: url(http://80.69.89.32/~domein/wp-content/themes/theme/images/chevron-white-down.svg); */
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-left: auto;
    position: absolute;
    top: -3px;
    right: 0;
    transition: 0.4s;
}

.nav-menu li.menu-item-has-children.open::after {
    transform: rotatex(180deg);
    top: 13px;
}

.nav-menu .sub-menu {
    display: none;
}

.nav-menu .sub-menu li {
    border-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    border-bottom: 1px solid #00000026;
}

.nav-menu .sub-menu li:first-of-type {
    border-top: 1px solid #00000026;
    margin-top: 20px;
    border-bottom: 0;
}

.nav-menu .sub-menu li:not(:first-of-type) {
    border-top: 1px solid #00000026;
    margin-top: 15px;
}

.nav-menu .sub-menu li:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
}


.site-header .navbar-desktop {
    display: none;
}

.navbar>a.btn{
    margin: 19px 19px 0;
    width: calc(100% - 42px);
    text-align: center;
    display: none;
}

.navbar.open>a.btn{
    display: block;
}

.navbar.open>a.btn::before{
    content: "";
    background-image: url(https://www.ibev.nl/wp-content/themes/ibev/images/icon-lid.svg);
    width: 18px;
    height: 21px;
    margin-right: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: calc(50% - 70px);
    top: 17px;
}

.site-header .inner>a.btn{
    width: 52px;
    height: 52px;
    margin-left: auto;
    margin-right: 16px;
    margin-top: 6px;
    position: relative;
}

.site-header .inner>a.btn::before{
    content: "";
    background-image: url('https://www.ibev.nl/wp-content/themes/ibev/images/icon-nominaties.svg');
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: 16px;
}

/* Keyframes for fade-in effect */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Keyframes for fade-out effect */
@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.navbar a {
    animation: fadeOut 0.3s ease-in-out forwards;
}

.navbar.open a {
    opacity: 0;
    animation: fadeIn 0.5s ease-in-out forwards;
}

.navbar.open .nav-menu-extra {
    opacity: 0;
    animation: fadeIn 0.5s ease-in-out forwards;
}

.navbar .nav-menu-extra {
    animation: fadeOut 0.3s ease-in-out forwards;
}

.site-header a.btn.desktop {
    display: none;
}

.site-header .inner .navbar-buttons.mobile {
    margin-left: auto;
}

.site-header .inner .navbar-buttons.mobile a.whatsapp {
    display: inline-block;
    width: 45px;
    height: 40px;
}

.site-header .inner .navbar-buttons.mobile a.whatsapp span {
    width: 30px;
    height: 30px;
}



.site-header .inner .navbar-buttons.mobile a.whatsapp {
    margin-left: 8px;
    position: relative;
    transition: 0.2s;
    width: 54px;
    height: 54px;
    background-color: #60D669;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.site-header .inner .navbar-buttons.mobile a.whatsapp:hover {
    opacity: 0.7;
}

.site-header .inner .navbar-buttons.mobile a.btn.phone {
    border-radius: 4px;
    background: #D6E2E2;
    border-color: #D6E2E2;
}

.site-header .inner .navbar-buttons.mobile a.btn.phone::after {
    /* content: url(http://80.69.89.32/~domein/wp-content/themes/theme/images/icon-phone.svg); */
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 10px;
    top: 10px;
    padding-left: unset;
    border-left: unset;
    margin-left: unset;
}

.site-header .inner .navbar-buttons.mobile a.btn.mail::after {
    /* content: url(http://80.69.89.32/~domein/wp-content/themes/theme/images/icon-mail.svg); */
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 9px;
    top: 11px;
    padding-left: unset;
    border-left: unset;
    margin-left: unset;
}

div#navbar ul li ul li {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

div#navbar ul li.menu-item-has-children>a::after {
    content: url(https://www.ibev.nl/wp-content/themes/ibev/images/chevron-down-b.svg) !important;
    display: inline-block;
    position: absolute;
    right: 0;
    transition: 0.2s;
}

div#navbar ul li.menu-item-has-children.open>a::after {
    transform: rotateX(180deg);
}

.navbar-btns-desktop {
    display: none;
}

.navbar-btns-mobile {
    padding: 0 28px;
    width: 100%;
    margin-top: 12px;
}

.navbar-btns-mobile a {
    width: 100%;
    text-align: center;
}




/**
 * Scrolled
 * ----------------------------------------------------------------------------
 */

.site-header.scrolled .inner .home-link {
    background-image: url() !important;
}

.site-header.scrolled {
    background: white;
}

.site-header.scrolled div#navbar.open {
    background-color: white;
}

.site-header.scrolled .menu span {
    background: black;
}

.site-header.scrolled div.menu .open-btn span:nth-of-type(4) {
    color: black;
}

.site-header.scrolled .menu .close-btn span:nth-of-type(3) {
    color: black;
    background: transparent;
}

.site-header.scrolled div#navbar ul li a {
    color: black;
}

.site-header.scrolled div#navbar .nav-menu>li {
    border-bottom: 1px solid #00000038;
}

.site-header.scrolled div#navbar ul li a::after {
    content: url();
}

.site-header.scrolled div#navbar ul li.menu-item-has-children>a::after {
    content: url() !important;
}

.site-header.scrolled .nav-menu .sub-menu li:first-of-type {
    border-top: 1px solid #00000038;
}


/**
 * Footer
 * ----------------------------------------------------------------------------
 */

.site-footer .footer-lid {
    background-color: #F28C00;
    position: relative;
}

.site-footer .footer-lid::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(https://www.ibev.nl/wp-content/themes/ibev/images/footer-lid-bg.svg);

}

.site-footer .footer-lid .inner {
    padding-top: 25px;
    padding-bottom: 25px;
}

.site-footer .footer-lid .flexbox-wrapper {
    padding: 24px 24px 47px;
    background-color: #FEF8F0;
    flex-direction: column;
    position: relative;
}

.site-footer .footer-lid .flexbox-wrapper h2 {
    width: 260px;
}

.site-footer .footer-lid .flexbox-wrapper div p {
    margin: 8px 0 24px;
}

.site-footer .footer-lid .flexbox-wrapper div a.btn {
    padding-left: 48px;
}

.site-footer .footer-lid .flexbox-wrapper>span {
    width: 161px;
    height: 161px;
    position: absolute;
    right: -12px;
    bottom: -60px;
}

.site-footer .footer-form {
    background-color: #EFE9E1;
    padding: 80px 0 54px;
}

.site-footer .footer-form h2 strong {
    color: #608B1A;
}

.site-footer .footer-form .flexbox-wrapper>div:first-of-type p {
    margin-top: 16px;
}

.site-footer .footer-form .flexbox-wrapper>div:last-of-type {
    margin-top: 24px;
    flex-basis: 100%;
    position: relative;
}

.gform_heading {
    display: none;
}

.gform_body,
.gform_footer {
    width: 100%;
}

.gform_wrapper.gravity-theme .gfield_label {
    font-weight: 600;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 16px;
}

.gform_wrapper.gravity-theme .gfield_required {
    color: black;
    font-weight: 600;
}

.site-footer .footer-form .flexbox-wrapper>div:last-of-type .gform_wrapper.gravity-theme input[type=color],
.site-footer .footer-form .flexbox-wrapper>div:last-of-type .gform_wrapper.gravity-theme input[type=date],
.site-footer .footer-form .flexbox-wrapper>div:last-of-type .gform_wrapper.gravity-theme input[type=datetime-local],
.site-footer .footer-form .flexbox-wrapper>div:last-of-type .gform_wrapper.gravity-theme input[type=datetime],
.site-footer .footer-form .flexbox-wrapper>div:last-of-type .gform_wrapper.gravity-theme input[type=email],
.site-footer .footer-form .flexbox-wrapper>div:last-of-type .gform_wrapper.gravity-theme input[type=month],
.site-footer .footer-form .flexbox-wrapper>div:last-of-type .gform_wrapper.gravity-theme input[type=number],
.site-footer .footer-form .flexbox-wrapper>div:last-of-type .gform_wrapper.gravity-theme input[type=password],
.site-footer .footer-form .flexbox-wrapper>div:last-of-type .gform_wrapper.gravity-theme input[type=search],
.site-footer .footer-form .flexbox-wrapper>div:last-of-type .gform_wrapper.gravity-theme input[type=tel],
.site-footer .footer-form .flexbox-wrapper>div:last-of-type .gform_wrapper.gravity-theme input[type=text],
.site-footer .footer-form .flexbox-wrapper>div:last-of-type .gform_wrapper.gravity-theme input[type=time],
.site-footer .footer-form .flexbox-wrapper>div:last-of-type .gform_wrapper.gravity-theme input[type=url],
.site-footer .footer-form .flexbox-wrapper>div:last-of-type .gform_wrapper.gravity-theme input[type=week],
.site-footer .footer-form .flexbox-wrapper>div:last-of-type .gform_wrapper.gravity-theme select,
.site-footer .footer-form .flexbox-wrapper>div:last-of-type .gform_wrapper.gravity-theme textarea {
    height: 48px;
    background-color: #FEF8F0;
    color: black;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 16px;
    padding-left: 18px;
}

::placeholder {
    color: black;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 16px;
}

.site-footer .footer-form .flexbox-wrapper>div:last-of-type .gform_footer {
    position: absolute;
    margin: 0;
    padding: 0;
    bottom: 0;
    right: 0;
    width: fit-content;
}

.site-footer .footer-form .flexbox-wrapper>div:last-of-type .gform_footer button {
    margin: 0;
    width: 48px;
    height: 48px;
    border-radius: 0;
    color: transparent;
    background-image: url(https://www.ibev.nl/wp-content/themes/ibev/images/icon-arrow-right.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}


.site-footer .footer {
    background-color: #EFE9E1;
}

.site-footer .footer .flexbox-wrapper {
    border-top: 1px solid #BEB1A0;
    padding: 54px 0 40px;
    flex-direction: column;
}

.site-footer .footer .flexbox-wrapper div:not(:last-of-type) p:first-of-type {
    font-family: 'myriad';
    font-size: 22px;
    line-height: 22px;
    color: black;
    font-weight: 700;
    margin-bottom: 16px;
}

.site-footer .footer .flexbox-wrapper div a,
.site-footer .footer .flexbox-wrapper div p:not(:first-of-type) {
    line-height: 16px;
    color: black;
    margin-bottom: 12px;
    display: block;
}

.site-footer .footer .flexbox-wrapper div a:hover {
    text-decoration: underline;
}

.site-footer .footer .flexbox-wrapper div a[href^="mailto:"] {
    text-decoration: underline;
}

.site-footer .footer .flexbox-wrapper div:not(:last-of-type) {
    margin-bottom: 32px;
}

.site-footer .footer .flexbox-wrapper>*:nth-child(5) {
    display: none;
}

.site-footer .footer .flexbox-wrapper>div:last-of-type p:first-of-type {
    line-height: 16px;
    margin-bottom: 12px;
}

.site-footer .footer .flexbox-wrapper>div:last-of-type p a {
    display: inline-block;
    margin-bottom: 0;
}

/**
 * Home
 * ----------------------------------------------------------------------------
 */

.homepage .hoofdlaag {
    padding: 107px 0;
    position: relative;
}

.homepage .hoofdlaag::before {
    content: "";
    position: absolute;
    background: #00000080;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
}

.homepage .hoofdlaag>span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    z-index: 2;
}

.homepage .hoofdlaag .inner {
    z-index: 3;
}

.homepage .hoofdlaag .inner h1 {
    color: white;
    font-size: 63px;
    line-height: 57px;
}

.homepage .hoofdlaag .inner p {
    margin: 12px 0 32px;
    color: white;
    font-size: 22px;
    line-height: 30px;
}

.homepage .nieuwslaag {
    background-color: #FEF8F0;
    padding: 75px 0 80px;
}

.homepage .nieuwslaag .inner>p {
    margin: 16px 0 24px;
}

.homepage .nieuwslaag .inner a.btn.last {
    margin-top: 16px;
}

.homepage .nieuwslaag .nieuws-carousel{
    margin-top: 32px;
}

.homepage .nieuwslaag .flexbox-wrapper.desktop{
    display: none;
}

.homepage .prijzenlaag {
    background-color: #EFE9E1;
    padding: 80px 0;
}

.homepage .prijzenlaag .flexbox-wrapper {
    flex-direction: column;
}

.homepage .prijzenlaag .flexbox-wrapper .content p {
    margin: 16px 0 32px;
}

.homepage .prijzenlaag .flexbox-wrapper .content p a{
    font-weight: 700;
    color: #6A971F;
    text-decoration: underline;
}

.homepage .prijzenlaag .flexbox-wrapper .content p a:hover{
    text-decoration: none;
}

.homepage .prijzenlaag .flexbox-wrapper .content .btn, .homepage .doelstellinglaag .flexbox-wrapper .content .btn {
    display: inline-block;
    padding-left: 48px;
}

.homepage .prijzenlaag .flexbox-wrapper .content .btn:first-of-type::before, .homepage .doelstellinglaag .flexbox-wrapper .content .btn:first-of-type::before, .site-header .navbar-desktop .btn:first-of-type:before {
    content: "";
    background-image: url(https://www.ibev.nl/wp-content/themes/ibev/images/icon-nominaties.svg);
    width: 16px;
    height: 21px;
    margin-right: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 20px;
    top: 17px;
}



.homepage .prijzenlaag .flexbox-wrapper .content .btn:last-of-type::before, .homepage .doelstellinglaag .flexbox-wrapper .content .btn:last-of-type::before,.site-footer .footer-lid .flexbox-wrapper div a.btn::before, .site-header .navbar-desktop .btn:last-of-type:before, .sub .agendalaag .flexbox-wrapper .beschrijving .beschrijving-blok a.btn.orange::before, .sub.lid .gform_button.button::before, .single.nieuws .contentlaag .flexbox-wrapper .sidebar>div>a.btn.orange::before {
    content: "";
    background-image: url(https://www.ibev.nl/wp-content/themes/ibev/images/icon-lid.svg);
    width: 21px;
    height: 21px;
    margin-right: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 18px;
    top: 17px;
}


.homepage .prijzenlaag .flexbox-wrapper .content .btn.orange {
    margin-left: 8px;
}

.homepage .prijzenlaag .flexbox-wrapper>div:nth-of-type(2) {
    margin-top: 54px;
}

.homepage .prijzenlaag .flexbox-wrapper>div:nth-of-type(2)>span {
    width: 246px;
    height: 316px;
    position: relative;
    background-size: cover;
    margin-left: 89px;
    margin-bottom: 33px;
}

.homepage .prijzenlaag .flexbox-wrapper>div:nth-of-type(2)>span span {
    width: 164px;
    height: 164px;
    background-size: cover;
    border: 9px solid #EFE9E1;
    transform: rotate(-12deg);
    position: absolute;
    top: 32px;
    left: -98px;
}

.homepage .prijzenlaag .flexbox-wrapper>div:nth-of-type(2)>span p {
    padding: 14px 20px 14px 68px;
    background-color: white;
    position: absolute;
    width: 304px;
    font-weight: 600;
    left: -83px;
    bottom: -33px;
}

.homepage .prijzenlaag .flexbox-wrapper>div:nth-of-type(2)>span p::before, .homepage .doelstellinglaag .flexbox-wrapper .afbeeldingen span p::before{
    content: "";
    background-image: url(https://www.ibev.nl/wp-content/themes/ibev/images/icon-nominaties-green.svg);
    width: 36px;
    height: 48px;
    margin-right: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 20px;
    top: 13px;
}

.homepage .prijzenlaag .inner>div:last-of-type {
    margin-top: 60px;
    display: none;
}

.homepage .prijzenlaag .inner>div:last-of-type>p, .sub .ledenlaag .inner>p{
    font-size: 22px;
    line-height: 32px;
    font-weight: 800;
    margin-bottom: 20px;
}

.sub .ledenlaag{
    padding-top: 80px;
}

.sub .agendalaag .flexbox-wrapper{
    flex-direction: column;
}

.homepage .prijzenlaag .inner>div:last-of-type .owl-stage-outer, .sub .ledenlaag .inner .owl-stage-outer {
    overflow: visible;
}

.homepage .prijzenlaag .inner>div:last-of-type .owl-item div, .sub .ledenlaag .inner .owl-item div {
    position: relative;
    width: 175px;
    height: 100px;
    background-color: white;
}

.homepage .prijzenlaag .inner>div:last-of-type .owl-item div span, .sub .ledenlaag .inner .owl-item div span {
    position: absolute;
    top: 15px; /* 20px/2 */
    left: 15px; /* 20px/2 */
    right: 15px; /* 20px/2 */
    bottom: 15px; /* 20px/2 */
}

.homepage .aandachtsgebieden {
    background-color: #B8B0A6;
    padding: 80px 0;
    position: relative;
}

.homepage .aandachtsgebieden::before, .sub .blokkenlaag::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(https://www.ibev.nl/wp-content/themes/ibev/images/home-aandachtsgebieden-bg.svg);
}

.homepage .aandachtsgebieden .flexbox-wrapper {
    margin-bottom: 24px;
}

.homepage .aandachtsgebieden .flexbox-wrapper .btn {
    display: none;
}

.homepage .aandachtsgebieden .flexbox-wrapper h2 {
    color: #FEF8F0;
    hyphens: auto;
    max-width: 260px;
}

.homepage .aandachtsgebieden .aandachtsgebieden-carousel .owl-stage-outer {
    overflow: visible;
}

.homepage .aandachtsgebieden .aandachtsgebieden-carousel .owl-item>div {
    padding: 25px 32px;
    background-color: #FEF8F0;
    width: 352px;
    height: 352px;
}

.homepage .aandachtsgebieden .aandachtsgebieden-carousel .owl-item>div span {
    width: 162px;
    height: 90px;
    margin-bottom: 20px;
}

.homepage .aandachtsgebieden .aandachtsgebieden-carousel .owl-item>div p {
    font-size: 23px;
    line-height: 32px;
    font-weight: 800;
    margin-bottom: 16px;
}

.homepage .aandachtsgebieden .aandachtsgebieden-carousel .owl-item>div ul {
    list-style-position: outside;
    list-style-type: square;
    margin-left: 18px;
}

.homepage .aandachtsgebieden .aandachtsgebieden-carousel .owl-item>div ul li {
    margin-bottom: 12px;
}

.homepage .aandachtsgebieden .aandachtsgebieden-carousel .owl-item>div ul li::marker {
    color: #6A971F;
}

.homepage .aandachtsgebieden .aandachtsgebieden-carousel .owl-dots {
    display: flex;
}

.homepage .aandachtsgebieden .inner .btn.mobile {
    margin-top: 32px;
}

.homepage .doelstellinglaag, .sub .beleidslaag {
    background-color: #FEF8F0;
    padding: 80px 0;
}

.sub .beleidslaag{
    padding-top: 0;
}

.homepage .doelstellinglaag .flexbox-wrapper .content p, .sub .beleidslaag .flexbox-wrapper .content p {
    margin: 16px 0 32px;
}

.homepage .doelstellinglaag .flexbox-wrapper .content .btn, .sub .beleidslaag .flexbox-wrapper .content .btn {
    display: inline-block;
}

.sub .beleidslaag .flexbox-wrapper .content .btn {
    padding-left: 48px;
}

.sub .beleidslaag .flexbox-wrapper .content .btn::before {
    content: "";
    background-image: url(https://www.ibev.nl/wp-content/themes/ibev/images/icon-download.svg);
    width: 18px;
    height: 21px;
    margin-right: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 20px;
    top: 17px;
}


.homepage .doelstellinglaag .flexbox-wrapper .content .btn.orange, .sub .beleidslaag .flexbox-wrapper .content .btn.orange {
    margin-left: 8px;
}

.homepage .doelstellinglaag .flexbox-wrapper .afbeeldingen, .sub .beleidslaag .flexbox-wrapper .afbeeldingen {
    margin-top: 60px;
}

.homepage .doelstellinglaag .flexbox-wrapper .afbeeldingen>span, .sub .beleidslaag .flexbox-wrapper .afbeeldingen>span {
    width: 311px;
    height: 290px;
    background-size: cover;
    transform: rotate(4deg);
    margin-left: 25px;
    position: relative;
    margin-bottom: 100px;
}

.homepage .doelstellinglaag .flexbox-wrapper .afbeeldingen span span, .sub .beleidslaag .afbeeldingen span span {
    border: 9px solid #FEF8F0;
    width: 247px;
    height: 165px;
    transform: rotate(-4deg);
    position: absolute;
    bottom: -72px;
    left: -28px;
    background-size: cover;
}

.homepage .doelstellinglaag .flexbox-wrapper .afbeeldingen span p {
    padding: 14px 20px 14px 68px;
    background-color: #EFE9E1;
    position: absolute;
    width: 304px;
    font-weight: 600;
    bottom: -111px;
    transform: rotate(-4deg);
}

/**
 * Subs
 * ----------------------------------------------------------------------------
 */

.sub {
    background-color: #FEF8F0;
}

.sub .hoofdlaag {
    padding: 75px 0
}

.sub .hoofdlaag p {
    margin-top: 16px;
}

.sub .informatielaag {
    padding-bottom: 80px;
}

.sub .informatielaag .flexbox-wrapper div{
    width: fit-content;
}

.sub .informatielaag h2{
    font-size: 36px;
    line-height: 35px;
}

.sub .informatielaag .flexbox-wrapper div h2 {
    margin-bottom: 16px;
    hyphens: auto;
    width: auto;
}

.sub .informatielaag .flexbox-wrapper div p {
    margin-bottom: 24px;
}

.sub .informatielaag .flexbox-wrapper div>*:last-child {
    margin-bottom: 0;
}

.sub .informatielaag .flexbox-wrapper>span {
    width: 100%;
    max-width: 350px;
    height: 350px;
    background-size: cover;
    margin-top: 54px;
}

.sub .agendalaag .flexbox-wrapper .agenda .knoppen {
    width: 100%;
    background-color: #6A971F;
    border-radius: 32px;
    padding: 8px;
    margin-bottom: 20px;
}

.sub .agendalaag .flexbox-wrapper .agenda .knoppen a {
    width: 100%;
    margin-bottom: 8px;
    text-align: center;
    background-color: #6A971F;
    border-color: #6A971F;
}

.sub .agendalaag .flexbox-wrapper .agenda .knoppen a:hover {
    color: #1D1D1B;
    background-color: white;
    border-color: white;
}

.sub .agendalaag .flexbox-wrapper .agenda .knoppen a.active {
    color: #1D1D1B;
    background-color: white;
    border-color: white;
}

.sub .agendalaag .flexbox-wrapper .agenda .knoppen a:last-of-type {
    margin-bottom: 0;
}

.sub .agendalaag .flexbox-wrapper .agenda .agendablok {
    background-color: #EFE9E1;
    padding: 20px;
}

.sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt {
    padding: 20px;
    opacity: 0;
    animation: fadeIn 0.5s ease-in-out forwards;
}

.sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt>p {
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 20px;
}

.sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt .flexbox-wrapper {
    flex-direction: column;
}

.sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt .flexbox-wrapper>div:first-of-type {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 20px;
}

.sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt .flexbox-wrapper>div:last-of-type {
    padding-left: 20px;
    border-left: 4px solid #6A971F;
}

.sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt .flexbox-wrapper>div:first-of-type p:first-of-type {
    margin-right: 24px;
    flex-basis: 100%;
}

.sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt .flexbox-wrapper>div:first-of-type p:nth-of-type(2) {
    flex-basis: 100%;
}

.sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt .flexbox-wrapper>div:first-of-type p:nth-of-type(3) {
    position: absolute;
    left: 144px;
}

.sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt .flexbox-wrapper>div:first-of-type p:nth-of-type(4) {
    position: absolute;
    left: 144px;
    top: 24px;
}

.sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt .flexbox-wrapper>div:first-of-type p {
    font-size: 18px;
    line-height: 24px;
}

.sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt .flexbox-wrapper>div:last-of-type p:first-of-type {
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 16px;
}

.sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt:nth-of-type(2n) {
    background-color: #FEF8F0;
}

.sub .agendalaag .flexbox-wrapper .agenda .agendablok {
    display: none;
}

.sub .agendalaag .flexbox-wrapper .agenda .agendablok:nth-of-type(2) {
    display: block;
}

.sub .agendalaag .flexbox-wrapper .beschrijving {
    margin-top: 54px;
}

.sub .agendalaag .flexbox-wrapper .beschrijving .beschrijving-blok {
    opacity: 0;
    animation: fadeIn 0.5s ease-in-out forwards;
}

.sub .agendalaag .flexbox-wrapper .beschrijving .beschrijving-blok:not(:first-of-type) {
    display: none;
}

.sub .agendalaag .flexbox-wrapper .beschrijving .beschrijving-blok h2 {
    hyphens: auto;
    margin-bottom: 16px;
    font-size: 45px;
    line-height: 45px;
}

.sub .agendalaag .flexbox-wrapper .beschrijving .beschrijving-blok p:not(:last-of-type) {
    margin-bottom: 24px;
}

.sub .agendalaag .flexbox-wrapper .beschrijving .beschrijving-blok p:last-of-type {
    margin-top: 24px;
}

.sub .agendalaag .flexbox-wrapper .beschrijving .beschrijving-blok p:last-of-type a{
    color: #6A971F;
    text-decoration: underline;
    font-weight: 600;
}

.sub .agendalaag .flexbox-wrapper .beschrijving .beschrijving-blok p:last-of-type::before{
    content: "";
    background-image: url(https://www.ibev.nl/wp-content/themes/ibev/images/icon-question-green.svg);
    width: 22px;
    height: 22px;
    margin-right: 8px;
    background-position: center;
    background-size: contain;
    display: inline-block;
    position: relative;
    top: 6px;
}

.sub .agendalaag .flexbox-wrapper .beschrijving .beschrijving-blok p:last-of-type a:hover{
    text-decoration: none;
}

.sub .agendalaag .flexbox-wrapper .beschrijving .beschrijving-blok a.btn.orange {
    padding-left: 48px;
}

.sub .voordelenlaag {
    padding: 80px 0;
}

.sub .voordelenlaag .flexbox-wrapper .content h2 {
    margin-bottom: 16px;
}

.sub .voordelenlaag .flexbox-wrapper .content p {
    margin-bottom: 24px;
    font-weight: 600;
}

.sub .voordelenlaag .flexbox-wrapper .content ul {
    list-style-type: square;
    list-style-position: outside;
    margin-left: 17px;
}

.sub .voordelenlaag .flexbox-wrapper .content ul li a{
    font-weight: 600;
    text-decoration: underline;
    color: black;
}

.sub .voordelenlaag .flexbox-wrapper .content ul li a:hover{
    text-decoration: none;
}

.sub .voordelenlaag .flexbox-wrapper .content ul li::marker {
    color: #6A971F;
}

.sub .voordelenlaag .flexbox-wrapper .content ul li:not(:last-of-type) {
    margin-bottom: 12px;
}

.sub .voordelenlaag .flexbox-wrapper .afbeeldingen {
    margin-top: 60px;
}


.sub .voordelenlaag .flexbox-wrapper .afbeeldingen>span {
    width: 311px;
    height: 290px;
    background-size: cover;
    transform: rotate(4deg);
    margin-left: 25px;
    position: relative;
    margin-bottom: 100px;
}


.sub .voordelenlaag .flexbox-wrapper .afbeeldingen>span span {
    border: 9px solid #FEF8F0;
    width: 247px;
    height: 165px;
    transform: rotate(-4deg);
    position: absolute;
    bottom: -72px;
    left: -28px;
    background-size: cover;
}


.sub .voordelenlaag .flexbox-wrapper .afbeeldingen>span p {
    padding: 14px 20px;
    background-color: #EFE9E1;
    position: absolute;
    font-weight: 600;
    bottom: -111px;
    transform: rotate(-4deg);
}

.sub.lid .formulierlaag {
    padding-top: 125px;
}

.sub.lid .formulierlaag #breadcrumbs, .sub.contact .formulierlaag #breadcrumbs{
    position: absolute;
    top: -61px;
}

.sub.lid .formulierlaag .inner {
    background-color: #EFE9E1;
    padding-top: 54px;
    padding-bottom: 54px;
}

.sub.lid .formulierlaag .inner>span{
    width: 161px;
    height: 161px;
    position: absolute;
    right: 20px;
    bottom: -60px;
}

.sub.lid .formulierlaag .inner .flexbox-wrapper {
    flex-direction: column;
}

.sub.lid .formulierlaag .inner .flexbox-wrapper .content {
    margin-bottom: 54px;
}

.sub.lid .formulierlaag .inner .flexbox-wrapper .content p {
    margin-top: 16px;
}

.sub.lid .gform_wrapper.gravity-theme .gfield_required {
    color: #6A971F;
}

.gform_wrapper.gravity-theme input[type=color],
.gform_wrapper.gravity-theme input[type=date],
.gform_wrapper.gravity-theme input[type=datetime-local],
.gform_wrapper.gravity-theme input[type=datetime],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=month],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=search],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=time],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=week],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
    height: 48px;
    background-color: #FFFDFB;
    color: black;
    border: 1px solid transparent!important;
    font-family: "Open Sans", sans-serif!important;
    font-size: 16px!important;
    line-height: 16px!important;
    padding-left: 18px!important;
}

.gform_wrapper.gravity-theme select{
    appearance: none;
}

.gform_wrapper.gravity-theme .gfield--type-select .ginput_container_select::after{
    content: "";
    background-image: url(https://www.ibev.nl/wp-content/themes/ibev/images/chevron-down-b.svg)!important;
    width: 14px;
    height: 9px;
    position: absolute;
    top: 20px;
    right: 19px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.gform_wrapper.gravity-theme .gfield--type-select .ginput_container_select{
    position: relative;
}

.gform_wrapper.gravity-theme input[type=color]:focus,
.gform_wrapper.gravity-theme input[type=date]:focus,
.gform_wrapper.gravity-theme input[type=datetime-local]:focus,
.gform_wrapper.gravity-theme input[type=datetime]:focus,
.gform_wrapper.gravity-theme input[type=email]:focus,
.gform_wrapper.gravity-theme input[type=month]:focus,
.gform_wrapper.gravity-theme input[type=number]:focus,
.gform_wrapper.gravity-theme input[type=password]:focus,
.gform_wrapper.gravity-theme input[type=search]:focus,
.gform_wrapper.gravity-theme input[type=tel]:focus,
.gform_wrapper.gravity-theme input[type=text]:focus,
.gform_wrapper.gravity-theme input[type=time]:focus,
.gform_wrapper.gravity-theme input[type=url]:focus,
.gform_wrapper.gravity-theme input[type=week]:focus,
.gform_wrapper.gravity-theme select:focus,
.gform_wrapper.gravity-theme textarea:focus {
    border: 1px solid #608B1A!important;
}

.gform_wrapper.gravity-theme .gfield_description{
    display: none;
}

.gform_wrapper.gravity-theme .gform_footer{
    margin-bottom: 0!important;
    padding-bottom: 0!important;
}

.gform_wrapper.gravity-theme .gform_validation_errors>h2{
    font-size: 20px!important;
    line-height: 24px!important;
    font-weight: 700!important;
}

.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: 1px solid #c02b0a!important;
}

.gform_wrapper.gravity-theme .gform_footer button{
    margin: 0!important;
}

.sub.lid .sliderlaag .owl-stage-outer{
    overflow: visible;
}

.sub.lid .sliderlaag{
    padding: 75px 0;
}

.sub.lid .gform_button.button{
    background-color: #F28C00;
    border-color: #F28C00;
    padding-left: 48px;
}

.sub.lid .gform_button.button:hover{
    background-color: #d57c02;
    border-color: #d57c02;
}

.page-template-sub-lid-worden .site-footer .footer-lid, .page-template-sub-contact .site-footer .footer-lid{
    display: none;
}

.sub.lid .sliderlaag .owl-stage-outer .owl-item img{
    height: 200px;
    width: auto;
}

.sub.nominaties .nominatieslaag h2{
    hyphens: auto;
}

.sub.nominaties .nominatieslaag h2 strong{
    color: #6A971F;
}

.sub.nominaties .nominatieslaag .inner>p{
    margin: 8px 0 40px;
}

.sub.nominaties .nominatieslaag .flexbox-wrapper{
    flex-direction: column;
    padding-bottom: 80px;
}

.sub.nominaties .nominatieslaag .flexbox-wrapper div>span{
    margin-bottom: 28px;
    width: 100%;
    height: 280px;
    object-fit: cover;
    max-width: 416px;
    display: block;
}

.sub.nominaties .nominatieslaag .flexbox-wrapper div:not(:last-child){
    margin-bottom: 32px;
}

.sub.nominaties .nominatieslaag .flexbox-wrapper div span>p{
    height: 100%;
}

.sub.nominaties .nominatieslaag .flexbox-wrapper div p{
    font-weight: 800;
    font-size: 28px;
    line-height: 28px;
}

.sub.nieuws{
    background-color: #EFE9E1;
}

.sub.nieuws .hoofdlaag p{
    margin-bottom: 24px;
    max-width: 530px;
}

.sub.nieuws .hoofdlaag .uitgelicht{
    margin-top: 40px;
}

.sub.nieuws .nieuwslaag{
    padding: 80px 0;
    background-color: #FEF8F0;
} 

.nieuwslaag .single-nieuws, .sub.nieuws .hoofdlaag .uitgelicht .single-nieuws{
    position: relative;
    margin-bottom: 44px;
    width: 100%;
    max-width: 427px;
    overflow: hidden;
}

.nieuwslaag .single-nieuws>a:hover + div + span, .sub.nieuws .hoofdlaag .uitgelicht .single-nieuws>a:hover + span{
    transform: scale(1.1);
}

.nieuwslaag .single-nieuws>a, .sub.nieuws .hoofdlaag .uitgelicht .single-nieuws>a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}

.nieuwslaag .single-nieuws>div a:hover, .sub.nieuws .hoofdlaag .uitgelicht .single-nieuws>div a:hover{
    text-decoration: none;
}

.nieuwslaag .nieuws-carousel .owl-stage-outer{
    overflow: visible;
}

.nieuwslaag .nieuws-carousel .owl-dots{
    display: flex;
}

.nieuwslaag .nieuws-carousel .single-nieuws{
    width: 320px;
    margin-bottom: 0;
}

.nieuwslaag .single-nieuws>div{
    padding: 32px;
    background-color: #EFE9E1;
    position: relative;
    z-index: 3;
}

.sub.nieuws .hoofdlaag .uitgelicht .single-nieuws>div{
    padding: 32px;
    background-color: #fef8f0;
    position: relative;
    z-index: 3;
}


.nieuwslaag .single-nieuws>div .date, .sub.nieuws .hoofdlaag .uitgelicht .single-nieuws>div .date{
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: #6A971F;
    font-family: 'myriad';
    text-transform: uppercase;
    margin-bottom: 8px;
}

.nieuwslaag .single-nieuws>div .title, .sub.nieuws .hoofdlaag .uitgelicht .single-nieuws>div .title{
    font-size: 24px;
    line-height: 32px;
    font-weight: 800;
    hyphens: auto;
    margin-bottom: 10px;
}

.nieuwslaag .single-nieuws>div>p:last-of-type, .sub.nieuws .hoofdlaag .uitgelicht .single-nieuws>div>p:last-of-type{
    height: 72px;
    overflow: hidden;
}

.nieuwslaag .single-nieuws>div>a, .sub.nieuws .hoofdlaag .uitgelicht .single-nieuws>div>a{
    color: black;
    text-decoration: underline;
    line-height: 16px;
    font-weight: 600;
    margin-top: 24px;
    display: block;
    position: relative;
    z-index: 5;
}

.nieuwslaag .single-nieuws>span, .sub.nieuws .hoofdlaag .uitgelicht .single-nieuws>span{
    width: 100%;
    height: 270px;
    background-size: cover;
    transition: 0.5s;
    position: relative;
    z-index: 2;
}

.sub.nieuws .hoofdlaag .uitgelicht .single-nieuws p{
    margin-top: 0;
}

.single.nieuws .contentlaag{
    background-color: #FEF8F0;
    padding: 75px 0 100px;
}

.single.nieuws .contentlaag .flexbox-wrapper{
    flex-direction: column;
    max-width: 728px;
}

.single.nieuws .contentlaag .flexbox-wrapper .content{
    max-width: 100%;
}

.single.nieuws .contentlaag .flexbox-wrapper .content img{
    margin-bottom: 54px;
}

.single.nieuws .contentlaag .flexbox-wrapper .content .date{
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    color: #6A971F;
    font-family: 'myriad';
    text-transform: uppercase;
    margin-bottom: 8px;
}

.single.nieuws .contentlaag .flexbox-wrapper .content h1{
    font-size: 34px;
    line-height: 34px;
    font-weight: 800;
    font-family: 'Open Sans';
    margin-bottom: 32px;
    hyphens: auto;
    text-transform: none;
}

.single.nieuws .contentlaag .flexbox-wrapper .content div>*:not(:last-child){
    margin-bottom: 24px;
}

.single.nieuws .contentlaag .flexbox-wrapper .sidebar{
    margin-top: 54px;
    padding: 25px;
    background-color: #F28C00;
    max-width: 403px;
}

.single.nieuws .contentlaag .flexbox-wrapper .sidebar>div{
    background-color: #FEF8F0;
    padding: 25px 25px 47px;
    position: relative;
}

.single.nieuws .contentlaag .flexbox-wrapper .sidebar>div>span{
    width: 161px;
    height: 161px;
    position: absolute;
    right: -12px;
    bottom: -60px;
}

.single.nieuws .contentlaag .flexbox-wrapper .sidebar>div>p{
    margin: 8px 0 24px;
}

.single.nieuws .contentlaag .flexbox-wrapper .sidebar>div>a.btn.orange{
    padding-left: 48px;
}

.nieuws-template-default .site-footer .footer-lid{
    display: none;
}

.single.nieuws .nieuwslaag{
    background-color: #FEF8F0;
    padding-bottom: 80px;
}

.single.nieuws .nieuwslaag .flexbox-wrapper:first-of-type{
    margin-bottom: 32px;
    flex-direction: column;
}

.single.nieuws .nieuwslaag .flexbox-wrapper:first-of-type h2{
    margin-bottom: 16px;
}

.sub .blokkenlaag{
    padding: 75px 0;
    background-color: #B8B0A6;
    position: relative;
}

.sub .blokkenlaag .overons-carousel .owl-dots{
    display: flex;
}

.sub .blokkenlaag .overons-carousel .owl-dots .owl-dot{
    background-color: #FFFFFF33 !important;
}

.sub .blokkenlaag .overons-carousel .owl-dots .owl-dot.active{
    background-color: white!important;
}

.sub .blokkenlaag .single-blok{
    width: 335px;
    padding: 20px;
    background-color: #FEF8F0;
    height: 448px;
}

.sub .blokkenlaag .single-blok h3{
    font-size: 36px;
    line-height: 36px;
    text-transform: unset;
    font-weight: 800;
    font-family: 'Open Sans';
    margin-bottom: 20px;
}

.sub .blokkenlaag .single-blok>p:not(:last-child){
    margin-bottom: 8px;
}

.sub .blokkenlaag .overons-carousel .owl-stage-outer{
    overflow: visible;
}

.sub .blokkenlaag .single-blok ul{
    list-style-type: square;
    list-style-position: outside;
    margin-left: 20px;
    margin-bottom: 16px;
}

.sub .blokkenlaag .single-blok ul li{
    margin-bottom: 8px;
}

.sub .blokkenlaag .single-blok ul li::marker{
    color: #6A971F;
}

.sub .bestuurlaag{
    padding: 80px 0;
    background-color: #FEF8F0;
}

.sub .bestuurlaag h2{
    margin-bottom: 40px;
}

.sub .bestuurlaag .single-bestuur span{
    width: 340px;
    height: 340px;
    background-size: cover;
}

.sub .bestuurlaag .single-bestuur div{
    background-color: #EFE9E1;
    padding: 20px;
}

.sub .bestuurlaag .single-bestuur div p:nth-of-type(1){
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: #6A971F;
    font-family: 'myriad';
    text-transform: uppercase;
}

.sub .bestuurlaag .single-bestuur div p:nth-of-type(2){
    font-weight: 800;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.sub .bestuurlaag .single-bestuur div a{
    color: black;
    text-decoration: underline;
}

.sub .bestuurlaag .owl-stage-outer{
    overflow: visible;
}

.sub .bestuurlaag .single-bestuur div a:hover{
    text-decoration: none;
}

/**
 * Owl Carousel - Nav
 * ----------------------------------------------------------------------------
 */
.owl-nav {
    display: block;
}

.owl-nav .owl-prev {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    position: absolute;
    /* background: #ffffff url(http://80.69.89.32/~metselcomp/wp-content/themes/2024-05-theme/images/owl-carousel-nav.svg) no-repeat !important; */
    background-position: center center !important;
    transform: rotateY(180deg);
    top: calc(50% - 24px);
    left: -10px;
    transition: 0.2s;
}

.owl-nav .disabled {
    opacity: 0;
}

.owl-nav .owl-next {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    position: absolute;
    /* background: #ffffff url(http://80.69.89.32/~metselcomp/wp-content/themes/2024-05-theme/images/owl-carousel-nav.svg) no-repeat !important; */
    background-position: center center !important;
    top: calc(50% - 24px);
    right: -10px;
    transition: 0.2s;
}

.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
    opacity: 0.7;
}

/**
 * Owl Carousel - Dots
 * ----------------------------------------------------------------------------
 */
.owl-dots {
    display: flex;
    flex-wrap: wrap;
    margin-top: 32px;
}

.owl-dots .owl-dot {
    height: 3px !important;
    background-color: #EFE9E1 !important;
    flex-grow: 1;
}

.owl-dots .owl-dot.active {
    height: 3px !important;
    background-color: #1D1D1B !important;
}

.aandachtsgebieden .owl-dots .owl-dot {
    height: 3px !important;
    background-color: #FFFFFF33 !important;
    flex-grow: 1;
}

.aandachtsgebieden .owl-dots .owl-dot.active {
    height: 3px !important;
    background-color: #FFFFFF !important;
}


/**
 * Blogs - filters
 * ----------------------------------------------------------------------------
 */


.searchandfilter>ul>li {
    padding: 0;
    margin-bottom: 22px;
}

.searchandfilter ul li ul::-webkit-scrollbar {
    display: none;
}

.sub.projecten .filters>form {
    justify-content: center;
}

.searchandfilter ul li ul li {
    height: fit-content;
    position: relative;
    cursor: pointer;
    flex-basis: fit-content;
    transition: 0.2s;
    margin-right: 8px;
    padding: 0;
    display: inline-block;
    width: fit-content;
    margin-bottom: 8px;
}

.searchandfilter ul li ul li:hover label {
    color: white;
    background-color: black;
    border-color: black;
}

.searchandfilter ul li ul li input {
    appearance: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.searchandfilter ul li ul li label {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    text-align: left;
    color: #252422;
    text-decoration: none;
    padding: 8px 12px !important;
    background-color: transparent;
    border: 1px solid #E31029;
    border-radius: 40px;
    transition: 0.2s;
}

.searchandfilter ul li ul li.sf-option-active label {
    color: white;
    background-color: black;
    border-color: black;
}


/**
 * Blogs - pagination
 * ----------------------------------------------------------------------------
 */
.pagination {
    position: relative;
    width: 100%;
    flex-basis: 100%;
    margin-top: 30px;
}

.pagination .wp-pagenavi {
    width: 200px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 80px;
}

.pagination .wp-pagenavi::before {
    content: "";
    background-color: #BEB1A0;
    width: 35%;
    height: 1px;
    display: block;
    left: 0;
    position: absolute;
    top: 14px;
}

.pagination .wp-pagenavi::after {
    content: "";
    background-color: #BEB1A0;
    width: 35%;
    height: 1px;
    display: block;
    right: 0;
    position: absolute;
    top: 14px;
}

.pagination .pages,
.pagination .previouspostslink,
.pagination .first,
.pagination .last {
    display: none !important;
}

.pagination .current,
.pagination .extend {
    border: none;
    padding: 0;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    width: fit-content;
    margin: 0 !important;
    color: #000000;
    display: inline-block !important;
    padding: 0;
    margin: 0 2px !important;
}

.pagination .page {
    width: fit-content;
    border: none;
    margin: 0 !important;
    color: #000000;
    display: inline-block !important;
    border-bottom: 1px solid #000000;
    padding: 0;
    margin: 0 2px !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 16px !important;
}

.pagination .nextpostslink {
    color: #000000;
    font-weight: 400;
    text-decoration-line: underline;
    border: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto !important;
    width: fit-content;
    display: block;
    max-width: 400px;
    font-size: 16px !important;
    line-height: 16px !important;
}

/**
 * Contact
 * ----------------------------------------------------------------------------
 */

 .gform_wrapper.gravity-theme .gfield textarea{
    height: 96px!important;
 }

.sub.contact .formulierlaag{
    padding: 125px 0 0;
}

.sub.contact .formulierlaag .inner{
    padding-top: 54px;
    background-color: #EFE9E1;
}

.sub.contact .formulierlaag .flexbox-wrapper{
    flex-direction: column;
}

.sub.contact .formulierlaag .flexbox-wrapper .content{
    margin-bottom: 54px;
}

.sub.contact .formulierlaag .flexbox-wrapper .content p{
    margin-top: 16px;
}

.sub.contact .gform_wrapper.gravity-theme .gfield_required{
    color: #6A971F;
}

.sub.contact .formulierlaag .flexbox-wrapper .formulier>span{
    width: 246px;
    height: 316px;
    position: relative;
    background-size: cover;
    margin-left: 89px;
    margin-top: 54px;
}

.sub.contact .formulierlaag .flexbox-wrapper .formulier>span span{
    width: 164px;
    height: 164px;
    background-size: cover;
    border: 9px solid #EFE9E1;
    transform: rotate(-12deg);
    position: absolute;
    top: 32px;
    left: -98px;
}
span.bg-img.placeholder:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(https://www.ibev.nl/wp-content/uploads/2024/07/Logo-IBEV.svg) no-repeat;
    background-position: center center;
    opacity: .25;
}
span.bg-img.placeholder {
    background: white;
}
form#gform_4 > div, section.informatielaag form {
    width: 100%;
}
form#gform_4, section.informatielaag form {
    display: block;
    background: #f3e2ca;
    padding: 40px;
    width: 100%;
    min-width: 300px;
}

.single.nieuws ul.afbeeldingen li a {
    display: block;
    width: 100%;
    height: 100%;
}
.single.nieuws ul.afbeeldingen li {
    flex-basis: calc(50% - 12px);
    width: calc(50% - 12px);
    display: block;
    height: 140px;
    background-size: cover !important;
    transition: .1s ease-in-out;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.single.nieuws ul.afbeeldingen li:hover {
    opacity: .75;
}
.single.nieuws ul.afbeeldingen li:nth-of-type(1) {
    flex-basis: 100%;
    width: 100%;
    display: block;
    height: 240px;
}
.single.nieuws ul.afbeeldingen {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 40px;
}
.single.nieuws p a {
    text-decoration: underline;
    color: #608b1a;
}
.single.nieuws p a:hover {
    text-decoration: none;
}
/**
 * Media Queries
 * ----------------------------------------------------------------------------
 */
@media (min-width:425px) {}

@media (min-width:700px) {}

@media (min-width:768px) {

    form#gform_4, section.informatielaag form {
        width: 500px;;
    }
    div#gform_fields_4, div#gform_fields_4 > div, div#gform_fields_4 > div > div, section.informatielaag form div, section.informatielaag form .gform-body {
        width: 100% !important;
    }
    form#gform_4 p, section.informatielaag form p {
        margin: 0 !important;
    }
    form#gform_4 br, section.informatielaag form br {
        display: none;
    }
    .single.nieuws ul.afbeeldingen li:nth-of-type(1) {
        height: 400px;
    }
    .single.nieuws ul.afbeeldingen li {
    height: 200px;
    flex-basis: calc(33.33% - 16px);
    width: calc(33.33% - 16px);
}


    .homepage .hoofdlaag .inner h1 {
        text-align: center;
        width: 728px;
        margin-left: auto;
        margin-right: auto;
    }

    .homepage .hoofdlaag .inner p {
        text-align: center;
        width: 728px;
        margin-left: auto;
        margin-right: auto;
    }

    .homepage .hoofdlaag .inner .btn {
        margin-left: auto;
        margin-right: auto;
    }

    .homepage .nieuwslaag .inner>p {
        width: 680px;
    }

    .homepage .prijzenlaag .flexbox-wrapper {
        flex-direction: row;
        justify-content: space-between;
    }

    .homepage .prijzenlaag .flexbox-wrapper>.content {
        flex-basis: 47%;
    }

    .homepage .prijzenlaag .flexbox-wrapper>div:last-of-type {
        margin-top: 0;
    }

    .homepage .prijzenlaag .inner>div:last-of-type>p, .sub .ledenlaag .inner>p {
        text-align: center;
    }

    .homepage .aandachtsgebieden .flexbox-wrapper h2 {
        max-width: unset;
        hyphens: unset;
    }

    .homepage .doelstellinglaag .flexbox-wrapper, .sub .beleidslaag .flexbox-wrapper {
        justify-content: space-between;
    }

    .homepage .doelstellinglaag .flexbox-wrapper>.content, .sub .beleidslaag .flexbox-wrapper>.content {
        flex-basis: 47%;
    }

    .sub .informatielaag .flexbox-wrapper>span {
        width: 500px;
        height: 500px;
    }

    .sub .agendalaag .flexbox-wrapper .agenda .knoppen a {
        display: inline-block;
        width: fit-content;
        margin-bottom: 0;
        padding: 19px 38px;
    }

    .sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt .flexbox-wrapper {
        flex-direction: row;
    }

    .sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt .flexbox-wrapper>div:first-of-type {
        margin-right: 32px;
        padding-right: 32px;
        border-right: 4px solid #6A971F;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
        flex-direction: column;
    }

    .sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt .flexbox-wrapper>div:last-of-type {
        flex-basis: 50%;
        flex-grow: 1;
        border-left: unset;
        padding-left: 0;
        margin-left: 0;
    }

    .sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt .flexbox-wrapper>div:first-of-type p:first-of-type {
        margin-right: 0;
    }

    .sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt .flexbox-wrapper>div:first-of-type p:first-of-type, .sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt .flexbox-wrapper>div:first-of-type p:nth-of-type(2){
        flex-basis: unset;
    }

    .sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt .flexbox-wrapper>div:first-of-type p:nth-of-type(3), .sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt .flexbox-wrapper>div:first-of-type p:nth-of-type(4){
        position: unset;
    }

    .sub .agendalaag .flexbox-wrapper .agenda .agendablok .agendapunt .flexbox-wrapper>div:first-of-type p:has(strong):not(:first-of-type) {
        margin-top: 12px;
    }

    .sub .agendalaag .flexbox-wrapper .agenda .agendablok {
        width: 616px;
    }

    .sub .agendalaag .flexbox-wrapper .beschrijving {
        width: 616px;
    }

    .sub .voordelenlaag .flexbox-wrapper {
        justify-content: space-between;
    }

    .sub .voordelenlaag .flexbox-wrapper .content {
        flex-basis: 47%;
    }

    .sub.lid .formulierlaag .inner .flexbox-wrapper .content p{
        max-width: 483px;
    }

    .sub.lid .gform_wrapper.gravity-theme .gform_body .gform_fields>div:nth-child(-n + 5){
        grid-column: span 6;
    }

    .sub.lid .sliderlaag .owl-stage-outer .owl-item img{
        height: 300px;
    }

    .sub.contact .gform_wrapper.gravity-theme .gform_fields>div:nth-child(-n + 6){
        grid-column: span 6;
    }
    
    .sub .agendalaag .flexbox-wrapper{
        flex-direction: row;
    }

    .sub.contact .formulierlaag .flexbox-wrapper .formulier>span{
        width: 488px;
        height: 404px;
        margin-top: 125px;
    }
    
    .sub.contact .formulierlaag .flexbox-wrapper .formulier>span span{
        width: 216px;
        height: 216px;
        top: -58px;
        left: -88px;
    }

    .sub.nominaties .nominatieslaag .flexbox-wrapper{
        justify-content: space-between;
        flex-direction: row;
    }
    
    .sub.nominaties .nominatieslaag .flexbox-wrapper>div{
        flex-basis: 31%;
    }

    .nieuwslaag .flexbox-wrapper, .sub.nieuws .hoofdlaag .uitgelicht{
        justify-content: space-between;
    }

    .sub.nieuws .hoofdlaag .uitgelicht .single-nieuws{
        max-width: 648px;
    }

    .nieuwslaag .single-nieuws, .sub.nieuws .hoofdlaag .uitgelicht .single-nieuws{
        flex-basis: 49%;
    }

    .single.nieuws .nieuwslaag .flexbox-wrapper:first-of-type{
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
    }
    .single.nieuws .nieuwslaag .flexbox-wrapper:first-of-type h2{
        margin-bottom: 0;
    }


    .site-footer .footer-form .flexbox-wrapper {
        justify-content: space-between;
        align-items: center;
    }

    .site-footer .footer-form .flexbox-wrapper>div:first-of-type {
        flex-basis: 47%;
    }

    .site-footer .footer-form .flexbox-wrapper>div:last-of-type {
        flex-basis: 47%;
        margin-top: 0;
        height: fit-content;
    }

    .site-footer .footer-lid .flexbox-wrapper {
        justify-content: space-between;
        flex-direction: row;
    }

    .site-footer .footer-lid .flexbox-wrapper>div {
        flex-basis: 51%;
    }

    .site-footer .footer .flexbox-wrapper>span {
        display: none;
    }

    .site-footer .footer .flexbox-wrapper {
        flex-direction: row;
        justify-content: space-between;
    }

}

@media (max-width: 1024px) {}

@media (min-width: 1024px) {
    .site-header {
        transition: 0.2s;
    }

    .site-header.scrolled {
        top: 0;
    }

    .top-header {
        padding: 10px 0;
    }

    .top-header .inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
    }

    .top-header::before {
        content: "";
        background-color: white;
        width: 100%;
        right: 68%;
        top: 0;
        height: 100%;
        position: absolute;
    }

    .top-header .inner a:first-of-type {
        margin-right: 26px;
        text-decoration: none;
    }

    .top-header .inner a:last-of-type:last-of-type:hover {
        text-decoration: none;
    }

    #breadcrumbs {
        margin-bottom: 45px;
        text-align: center;
    }

    .single-nieuws #breadcrumbs{
        margin-bottom: 54px;
    }

    .site-header .navbar-btn {
        display: none;
    }

    a[href^="tel:"] {
        text-decoration: none;
    }


    .site-header .inner .navbar-buttons.mobile {
        display: none;
    }

    .site-header {
        height: 80px;
        margin: 0 auto;
        background: transparent;
    }

    .site-header .inner {
        padding: 0 21px;
    }

    header.site-header div.menu {
        display: none;
    }

    div#navbar {
        transition: unset;
        text-align: center;
        flex-basis: fit-content;
        flex-grow: 1;
        order: 2;
        overflow: visible;
        border-top: 0;
        top: 6px;
        height: 56px;
    }

    .site-header .inner .navbar .navigation {
        opacity: unset;
    }

    .navbar a {
        animation: unset;
    }

    .navbar .menu-menu-1-container {
        position: relative;
    }

    div#navbar ul {
        max-height: unset;
        overflow: visible;
        position: absolute;
        top: 12px;
        width: fit-content;
        right: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
    }

    div#navbar .nav-menu>li {
        border-bottom: none !important;
        padding-bottom: 0;
        margin: 0 16px;
        width: fit-content;
        display: inline-block;
        border-top: 0 !important;
        padding-bottom: 0;
        border-bottom: 0;
    }


    div#navbar .nav-menu>li.menu-item-has-children {
        margin-right: 30px;
        padding-bottom: 40px;
    }

    .nav-menu>li:first-of-type {
        padding: 0;
    }

    .nav-menu li a {
        display: unset;
        transition: 0.2s;
        font-size: 16px;
        line-height: 16px;
    }

    div#navbar ul li a::after {
        content: "" !important;
    }

    .nav-menu-extra {
        display: none;
    }

    .nav-menu li.menu-item-has-children>a::after {
        top: 0px;
        right: -20px !important;
    }

    .nav-menu .sub-menu {
        display: block;
        opacity: 0;
        pointer-events: none;
    }

    div#navbar ul .sub-menu {
        padding: 30px 25px 0 25px;
        left: -24px;
        transition: 0.3s;
        box-shadow: rgba(17, 12, 46, .15) 0 48px 50px 0;
        width: max-content;
        top: 12px;
        background: #FEF8F0;
        padding-top: 0;
        margin-top: 36px;
        margin-right: auto;
        z-index: 99999999;
    }

    div#navbar ul .sub-menu li {
        padding: 0 0 15px;
        display: block;
        width: fit-content;
        border: none;
    }

    .nav-menu li:hover .sub-menu,
    .nav-menu .sub-menu:hover {
        display: block;
        opacity: 1 !important;
        pointer-events: all !important;
    }


    .site-header a.btn.desktop {
        display: block;
        order: 3;
        height: fit-content;
        margin-right: 19px;
    }

    .site-header a.btn.desktop:nth-of-type(2) {
        border: 1px solid rgba(0, 19, 51, 0.50);
        padding: 19px 24px;
    }

    .site-header a.btn.desktop:nth-of-type(3) {
        padding: 19px 24px;
        background: #FB8500;
        color: #FFF;
        border: 1px solid #fb8500;
        margin-left: 8px;
    }

    .site-header a.btn.desktop:nth-of-type(2):hover {
        background-color: #001333;
        color: white;
    }

    .site-header a.btn.desktop:nth-of-type(3):hover {
        background-color: transparent;
        color: #fb8500;
    }

    .site-header.scrolled div#navbar ul li a {
        color: #0A2F30;
    }


    .site-header.sub-navbar {
        border-bottom: 0;
        max-width: unset;
        margin: unset;
    }

    .site-header.sub-navbar .inner {
        max-width: 1280px;
        margin: 0 auto;
    }

    .site-header.sub-navbar div#navbar ul li a {
        color: var(--Titel-Kleur, #0A2F30);
    }

    .site-header.sub-navbar .nav-menu li.menu-item-has-children::after,
    .site-header.scrolled .nav-menu li.menu-item-has-children::after {
        /* content: url(http://80.69.89.32/~domein/wp-content/themes/theme/images/chevron-blue-down.svg); */
    }


    .site-header a.btn.desktop {
        margin-right: 0;
    }

    .site-header .inner .home-link {
        margin-left: 0;
        width: 227px;
        height: 137px;
    }

    .site-header .btn.navbar-mobile {
        display: none;
    }

    .site-header .navbar-desktop {
        order: 2;
        margin-top: 4px;
        display: block;
    }

    .site-header .navbar-desktop .btn{
        display: inline-block;
        padding-left: 48px;
    }

    .site-header .inner>a.btn{
        display: none;
    }



}

@media (min-width: 1024px) {
    h1 {
        font-size: 132px;
        line-height: 116px;
    }

    h2 {
        font-size: 88px;
        line-height: 78px;
    }

    .homepage .hoofdlaag {
        padding: 209px 0;
    }
    

    .homepage .hoofdlaag .inner h1 {
        width: 934px;
    }

    .homepage .nieuwslaag {
        padding: 120px 0;
    }

    .homepage .prijzenlaag {
        padding: 120px 0;
        position: relative;
    }

    .homepage .prijzenlaag::before {
        content: "";
        background-image: url(https://www.ibev.nl/wp-content/themes/ibev/images/home-ondernemers-bg.svg);
        width: 856px;
        height: 600px;
        position: absolute;
        top: 0;
        left: -230px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .homepage .prijzenlaag .flexbox-wrapper>.content {
        order: 1;
        max-width: 478px;
    }

    .homepage .prijzenlaag .flexbox-wrapper>div:nth-of-type(2)>span {
        width: 378px;
        height: 528px;
        margin-bottom: 0;
    }

    .homepage .prijzenlaag .flexbox-wrapper>div:nth-of-type(2)>span span {
        width: 216px;
        height: 216px;
        left: -68px;
    }

    .homepage .prijzenlaag .flexbox-wrapper>div:nth-of-type(2)>span p {
        bottom: 32px;
        right: -32px;
        left: unset;
    }

    .homepage .prijzenlaag .inner>div:last-of-type {
        margin-top: 75px;
    }

    .homepage .prijzenlaag .inner>div:last-of-type>p, .sub .ledenlaag .inner>p {
        margin-bottom: 32px;
    }

    .homepage .aandachtsgebieden {
        padding: 120px 0;
    }

    .homepage .aandachtsgebieden .flexbox-wrapper {
        margin-bottom: 46px;
    }

    .homepage .aandachtsgebieden .inner .btn.mobile {
        display: none;
    }

    .homepage .aandachtsgebieden .flexbox-wrapper .btn {
        display: block;
    }

    .homepage .aandachtsgebieden .flexbox-wrapper {
        justify-content: space-between;
        align-items: center;
    }

    .homepage .aandachtsgebieden .aandachtsgebieden-carousel .owl-item>div {
        width: 416px;
        height: 344px;
    }

    .owl-dots {
        margin-top: 40px;
    }

    .homepage .doelstellinglaag, .sub .beleidslaag {
        padding: 120px 0;
    }

    .sub .beleidslaag{
        padding-top: 0;
    }

    .homepage .doelstellinglaag .flexbox-wrapper>.content, .sub .beleidslaag .flexbox-wrapper>.content {
        flex-basis: 468px;
    }

    .sub .beleidslaag .flexbox-wrapper>.content {
        flex-basis: 47%;
        max-width: 591px;
    }

    .homepage .doelstellinglaag .flexbox-wrapper .afbeeldingen>span, .sub .beleidslaag .flexbox-wrapper .afbeeldingen>span {
        width: 411px;
        height: 270px;
    }

    .homepage .doelstellinglaag .flexbox-wrapper .afbeeldingen>span span, .sub .beleidslaag .flexbox-wrapper .afbeeldingen>span span {
        width: 347px;
        height: 215px;
        bottom: -152px;
        left: -58px;
    }

    .sub .beleidslaag .flexbox-wrapper .afbeeldingen{
        margin-top: 0;
    }

    .homepage .doelstellinglaag .flexbox-wrapper .afbeeldingen>span p {
        bottom: 25px;
        left: -100px;
    }

    .sub h1 {
        font-size: 94px;
        line-height: 94px;
        text-align: center;
    }

    .sub.content h1{
        text-align: left;
    }

    .sub .hoofdlaag p {
        width: 729px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .sub .hoofdlaag {
        padding: 54px 0 100px;
        position: relative;
    }

    .sub.nominaties .hoofdlaag{
        padding-bottom: 57px;
    }

    .sub.nominaties .nominatieslaag .flexbox-wrapper>div{
        flex-basis: 33%;
    }

    .sub .hoofdlaag::before, .sub.contact .formulierlaag::before{
        content: "";
        background-image: url(https://www.ibev.nl/wp-content/themes/ibev/images/subs-hoofdlaag-bg.svg);
        width: 817px;
        height: 584px;
        position: absolute;
        top: 0;
        left: -230px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .page-id-191 .sub .hoofdlaag::before, .sub.contact .formulierlaag::before{
        left: unset;
        right: -230px;
        transform: rotateY(180deg);
    }

    .sub .informatielaag {
        padding-bottom: 120px;
    }

    .sub .informatielaag:nth-of-type(2n) .flexbox-wrapper>div {
        order: 1;
    }

    .sub .informatielaag .flexbox-wrapper div h2 {
        font-size: 64px;
        line-height: 64px;
    }

    .sub .informatielaag .flexbox-wrapper {
        justify-content: space-between;
    }

    .sub .informatielaag .flexbox-wrapper>div {
        flex-basis: 47%;
    }

    .sub .informatielaag .flexbox-wrapper>span {
        flex-basis: 47%;
        margin-top: 0;
    }

    .sub .agendalaag .flexbox-wrapper .agenda .knoppen a {
        padding: 19px 20px;
    }

    .sub .agendalaag .flexbox-wrapper .agenda .agendablok,
    .sub .agendalaag .flexbox-wrapper .beschrijving {
        width: 517px;
    }

    .sub .agendalaag .flexbox-wrapper .beschrijving .beschrijving-blok h2,
    .sub .voordelenlaag .flexbox-wrapper .content h2 {
        font-size: 64px;
        line-height: 64px;
    }

    .page-id-88 .sub .hoofdlaag {
        padding-bottom: 57px;
    }

    .sub .ledenlaag{
        padding-top: 100px;
    }

    .sub .voordelenlaag {
        padding: 100px 0 120px;
    }

    .sub .voordelenlaag .flexbox-wrapper .afbeeldingen>span {
        width: 411px;
        height: 270px;
    }

    .sub .voordelenlaag .flexbox-wrapper .afbeeldingen>span span {
        width: 347px;
        height: 215px;
        bottom: -152px;
        left: -58px;
    }

    .sub .voordelenlaag .flexbox-wrapper .afbeeldingen>span p {
        bottom: 25px;
        left: -100px;
    }

    .sub .agendalaag .flexbox-wrapper {
        justify-content: space-between;
    }

    .sub .agendalaag .flexbox-wrapper .beschrijving {
        flex-basis: 43%;
        margin-top: 88px;
    }

    .sub.lid .formulierlaag .inner .flexbox-wrapper{
        flex-direction: row;
        justify-content: space-between;
    }

    .sub.lid .formulierlaag{
        padding-top: 125px;
    }

    .sub.lid .formulierlaag #breadcrumbs, .sub.contact .formulierlaag #breadcrumbs {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        top: -70px;
    }

    .sub.lid .sliderlaag{
        padding: 120px 0;
    }

    .sub.lid .formulierlaag .content h1{
        text-align: left;
    }

    .sub.lid .sliderlaag .owl-stage-outer .owl-item img{
        height: 432px;
    }

    .sub.lid .formulierlaag .inner .flexbox-wrapper .content h1{
        max-width: 470px;
    }

    .sub.lid .formulierlaag .inner .flexbox-wrapper .content{
        flex-basis: 483px;
    }

    .sub.lid .formulierlaag .inner .flexbox-wrapper .formulier{
        flex-basis: 40%;
        flex-grow: 1;
        margin-left: 40px;
        max-width: 552px;
    }

    .sub.lid .formulierlaag .inner>span{
        right: unset;
    height: 211px;
    width: 211px;
    bottom: -90px;
    }

    .sub.lid .sliderlaag{
        padding-top: 150px;
    }

    .sub.contact .formulierlaag{
        padding: 125px 0;
        position: relative;
    }

    .sub.contact .formulierlaag .content h1{
        text-align: left;
    }

    .sub.contact .formulierlaag .content>span{
        position: relative;
        background-size: cover;
        margin-left: 89px;
        width: 378px;
        height: 404px;
        margin-bottom: 0;
        margin-top: 76px;
    }

    .sub.contact .formulierlaag .content>span span{
        background-size: cover;
        border: 9px solid #fef8f0;
        transform: rotate(-12deg);
        position: absolute;
        top: -28px;
        width: 216px;
        height: 216px;
        left: -68px;
    }

    .sub.contact .formulierlaag .flexbox-wrapper .content p{
        max-width: 438px;
    }

    .sub.contact .formulierlaag .flexbox-wrapper .content{
        margin-bottom: 0;
    }

    .sub.contact .formulierlaag .inner{
        background-color: transparent;
        padding-top: 0;
    }

    .sub.contact .formulierlaag .flexbox-wrapper{
        flex-direction: row;
        justify-content: space-between;
    }

    .sub.contact .formulierlaag .flexbox-wrapper .content, .sub.contact .formulierlaag .flexbox-wrapper .formulier{
        flex-basis: 47%;
    }

    .sub.contact .formulierlaag .flexbox-wrapper .formulier{
        background-color: #EFE9E1;
        padding: 32px;
        height: fit-content;
    }

    .sub.contact .formulierlaag .flexbox-wrapper .formulier>span{
        display: none;
    }

    .sub.nominaties .nominatieslaag h2{
        text-align: center;
        font-size: 54px;
        line-height: 54px;
    }

    .sub.nominaties .nominatieslaag .inner>p{
        text-align: center;
    }

    .sub.nominaties .nominatieslaag .flexbox-wrapper div:not(:last-child){
        margin-bottom: 0;
    }

    .sub.nominaties .nominatieslaag .flexbox-wrapper{
        padding-bottom: 120px;
    }

    .sub.nieuws .hoofdlaag .uitgelicht .single-nieuws p{
        text-align: left;
        width: unset;
        margin-left: unset;
        margin-right: unset;
    }

    .sub.nieuws .hoofdlaag .uitgelicht .single-nieuws>span{
        height: 360px;
    }

    .sub.nieuws .hoofdlaag a.btn{
        margin-left: auto;
        margin-right: auto;
    }

    .sub.nieuws .hoofdlaag .uitgelicht{
        margin-top: 80px;
    }

    .sub.nieuws .hoofdlaag{
        padding-bottom: 56px;
    }

    .single.nieuws .nieuwslaag .flexbox-wrapper:first-of-type h2{
        font-size: 64px;
        line-height: 64px;
    }

    .nieuwslaag .single-nieuws{
        flex-basis: 32%;
    }

    .nieuwslaag .single-nieuws:nth-of-type(3n + 2){
        margin-left: 2%;
        margin-right: 2%;
    }

    .nieuwslaag .flexbox-wrapper{
        justify-content: unset;
    }

    .sub.nieuws .nieuwslaag{
        padding-bottom: 76px;
    }

    .single.nieuws .contentlaag .flexbox-wrapper{
        flex-direction: row;
        max-width: unset;
    }

    .single.nieuws .contentlaag .flexbox-wrapper .content{
        flex-basis: 40%;
        flex-grow: 1;
    }

    .single.nieuws .contentlaag .flexbox-wrapper .sidebar{
        flex-basis: 360px;
        margin-left: 40px;
        margin-top: 0;
        height: fit-content;
    }

    .single.nieuws .contentlaag .flexbox-wrapper .sidebar>div h2{
        font-size: 54px;
        line-height: 54px;
    }

    .single.nieuws .contentlaag{
        padding: 54px 0 160px;
    }

    .single.nieuws .nieuwslaag{
        padding-bottom: 120px;
    }

    .single.nieuws .contentlaag .flexbox-wrapper .content h1{
        font-size: 54px;
        line-height: 54px;
    }

    .single.nieuws .contentlaag .flexbox-wrapper .sidebar{
        position: sticky;
        top: 150px;
    }

    .nieuwslaag .nieuws-carousel .single-nieuws{
        width: 425px;
    }

    .nieuwslaag .nieuws-carousel .owl-dots{
        display: none;
    }

    .nieuws-template-default{
        overflow-x: visible;
        overflow-y: visible;
    }

    .homepage .nieuwslaag .nieuws-carousel{
        display: none;
    }

    .homepage .nieuwslaag .flexbox-wrapper.desktop{
        display: flex;
        justify-content: space-between;
        margin-top: 40px;
    }

    .homepage .nieuwslaag .flexbox-wrapper.desktop .single-nieuws{
        flex-basis: 25%;
        max-width: unset;
        margin-bottom: 0;
    }

    .homepage .nieuwslaag .flexbox-wrapper.desktop .single-nieuws>span{
        height: 200px;
    }

    .homepage .nieuwslaag .single-nieuws:nth-of-type(3n + 2){
        margin-right: 0;
        margin-left: 0;
    }

    .sub .blokkenlaag .overons-carousel .owl-dots{
        display: none;
    }

    .homepage .nieuwslaag .flexbox-wrapper.desktop .single-nieuws:last-of-type{
        display: flex;
        flex-wrap: wrap;
        height: fit-content;
        flex-basis: 47%;
    }

    .homepage .nieuwslaag .inner>p{
        position: absolute;
        bottom: 52px;
        left: 55%;
        width: 410px;
    }

    .homepage .nieuwslaag .inner>a.btn{
        position: absolute;
        bottom: 0;
        left: 55%;
    }

    .homepage .nieuwslaag .inner>a.btn.last{
        left: calc(55% + 250px);
        width: 185px;
        height: unset;
        text-align: center;
        line-height: 120% !important;
        margin-top: 0;
    }

    .homepage .nieuwslaag .flexbox-wrapper.desktop .single-nieuws:last-of-type>div{
        flex-basis: 47%;
        max-width: unset;
        order: 1;
        flex-grow: unset;
    }

    .homepage .nieuwslaag .flexbox-wrapper.desktop .single-nieuws:last-of-type>span{
        flex-basis: 50%;
        height: unset;
    }

    .homepage .nieuwslaag .single-nieuws>div{
        padding: 20px;
    }

    .sub .blokkenlaag{
        padding: 120px 0;
    }

    .sub .blokkenlaag .single-blok{
        width: 416px;
        height: 416px;
        padding: 28px;
    }

    .sub .bestuurlaag{
        padding: 120px 0;
    }

    .sub .bestuurlaag h2{
        font-size: 64px;
        line-height: 64px;
        text-align: center;
    }

    .sub .bestuurlaag .single-bestuur span{
        width: 427px;
        height: 400px;
    }

    .sub .bestuurlaag .single-bestuur div{
        padding: 32px;
    }

    .site-footer .footer-lid .inner {
        padding-top: 118px;
        padding-bottom: 118px;
    }

    .site-footer .footer-lid .flexbox-wrapper {
        padding: 80px;
        max-width: 1092px;
        margin-left: auto;
        margin-right: auto;
    }

    .site-footer .footer-lid .flexbox-wrapper h2 {
        width: 340px;
        font-size: 72px;
        line-height: 66px;
    }

    .site-footer .footer-lid .flexbox-wrapper>span {
        width: 222px;
        height: 212px;
    }

    .site-footer .footer-form {
        padding: 60px 0;
    }

    .site-footer .footer .flexbox-wrapper {
        padding: 60px 0;
    }

    .site-footer .footer .flexbox-wrapper>span {
        display: block;
        width: 227px;
        height: 137px;
    }

    .site-footer .footer .flexbox-wrapper div:not(:last-of-type){
        margin-bottom: 0;
    }

    .site-footer .footer-form .flexbox-wrapper>div:last-of-type {
        max-width: 542px;
    }

    .site-footer .footer-form .flexbox-wrapper>div:first-of-type {
        flex-basis: 50%;
    }

    .site-footer .footer-form .flexbox-wrapper>div:first-of-type h2 {
        font-size: 54px;
        line-height: 54px;
    }

    .site-footer .footer-form .flexbox-wrapper>div:first-of-type p {
        max-width: 468px;
    }

    .site-footer .footer-lid .flexbox-wrapper div {
        max-width: 482px;
    }
}


@media (min-width:1440px) {

    .homepage .prijzenlaag .flexbox-wrapper>div:nth-of-type(2)>span {
        width: 488px;
        height: 628px;
        margin-left: 96px;
    }

    .homepage .prijzenlaag .flexbox-wrapper>div:nth-of-type(2)>span span {
        left: -96px;
        top: 53px;
    }

    .homepage .prijzenlaag .flexbox-wrapper>.content {
        margin-right: 138px;
        margin-top: 150px;
    }


    .homepage .doelstellinglaag .flexbox-wrapper .afbeeldingen>span {
        width: 531px;
        height: 494px;
        margin-left: 0;
    }

    .sub .beleidslaag .flexbox-wrapper .afbeeldingen>span{
        height: 394px;
        margin-left: 0;
        width: 531px;
    }

    .homepage .doelstellinglaag .flexbox-wrapper .afbeeldingen>span span, .sub .beleidslaag .flexbox-wrapper .afbeeldingen span span {
        width: 421px;
        height: 282px;
        left: -51px;
        bottom: -96px;
    }

    .homepage .doelstellinglaag .flexbox-wrapper .afbeeldingen>span p {
        bottom: 134px;
    }

    .homepage .doelstellinglaag .flexbox-wrapper>.content, .sub .beleidslaag .flexbox-wrapper>.content {
        margin-top: 88px;
    }

    .sub .agendalaag .flexbox-wrapper .agenda .knoppen a {
        padding: 19px 38px;
    }

    .homepage .doelstellinglaag .flexbox-wrapper .afbeeldingen,
    .sub .voordelenlaag .flexbox-wrapper .afbeeldingen {
        margin-top: 0;
    }

    .sub .voordelenlaag .flexbox-wrapper .afbeeldingen>span {
        width: 531px;
        height: 494px;
        margin-left: 0;
    }

    .sub .voordelenlaag .flexbox-wrapper .content {
        margin-top: 88px;
        flex-basis: 520px;
    }

    .sub .voordelenlaag .flexbox-wrapper .afbeeldingen>span span {
        width: 421px;
        height: 282px;
        left: -51px;
        bottom: -96px;
    }

    .sub .voordelenlaag .flexbox-wrapper .afbeeldingen>span p {
        bottom: 134px;
    }

    .sub .agendalaag .flexbox-wrapper .agenda .agendablok,
    .sub .agendalaag .flexbox-wrapper .beschrijving {
        width: 628px;
    }

    .sub .informatielaag .flexbox-wrapper>span {
        height: unset;
    }

    .sub .agendalaag .flexbox-wrapper .beschrijving {
        flex-grow: 1;
        max-width: 624px;
    }

    .sub.contact .formulierlaag .content>span{
        width: 488px;
        margin-top: 107px;
    }

    .sub.contact .formulierlaag .content>span span{
        top: -66px;
    }

    .sub.contact .gform_wrapper.gravity-theme .gform_fields{
        grid-row-gap: 24px;
    }

    .sub.lid .formulierlaag .inner{
        padding: 54px;
    }

    .single.nieuws .contentlaag .flexbox-wrapper .sidebar{
        flex-basis: 392px;
        margin-left: 80px;
    }

    .homepage .nieuwslaag .flexbox-wrapper.desktop .single-nieuws{
        flex-basis: 316px;
    }

    .homepage .nieuwslaag .flexbox-wrapper.desktop .single-nieuws>div{
        padding: 32px;
    }

    .homepage .nieuwslaag .flexbox-wrapper.desktop .single-nieuws>div .title{
        hyphens: none;
    }

    .homepage .nieuwslaag .flexbox-wrapper.desktop .single-nieuws>div>p:last-of-type{
        height: 96px;
    }

    .homepage .nieuwslaag .flexbox-wrapper.desktop .single-nieuws:last-of-type{
        flex-basis: 648px;
    }

    .homepage .nieuwslaag .inner>p{
        bottom: 90px;
        left: 53%;
        width: 460px;
    }

    .homepage .nieuwslaag .inner>a.btn{
        bottom: 33px;
        left: 53%;
    }

    .homepage .nieuwslaag .inner>a.btn.last{
        width: fit-content;
        height: 54px;
        left: calc(55% + 220px);
    }

    .site-footer .footer .flexbox-wrapper>*:nth-child(5) {
        display: block;
    }

    .site-footer .footer-lid .flexbox-wrapper>span {
        top: -85px;
        left: -106px;
        right: unset;
        bottom: unset;
    }

    .homepage .prijzenlaag::before, .sub .hoofdlaag::before{
        left: 0;
    }

    .page-id-191 .sub .hoofdlaag::before, .sub.contact .formulierlaag::before{
        right: 0;
    }

    .homepage .aandachtsgebieden .aandachtsgebieden-carousel .owl-stage-outer, .homepage .prijzenlaag .inner>div:last-of-type .owl-stage-outer, .sub .ledenlaag .inner .owl-stage-outer{
        overflow: hidden;
    }

    .nieuwslaag .single-nieuws:nth-of-type(3n + 2){
        margin-left: 1.2%;
        margin-right: 1.3%;
    }

    .nieuwslaag .single-nieuws{
        flex-basis: 32.5%;
    }
    
}


@media (max-width: 1024px) {

    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="submit"],
    textarea {
        -webkit-appearance: none;
        border-radius: 0;
    }

    a[href^="tel"] {
        text-decoration: none;
    }
}

@media (max-width:600px) {
.page-id-610 section.informatielaag form > div {
    width: 100% !important;
}
.page-id-610 section.informatielaag form {
    width: 100%;
    padding: 24px;
}
div#gform_fields_6, div#gform_fields_6 > div, div#gform_fields_6 > div > div {
    width: 100% !important;
}
}