/* Theme Name: Convident theme 
 * Theme URI: https://thema.convident.website/ 
 * Author: Convident Webontwikkeling 
 * Author URI: https://convident.nl/ 
 * Description: Algemeen thema voor Convident-websites 
 * Version: 1.5.0 
 * License: / 
 * License URI: / 
 * Text Domain: convident-theme 
 */
 
 
/* Genreal */

body {
    overscroll-behavior-y: none;
}

* {
    hyphens: auto;
    line-break: auto;
    word-break: break-word;
    box-sizing: border-box;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
}

/* General - Colors */

:root {
    --black: #232323;
    --black-hover: #444444;
    --white: #ffffff;
    --light-grey: #DFDFDF;
    --light-grey-hover: #979797;
    --dark-grey: #898989;
    --dark-grey-hover: #7e7d7d;
    --background-grey: #EEEEEE;
}

/* Extra builder styling */

.no-side-padding {
    padding-left: 0;
    padding-right: 0;
}

.fluid-image-right img,
.fluid-image-left img {
    position: absolute;
    max-width: unset;
    max-height: 100%;
    min-height: 350px;
    width: calc(50vw - 32.5px);
}

.fluid-image-right img {
    left: 32.5px;
}

.fluid-image-left img {
    right: 32.5px;
}

.spaceholder {
    padding-top: calc(100% + -180px);
}

/* End extra builder styling */

img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

* {
    position: relative;
}

body {
    position: relative;
    max-width: 100%;
    overflow-x: hidden;
}

.clear-both {
    clear: both;
}

section {
    padding: 45px 0;
}

.centered {
    text-align: center;
}

/* General - fonts */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

:root {
    --primary-font: 'Roboto', sans-serif;
    --secundary-font: 'Open Sans', sans-serif;
}

* {
    font: normal normal normal 18px/180% var(--secundary-font);
    hyphens: auto;
    line-break: auto;
}

h1 {
    font: normal normal 900 42px/130% var(--primary-font);
}

h2 {
    font: normal normal 900 32px/150% var(--primary-font);
}

h3 {
    font: normal normal 800 24px/150% var(--primary-font);
}

h4 {
    font: normal normal 800 22px/150% var(--primary-font);
}

h5 {
    font: normal normal 800 20px/150% var(--primary-font);
}

h6 {
    font: normal normal 800 18px/150% var(--primary-font);
}

p {
    color: var(--black);
    font: normal normal normal 18px/180% var(--secundary-font);
}

/* Buttons */

a,
a.flat {
    color: var(--black);
    text-decoration: underline;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.filled {
    color: var(--white);
    background-color: var(--black);
    text-decoration: none;
    padding: 6px 15px 7px 15px;
}

.outlined {
    color: var(--black);
    background-color: transparent;
    border: 2px solid var(--black);
    text-decoration: none;
    padding: 4px 13px 5px 13px;
}

/* Buttons - Hover */

a:hover,
a.flat:hover {
    color: var(--black-hover);
    text-decoration: underline;
}

.filled:hover {
    color: var(--white);
    background-color: var(--black-hover);
    text-decoration: none;
}

.outlined:hover {
    color: var(--white);
    background-color: var(--black);
    border: 2px solid var(--black);
    text-decoration: none;
}

/* Flex builder | flex-00101 - flex-00102 - flex-00103 - flex-00104 - flex-00105 */

.lightgrey-background::before {
    background-color: var(--light-grey);
    content: '';
    height: 100%;
    width: 50vw;
    position: absolute;
    display: block;
    top: 0;
}

.left::before {
    right: 0;
}

.right::before {
    left: 0;
}

.has-background.left {
    padding: 45px 60px 45px 0;
}

.has-background.right {
    padding: 45px 0 45px 60px;
}

/* Flex builder | flex-00106 - flex-00107 */

.fluid {
    width: 50vw;
    position: absolute;
    object-fit: cover;
    height: 100%;
    top: 0;
}

.left.fluid {
    left: 0;
}

.right .fluid {
    right: 0;
}

/* Flex builder | flex-00201 - flex-00202 */

#flex-002.lightgrey-background::before {
    width: 100vw;
}

/* Flex builder | flex-00301 - flex-00302 */

#flex-00301 .slick-track,
#flex-00302 .slick-track {
    display: flex;
}

img.slick-slide {
    padding: 0 20px;
}

button.custom-prev {
    left: 0;
    margin-left: 15px;
}

button.custom-next {
    right: 0;
    margin-right: 15px;
}

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

    section#flex-00301 img.slick-slide,
    section#flex-00302 img.slick-slide {
        padding: 0 20px;
    }
}

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

    section#flex-00301 img.slick-slide,
    section#flex-00302 img.slick-slide {
        padding: 0;
    }

    section#flex-00301 button.custom-next,
    section#flex-00301 button.custom-prev,
    section#flex-00302 button.custom-next,
    section#flex-00302 button.custom-prev {
        display: none;
        visibility: hidden;
    }

    section#flex-00301 ul.slick-dots,
    section#flex-00302 ul.slick-dots {
        position: relative;
        margin-top: 30px;
    }

    section#flex-00301 ul.slick-dots li.slick-active button,
    section#flex-00302 ul.slick-dots li.slick-active button {
        background: var(--black);
    }

    section#flex-00301 ul.slick-dots li button,
    section#flex-00302 ul.slick-dots li button {
        background: var(--light-grey);
        border-width: 0;
        border-color: var(--light-grey);
        margin-top: 0;
    }
}

/* Flex builder | flex-00401 */

.hier-css-voor-flex-00401 {}

p#breadcrumbs span.seperator {
    margin: 0 15px;
}

.item {
    background: var(--background-grey);
    height: 100%;
}

.recent_posts_column {
    min-height: 100%;
}

.item-img img {
    min-height: 195px;
    max-height: 195px;
    object-fit: cover;
}

.item-title {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 150%;
    color: var(--black);
    display: flex;
}

.item-date {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 180%;
    color: var(--dark-grey);
}

.item-content {
    padding: 20px 13px 26px 20px;
    height: calc(100% - 195px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.item p {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 180%;
    color: var(--black);
}

.item-content a {
    background: url(img/arrow-right-item.svg) no-repeat center right 10px / 16px;
    background-color: var(--white);
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 29px;
    color: var(--black);
    padding: 12px 34px 12px 8px;
    text-decoration: none;
}

.item-content a:hover {
    content: '';
    background: url(img/arrow-right-item.svg) no-repeat center right 8px / 16px;
}

@media screen and (max-width: 767px) {
    .item-img img {
        min-height: 100%;
        max-height: 100%;
    }

    .item-content {
        height: auto;
    }
}

@media screen and (max-width: 991px) {
    .recent_posts_column {
        margin-bottom: 20px;
    }

    .recent_posts_column:last-of-type {
        margin-bottom: 0;
    }
}


/* Flex builder | flex-00501 - flex-00502 */
#flex-00501 .cta-holder,
#flex-00502 .cta-holder {
    background-color: #eee;
    padding: 60px 85px;
}

#flex-00501 .cta-holder .btn-holder,
#flex-00502 .cta-holder .btn-holder {
    display: flex;
}

#flex-00501 .cta-holder .btn-holder a,
#flex-00502 .cta-holder .btn-holder a {
    margin: 0 10px 0 10px;
}

/* Flex builder | flex-00701 */
.usps {
    padding: 21px 0;
    background-color: var(--background-grey);
    text-align: center;
}

/* Flex builder | flex-00801 */
.flex-faq h2 {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 150px;
}

.flex-faq .flex-faq-single {
    margin-bottom: 70px;
}

.flex-faq .flex-faq-single-question {
    font: normal normal 900 24px/150% var(--primary-font);
    border-bottom: solid 1px;
    padding-bottom: 8px;
    margin-left: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex-faq .flex-faq-single-question button {
    background-image: url(img/arrow.svg);
    height: 30px;
    width: 30px;
    background-size: 17px 17px;
    background-position: center;
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    transform: rotate(180deg);
    margin-right: 8px;
}

.flex-faq .flex-faq-single-answer {
    padding-top: 70px;
    margin-left: 8px;
}

.flex-faq .flex-faq-single.closed {
    margin-bottom: 70px;
    height: 45px;
    overflow: hidden;
}

.flex-faq .flex-faq-single.closed .flex-faq-single-question button {
    transform: rotate(0deg);
}


/* Wordpress Multilanguage (WPML) */

li.menu-item.language-item {
    display: inline-block;
}

li.menu-item.language-item a {
    padding: 0 15px;
    padding-right: 0;
}

a.social-icon-single {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: #ffffff;
}

a.social-icon-single svg {
    width: 30px;
}

/* Searchform */

form.search-form {
    position: relative;
    margin: 0 15px;
}

form.search-form input {
    padding: 8px 15px;
    border: 1px solid #A8A9AC;
    margin: 0;
    outline: 0;
    max-width: 200px;
}

form.search-form label {
    margin: 0;
}

input.search-submit {
    text-indent: 99999px;
    height: 100%;
    width: 42px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    background: url(img/search-icon.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
}

/* Pagination */

.nav-previous.alignleft a {
    padding: 10px 16px;
    display: inline-block;
    text-align: center;
    float: left;
    margin-top: 30px;
}

.nav-next.alignright a {
    padding: 10px 16px;
    display: inline-block;
    text-align: center;
    float: right;
    margin-top: 30px;
}

/* homepage > header */

.header-image {
    width: 100%;
    object-fit: cover;
}

/* header */

#base-header .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

#head-slider img {
    position: relative;
    min-width: 100%;
}

#logo {
    float: left;
    flex-grow: 1;
}

div#logo a {
    height: 100%;
    line-height: 84px;
    display: inline-block;
}

#logo img {
    height: 34px;
}

#primary-menu {
    float: right;
    padding: 20px 0;
}

.head-slider.no-buttons .slick-dots {
    display: none !important;
}

/* header > nav */

.menu {
    padding-left: 0;
}

nav {
    display: flex;
    align-items: center;
}

nav ul {
    margin: 0;
}

nav ul li {
    display: inline-block;
}

nav ul li a {
    padding: 5px 10px;
    display: inline-block;
    color: #333333;
    text-decoration: none;
}

.menu li {
    display: inline-block;
}

li.menu-item.btn {
    margin: 0 15px;
}

li.menu-item.btn.current-menu-item a {
    color: #333333;
}

header.nav-fixed {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 99;
    background: #ffffff;
}

body.logged-in header.nav-fixed {
    top: 32px;
}

.fixed-nav-spacer {
    height: 132px;
}

.fixed-nav-spacer.no-topbar-spacer {
    height: 141px;
}

/* header > nav > submenu */

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

ul.sub-menu {
    display: none;
    position: absolute;
    padding: 0;
    z-index: 100;
    min-width: 200px;
}

.menu-item-has-children.right-side ul.sub-menu {
    right: 0;
}

.menu-item-has-children.left-side ul.sub-menu {
    left: 0;
}

ul.sub-menu li {
    width: 100%;
}

ul.sub-menu li a {
    padding: 10px;
    width: 100%;
}

ul.sub-menu ul.submenu {
    display: none;
}

.menu-item-has-children.right-side ul.sub-menu li.menu-item-has-children ul.sub-menu {
    transform: translateX(-100%);
    z-index: 101;
    top: 12px;
}

.menu-item-has-children.left-side ul.sub-menu li.menu-item-has-children ul.sub-menu {
    transform: translateX(100%);
    z-index: 101;
    top: 12px;
}

.menu-item-has-children:hover>ul.sub-menu {
    display: block;
}

/* header > nav > mega menu */

.navigatie.normal-menu {
    background: #FFFFFF;
}

.navigatie.normal-menu a {}

.megamenu ul.sub-menu {
    display: none;
    width: 100%;
}

.megamenu ul.sub-menu ul.sub-menu {
    display: block;
}

.megamenu ul.sub-menu li a {
    padding: 10px;
}

.megamenu.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {
    transform: translateX(0%);
    top: 0;
    position: relative;
}

.megamenu.menu-item-has-children {
    position: static;
}

.megamenu.menu-item-has-children:hover>ul.sub-menu {
    padding: 0;
    display: flex;
}

.megamenu.megamenu-cols-2>ul.sub-menu>li,
.megamenu.megamenu-cols-3>ul.sub-menu>li,
.megamenu.megamenu-cols-4>ul.sub-menu>li {
    display: inline-block;
    flex-grow: 1;
}

.megamenu.megamenu-cols-2>ul.sub-menu>li {
    width: 50%;
}

.megamenu.megamenu-cols-3>ul.sub-menu>li {
    width: 33.33%;
}

.megamenu.megamenu-cols-4>ul.sub-menu>li {
    width: 25%;
}

.megamenu-child>a {
    font-weight: bold;
}

/* header > nav > scrolled */

ul#primary-menu {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

header.nav-fixed.header-scrolled ul#primary-menu {
    padding: 0;
}

/* header > nav > WooCommerce cart */

header #menu-cart {
    position: relative;
}

header #menu-cart .counter-products {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin: 1px 0 -1px 2px;
    padding: 0 5px;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: #d63638;
    color: #fff;
    font-size: 11px;
    line-height: 1.6;
    text-align: center;
    z-index: 26;
    position: absolute;
    top: -4px;
    right: -9px;
}

/* header > nav > hamburger */

.mobile-menu-toggle-position {
    position: absolute;
    top: 10px;
    right: 25px;
    display: none;
}

button.menu-toggle {
    height: 50px;
    width: 50px;
    border: 0;
    background: transparent;
    outline: 0;
}

.hamburger {
    float: right;
    display: none;
    position: absolute;
    top: -10px;
    right: -6px;
}

.hamburger svg {
    width: 50px;
    height: 64px;
    cursor: pointer;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.hamburger path {
    fill: none;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    -moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    -ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    stroke-width: 40px;
    stroke-linecap: round;
    stroke: #333333;
    stroke-dashoffset: 0px;
}

.hamburger path#top,
.hamburger path#bottom {
    stroke-dasharray: 240px 950px;
}

.hamburger path#middle {
    stroke-dasharray: 240px 240px;
}

.hamburger.cross path#top,
.hamburger.cross path#bottom {
    stroke-dashoffset: -650px;
    stroke-dashoffset: -650px;
}

.hamburger.cross path#middle {
    stroke-dashoffset: -115px;
    stroke-dasharray: 1px 220px;
}

/* header > topbar */

.topbar {
    background-color: #898989;
    color: #fff;
}

.topbar-menu ul {
    float: right;
    margin: 0;
}

.topbar-menu ul li {
    display: inline-block;
}

.topbar-menu ul li a {
    padding: 10px 20px;
    display: inline-block;
    text-decoration: none;
}

.topbar-menu ul li:last-child a {
    padding: 10px 0 10px 15px;
}

/* niv1 > homepage > content > nieuws */

.home .single-nieuws {
    display: block;
    padding: 30px;
    margin: 0;
    height: 100%;
}

.nieuws-intro {
    padding: 10px 0;
}

.nieuws-intro p {
    margin-bottom: 0;
}

/* niv2 > header */

.top-header-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* niv2 > sidebar */

.sidebar .widget {
    padding: 30px;
    margin-bottom: 30px;
}

.sidebar .widget h3 {
    font-size: 22px;
    margin-bottom: 30px;
}

.sidebar .widget a.sidebar-contact-link {
    font-size: 18px;
    margin-bottom: 20px;
    display: inline-block;
}

.sidebar .widget a.sidebar-contact-link:last-child {
    margin-bottom: 0;
}

.sidebar .widget ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
}

.widget ul:last-child {
    margin: 0;
}

/* niv2 > searchresult > content */

.topbar-search-header {
    padding: 10px;
}

.topbar-search-header-left {
    display: inline-block;
    float: left;
}

.topbar-search-header-right {
    display: inline-block;
    float: right;
}

.searchresults article {
    padding-bottom: 30px;
    padding-top: 30px;
}

/* niv2 > 404 > content */

.search-404 {
    display: inline-block;
}

.search-404 form.search-form {
    margin: 0;
}

/* footer */

#main-footer {
    background: #898989;
    color: #ffffff;
}

.footer-widgets {
    padding: 50px 0 100px 0;
}

footer {
    position: relative;
    z-index: 2;
}

.footer-widgets .menu li {
    display: block
}

.footer-widgets ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* footer > socket */

#footer-socket {
    position: relative;
    border-top: 1px solid #f29120;
    background: #898989;
    color: #FFFFFF;
    padding: 20px 0;
    z-index: 2;
}

.menu-socket-menu-container {
    display: inline-block;
}

ul#socket-menu {
    margin: 0;
    padding: 0 0px 0px 20px;
}

ul#socket-menu li a {
    padding: 10px 5px;
}

#footer-socket ul.languages-wpml {
    display: inline-block;
    padding: 0;
    margin: 0;
}

/* WooCommerce */

.woocommerce-archive-fix {
    clear: both;
}

.heart {
    fill: none;
    stroke: #000;
    stroke-miterlimit: 10;
}

.add-to-wishlist svg {
    width: 24px;
}

.add-to-wishlist path {
    fill: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.add-to-wishlist.wish path {
    fill: #e09b9b;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    width: 100%;
}

/* default woocommerce > checkout */

.woocommerce .col-1,
.col-2 {
    max-width: none;
}

/* woocommerce > checkout / afrekenen */

.checkout-navigation-items {
    display: flex;
    list-style-type: none;
    cursor: pointer;
    width: 100%;
    padding-inline-start: 0;
}

.checkout-navigation-item {
    display: inline-block;
    text-align: center;
    flex: 1;
    padding: 1em;
    background-color: #fff;
    color: #232323;
    font-size: 1.25em;
    font-weight: 700;
    transition: all .5s ease-in-out;
}

.checkout-navigation-item.done {
    border: 2px solid #898989;
    border-right-color: transparent;
}

.checkout-navigation-link {
    background-color: #fff;
    display: inline;
    text-align: center;
    margin-bottom: 1em;
    font-size: 1.25em;
    padding: 1em;
    font-weight: 700;
    border-radius: 3px;
    cursor: pointer;
    border: none !important;
    transition: all .5s ease-in-out;
}

.checkout-navigation-item.active,
.checkout-navigation-link.next {
    background-color: #898989;
    color: #fff;
}

.checkout-navigation-link.next {
    float: right;
}

.checkout-navigation-link.prev {
    background-color: #ebe9eb;
    color: #515151;
    float: left;
}

.checkout-navigation-link.next:hover {
    background-color: #DFDFDF;
    color: #232323;
}

.checkout-navigation-link.prev:hover {
    background-color: #DFDFDF;
    color: #232323;
}

.checkout-navigation-link.submit {
    appearance: none;
    float: right;
    background-color: #7ad03a;
}

.checkout-navigation-link.submit:hover {
    background-color: #2ea2cc !important;
}

.convi-checkout-review th {
    padding-right: 10px;
}

.checkout-slider.slider-initiated>.single-slide-checkout {
    display: none;
}

.checkout-slider.slider-initiated>.single-slide-checkout.active {
    display: block;
}

.single-checkout-stap.active {
    border-color: #939b81;
    background-color: #ffffff;
}

.checkout-stappen .single-checkout-stap.active:before,
.checkout-stappen .single-checkout-stap.active span.arrow-left:before {
    border-color: transparent transparent transparent #939b81;
}

.checkout-stappen .single-checkout-stap.active:after {
    border-color: transparent transparent transparent #ffffff;
}

.single-checkout-stap.done {
    background: #929982;
    color: #ffffff;
}

.checkout-stappen .single-checkout-stap.done:after {
    border-color: transparent transparent transparent #939b81;
}

.single-checkout-stap:hover {
    cursor: pointer;
}

.checkout-item-flex img {
    width: 135px;
    height: 135px;
    object-fit: contain;
}

.checkout-item-flex .qty-box {
    text-align: right;
}

/* .checkout-item-flex .cart-sub-to */

/* Slick Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* slider > skin */

button.slick-arrow {
    padding: 20px;
    border: 0;
    background: url(img/slider-arrows.png);
    position: absolute;
    text-indent: 999px;
    overflow: hidden;
    height: 60px;
    width: 60px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

button.slick-arrow.slick-prev {
    left: 0;
}

button.slick-arrow.slick-next {
    right: 0;
    background-position: right;
}

ul.slick-dots {
    position: absolute;
    bottom: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

ul.slick-dots li {
    display: inline-block;
}

ul.slick-dots li button {
    border: 0;
    text-indent: 99px;
    width: 10px;
    height: 10px;
    font-size: 0px;
    margin: 0 5px;
    background: #ffffff;
    padding: 0;
}

ul.slick-dots li.slick-active button,
ul.slick-dots li button:hover {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #ffffff;
    background: transparent;
}

.slick-slide:focus,
.slick-slide a:focus {
    outline: 0;
}


.flex-contact .frm_form_field {
    display: flex !important;
    flex-direction: column !important;
}

.flex-contact input,
textarea {
    border: none;
    background-color: var(--background-grey);
    padding: 5px;
}

.flex-contact label {
    font-weight: 700;
    margin-top: 18px;
}

.flex-contact button {
    background: url(img/arrow-right-item.svg) no-repeat center right 10px / 16px;
    background-color: var(--dark-grey);
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 29px;
    color: var(--white);
    margin-top: 30px;
    padding: 8px 39px 8px 10px;
    text-decoration: none;
    border: none;
}

.flex-contact .contact-information {
    background-color: #EEEEEE;
    padding: 32px 0px 32px 42px;
    margin: 0 50px;
}

.dienst {
    background-color: var(--background-grey);
    text-align: center;
    padding: 40px;
    margin-bottom: 30px;
}

.flex-diensten a {
    background: url(img/arrow-right-item.svg) no-repeat center right 10px / 16px;
    background-color: var(--dark-grey);
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 29px;
    color: var(--white);
    margin-top: 30px;
    padding: 8px 39px 8px 10px;
    text-decoration: none;
    border: none;
}

.teamlid {
    text-align: center;
    background-color: var(--background-grey);
    padding: 15px;
}

.teamlid .social img {
    height: 20px !important;
    width: 20px !important;
}