/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

body {
    min-width: 475px;
    margin-top: 330px;
}

h1 {
    font-weight: 700;
}

h2 {
    font-size: 1.8em;
}

p {
    text-align: left;
}

input[type=checkbox], input[type=radio] {
    width: auto;
    float: left;
}

#Input_RememberMe {
    margin: 5px 5px 0px 0px;
}

.field-button-label {
    display: inline-block;
    padding-top: 5px;
    padding-left: 20px;
}

.field-container button {
    padding: 5px 20px;
}

.file-upload-button {
    display: inline-block;
    padding: 0px 0px;
}

#meldinginhoud {
}

.alert-info {
    z-index: 100;
}
/*#region header & navbar*/
.bg-maedilon {
    background-color: #14007E;
}

.logo-image {
    width: 300px;
    margin-top: -20px;
    transition: margin .4s ease-in-out;
}

.hidden {
    display: none !important;
}

#header {
    z-index: 110;
    top: 0;
    width: 100%;
    overflow: hidden;
    position: fixed;
}

.sticky-smaller .logo-image {
    margin-top: -40px;
}

.sticky-smaller .banner {
    height: 125px;
}

#banner-title {
    opacity: 1;
    transition: opacity .4s ease-in-out;
    margin-top: 5px;
}

.sticky-smaller #banner-title {
    opacity: 0;
}

.sticky-smaller {
    position: sticky;
    top: 10px;
}

.banner {
    height: 260px;
    padding: 50px 5% 30px;
    background-image: url(/img/home-banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: height .4s ease-in-out;
}

    .banner div {
        width: 50%;
    }

    .banner h2 {
        font-weight: 700;
        font-size: 24pt;
    }

    .banner h3 {
        font-size: 18pt;
    }

.navbar {
    background-color: #14007E;
    padding: 0;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.nav-item {
    border-color: #FFF;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
}

    .nav-item:first-child {
        border-color: #FFF;
        border-style: solid;
        border-width: 0px 1px;
    }

    .nav-item:hover {
        background-color: #80899c;
        border-color: #FFF;
        border-style: solid;
        border-width: 0px 1px 0px 0px;
    }

    .nav-item:first-child:hover {
        background-color: #80899c;
        border-color: #FFF;
        border-style: solid;
        border-width: 0px 1px;
    }

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.7) !important;
}

button#logout {
    font-family: 'Century Gothic', Verdana, Arial;
    font-size: 12pt;
}

.btn-margin {
    margin-right: 5px;
}

.no-padding-top {
    padding-top: 0px !important;
}

.container {
    margin: 0px 5%;
    padding-left: 0px;
    padding-right: 0px;
    max-width: 90% !important;
    display: inline-block;
}

#main-body {
    transition: padding .4s ease-in-out;
    padding-top: 0px;
}

span.text-danger.field-validation-error {
    margin-left: 11px;
    float: left;
    text-align: left;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff !important;
    background-color: #1b6ec2;
    border-color: #1861ac;
    /*    margin: 0px 5px;*/
}

.button-left {
    text-align: left
}

.btn-primary:hover {
    background-color: #5ca4ec !important;
}

.button-uploaden {
    padding: 0px
}



.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.body-container {
    max-width: 1178px;
    margin-left: auto;
    margin-right: auto;
}

.content-padding {
    position: relative;
    height: auto;
    width: auto;
}

.column-container {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    display: flow-root;
    position: relative;
    z-index: 105;
}

.section1 {
    height: 125px;
    padding-top: 40px;
    text-align: center;
}

.section3, .section10 {
    padding: 40px 25px 5px 50px;
    text-align: center;
}

.section2 {
    padding: 10px 0px 20px;
}

.section4, .section9 {
    padding: 40px 25px 0px 50px;
}

    .section4 p, .section9 p {
        margin-bottom: 0rem;
    }

.section5 {
    padding: 20px;
}

.section7 {
    padding: 20px 15px 20px 15px;
}

.section8 {
    padding: 20px 15px 20px 15px;
}

.section9 {
    margin: 30px 30px 0px;
}

.section10 {
    margin: 0px 30px;
}

.column1, .column3, .column5 {
    float: left;
    padding: 85px 75px 0px 50px;
    min-height: 600px;
}

.column2, .column4, .column10 {
    position: relative;
    padding-top: 80px;
    text-align: center;
}

.column3, .column5 {
    padding-top: 120px;
    min-height: 600px;
}

.column4 {
    min-height: 600px;
}

.column6, .column8 {
    float: left;
    padding: 85px 75px 20px 50px;
    min-height: 600px;
}

.column6a, .column9 {
    float: left;
    padding: 0px 75px 0px 50px;
}

.column7 {
    float: left;
    padding: 0px;
}

.column1 > .section1 {
    background-color: #69005e;
}

.column1 > .section7 {
    background-color: rgba(20, 0, 126, 1);
    padding: 20px;
    text-align: center;
}

.column6 > .section6 > .section1 {
    padding: 20px 10px;
    height: auto;
}

.column3 > .section1, .column6 > .section6 > .section1 {
    background-color: #ffb9b9;
}

.column4 > .section1 img {
    width: 60%;
}

.column5 > .section1 {
    background-color: rgba(20, 0, 126, 0.70);
}

.column5 > .section2 {
    background-color: rgba(255, 255, 255, 0.70);
}

.column6a > .section4, .column9 > .section4 {
    padding: 0px;
}

    .column6a > .section4 p, .column9 > .section4 p {
        margin-bottom: 50px;
    }

.column7 > .section3, .column7 > .section4, .column7 > .section7, .column7 > .section8 {
    background-color: aliceblue;
}

.column7 > .section5 button {
    border: none;
    background-color: transparent;
    color: #0366d6;
}

.column7 > .section9, .column7 > .section10 {
    background-color: rgba(240, 248, 255, 0.85);
}

.column8 > .section6 > .section1 {
    padding: 20px 10px;
    height: auto;
    background-color: rgba(20, 0, 126, 0.70);
}

.column8 > .section6 > .section2 {
    padding: 20px 10px;
    background-color: rgba(255, 255, 255, 0.80);
}

.column8 > .section6 > .section3 {
    padding: 20px 10px;
    background-color: #d6ffd5;
}

.column8 > .section6 > .section4 {
    padding: 20px 10px;
    background-color: rgba(255, 255, 255, 0.90);
}

.column8 > .section6 > .section2 h2, .column8 > .section6 > .section3 h2 {
    color: black;
}

.column8 > .section6 > .section4 p {
    margin-bottom: 1em;
}

.column10 > .section1 {
    height: unset;
}

    .column10 > .section1 img {
        width: 80%;
        float: right;
    }

.text-black {
    color: black !important;
}

.QrCodeInfo {
    padding-top: 10px;
}

.AuthenticatorApp {
    padding-top: 30px;
}

.column-container:nth-child(3), .column-container:nth-child(5) {
    z-index: 96;
    position: relative;
}

.column-container h2 {
    font-weight: 700;
    color: white;
}

.column-container .section4 h2, .column-container .section9 h2 {
    color: black;
}

.column-container h3 {
    font-size: large;
    font-weight: 700;
}

.column-container-bg1 {
    background-color: transparent;
    background-image: url(/img/homeimg1.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.column-container-bg2 {
    background-color: white;
    background-image: url(/img/homeimg2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.column-container-bg3 {
    background-color: transparent;
    background-image: url(/img/contactform.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.column-container-bg4 {
    background-color: transparent;
    background-image: url(/img/demopage.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.column-container-bg5 {
    background-color: transparent;
    background-image: url(/img/overons.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.column-container-bg6 {
    background-color: transparent;
    background-image: url(/img/licentie.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.column-container-bg7 {
    background-color: transparent;
    background-image: url(/img/licentiebestellen.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}

.column-container-bg8 {
    background-color: transparent;
    background-image: url(/img/licentieregistreren.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

img.home-img1, img.home-img2, img.rubriekenscherm-img, img.integratie-img, img.formimage {
    display: none;
}

.column img {
    width: 70%;
}

.label-container {
    float: left;
    text-align: right;
    padding-top: 5px;
}

.field-container {
    float: left;
}

.form-group {
    clear: both;
    display: flex;
}

table {
    width: 100%;
}

#Uitbreiding_6000001 {
    border: none;
}

    #Uitbreiding_6000001::after {
        content: "\f00c";
        font-weight: 900;
        font-family: 'FONT AWESOME 5 FREE';
        padding-left: 10px;
    }


.prijzen-tabel {
    list-style-type: none;
    padding: 0 15px !important;
    background-color: white;
}

.col-sm-3 {
    float: left;
}

.prijzen-tabel .prijzen-top {
    border: 2px solid #e8ecf1;
    padding: 25px 20px 20px;
}

.prijzen-tabel .prijzen-intro::after {
    content: "";
    border-top: 2px solid #e8ecf1;
    width: calc(100% + 40px);
    position: absolute;
    bottom: -20px;
    margin: 0 0 0 -20px;
}

.prijzen-tabel .prijzen-titel {
    font-size: 20px;
    margin-bottom: 15px;
}

.prijzen-tabel .prijs {
    line-height: 1.2em;
    margin: 0 0 10px;
    display: flex;
    align-items: flex-start;
}

    .prijzen-tabel .prijs .bedrag {
        color: #333;
        font-size: 36px;
        font-weight: 600;
        line-height: 1em;
        display: inline-block;
        vertical-align: bottom;
        padding-right: 5px;
        white-space: nowrap;
    }

.prijzen-tabel .prijs-sub {
    display: inline-block;
    vertical-align: bottom;
}

.prijzen-tabel .prijs-extra, .prijzen-tabel .prijs-sub {
    font-size: 14px;
    line-height: 1.2em;
}

.prijzen-tabel .prijs-sub {
    margin-bottom: 10px;
}

.prijzen-tabel .prijzen-intro {
    position: relative;
    margin: 0 0 40px !important;
    display: flex;
    flex-direction: column;
}

    .prijzen-tabel .prijzen-intro p {
        margin-bottom: auto;
    }

.prijzen-tabel ul li {
    list-style-type: none;
    padding: 0;
    position: relative;
    padding-left: 20px;
}

    .prijzen-tabel ul li:before {
        content: "";
        position: absolute;
        display: block;
        left: 0;
        top: 8px;
        height: 5px;
        width: 5px;
        background-color: #000;
        opacity: .4;
        border-radius: 1px;
    }

.prijzen-tabel .prijzen-intro .btn, .prijzen-tabel .prijzen-intro ul {
    padding-top: 10px;
    margin-top: auto;
    padding-left: 0px;
}

    .prijzen-tabel .prijzen-intro ul .label-info {
        margin-left: 10px;
    }

.prijzen-tabel h4 {
    font-size: 16px;
    margin: 0 0 10px;
}

.prijzen-features ul {
    list-style-type: none;
    padding: 0;
}

    .prijzen-features ul li:before {
        content: "+";
        left: 0;
        top: 0;
        position: absolute;
        background-color: transparent;
    }

    .prijzen-features ul li ul li:before {
        content: "-";
    }

    .prijzen-features ul li {
        position: relative;
        padding-left: 15px;
        margin: 0 0 5px;
        padding-right: 20px;
    }

.prijzen-tabel .prijzen-extra {
    background-color: #e8ecf1;
    padding: 20px;
}

    .prijzen-tabel .prijzen-extra small {
        display: block;
        line-height: 1.5em;
    }

.prijzen-tabel .btn-form {
    display: grid;
    margin-top: 10px;
}

.prijzen-tabel .btn {
    text-align: center;
    display: flow-root;
    padding: 8px;
}

    .prijzen-tabel .btn label {
        margin-bottom: 0px;
    }

.label-info {
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    line-height: 1em;
    border: 1px solid #c9caca;
    color: #a5a9a9;
    font-weight: 700;
    padding: 2px 0;
    transition: all .2s ease;
}

.label.label-prijs {
    position: absolute;
    right: 25px;
    top: -10px;
    background: #e1141d;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 10px;
    color: #fff;
    font-weight: 600;
    line-height: 1em;
    font-family: Apax,Arial,sans-serif;
    text-transform: uppercase;
}

.small, small {
    font-size: 80%;
}

.betaalwijze-img-container {
    float: left;
    width: 18%;
    margin: 0px 2% 0px 0px;
    height: 100px;
}

#BetaalwijzeItem4 {
    padding-top: 15px;
}

#BetaalwijzeItem5 {
    padding-top: 15px;
}

.betaalwijze-img-container.selected img {
    border: 2px solid #e1141d;
}

.betaalwijze-img {
    width: 75%;
    cursor: pointer;
}

.list {
    padding: 0;
}

li.list__item.list__item--no-link {
    float: left;
    width: 18%;
    margin: 0px 1% 15px;
    cursor: pointer;
    height: 85px;
}

    li.list__item.list__item--no-link.selected {
        border: 2px solid #e1141d;
    }

    li.list__item.list__item--no-link div:nth-child(2) {
        font-size: small;
        width: 100%;
    }

ul.list.list--clickable {
    list-style-type: none;
}

figure {
    margin: 0px;
}

.c-media.c-media--center {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -10px;
}

.c-media__body {
    float: left;
    padding-top: 20px;
}

/*region meldingen-pagina's*/
.melding-Label {
    width: 33%;
}

.table-rij-melding {
    border-bottom: inset;
    height: 40px;
}

.medling-edit-button {
    padding: 2px 20px;
    color: #fff !important;
    background-color: #1b6ec2;
    border-color: #1861ac;
    border: 1px solid transparent;
    border-radius: .25rem;
    margin-top: 2px;
}

.padding-navbar-opvulling {
    padding-left: 33%;
}
/*eindregion*/

/*region Administratie meldingen*/

/*region*/

/*region reactie toevoegen*/
.Page-title-h2{
    padding-bottom: 10px;
}

.section7-border {
    border: 2px solid rgba(0,0,0,.1);
    padding: 20px;
    box-shadow: 0px 0px 3px 0px #888888;
}

.melding-border-bottum {
    width: 100%;
    border-bottom: 2px solid rgba(0,0,0,.1);
}

.melding-identity-naam {
    font-size: 12px;
    padding: 0px 25px
}

.melding-datum {
    position: absolute;
    top: 50px;
    right: 40px;
    font-size: 12px;
}

.meldingstatus {
    position: absolute;
    top: 30px;
    font-size: 10px;
    right: 30px;
    width: 80px;
    text-align: center;
    color: white;
    border-radius: 5px;
}

    .meldingstatus.status-1200001 /*Nieuw*/ {
        background-color: #dc3545;
    }

    .meldingstatus.status-1200002 /*In behandeling*/ {
        background-color: #ff7907;
    }

    .meldingstatus.status-1200003 /*Wacht op melder*/ {
        background-color: #ffc107;
    }

    .meldingstatus.status-1200004 /*Afgehandeld*/ {
        background-color: #28a745;
    }

.melding-title {
    max-width: 85%;
    padding: 0px 25px
}

.melding-inhoud {
    display: inline-block;
}

.melding-item {
    padding: 0px 25px
}


b.melding-title-bold {
    padding-right: 5px;
}

.reactie-inhoud-title {
    cursor: pointer;
    padding-bottom: 10px;
    transition: background-color .2s ease-in-out;
}

.reacties-inhoud {
    display: inline-block;
    width: 100%;
}

.reacties-item {
    border: 2px solid rgba(0,0,0,.1);
    box-shadow: 0px 0px 3px 0px #888888;
}

.reactie-inhoud {
    padding-left: 5px;
}

.reacties-items {
    width: 100%;
    padding: 5px 25px
}

.reactie-username {
    font-size: 12px;
    padding: 5px
}

.reactie-item {
    padding: 5px;
}

.reactie-datum {
    float: right;
}

.arrow-open {
    transform: rotate(180deg); 
}

.show-content-switcher {
    cursor: pointer;
}

.show-content-switcher i {
    transition: transform.2s ease-in-out;
    padding: 0px 5px;
}

.reactie-input {
    padding: 0px 25px
}

/*eindregion*/
/*#region blocks*/
.blocks {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 70px;
    grid-auto-rows: minmax(75px, 75px);
    position: absolute;
    top: 0px;
    left: 48%;
    z-index: 95;
    overflow: hidden;
    max-height: calc(100% - 60px);
}

.block {
    width: 75px;
    background-color: #e9e9e9;
}

.bg-softblue {
    background-color: #c1deff;
}

.bg-softgreen {
    background-color: #d6ffd5;
}

.bg-softlimegreen {
    background-color: #e5ffb7;
}

.bg-softyellow {
    background-color: #fffeab;
}

.bg-softorange {
    background-color: #ffdbab;
}

.bg-softred {
    background-color: #ffb9b9;
}

.bg-softgrey {
    background-color: #e9e9e9;
}
/*#endregion*/

/*#region rows with borders*/
section.rows {
    padding: 100px 0px;
    background-color: transparent;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 105;
}

    section.rows .row {
        border-top: 15px solid grey;
        background-color: white;
    }

        section.rows .row:nth-child(1) {
            border-color: #c1deff;
        }

        section.rows .row:nth-child(2) {
            border-color: #d6ffd5;
        }

        section.rows .row:nth-child(3) {
            border-color: #80c27f;
            border-bottom: 15px solid #ffdbab;
        }

    section.rows .content {
        padding: 25px 0;
    }

    section.rows > .row img {
        margin: 20px 0px;
        width: inherit;
        max-width: inherit;
    }


/*#endregion*/


/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    background-size: 100%;
    font-family: 'Century Gothic', Verdana, Arial;
    font-size: 12pt;
}

.footer {
    position: relative;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    /*line-height: 60px;*/ /* Vertically center the text there */
    background-color: #2F2D7E;
    z-index: 110;
}

    .footer .nav-menu {
        float: left;
        width: 25%;
    }

    .footer .nav-menu-items {
        font-size: 9pt;
    }

    .footer .nav-item {
        color: #fff;
        border: none;
        cursor: pointer;
        line-height: 20px;
    }

    .footer .nav-link {
        padding: 0px;
    }

    .footer ul {
        list-style-type: none;
    }

    .footer a {
        color: #fff;
    }

        .footer a:hover {
            text-decoration: underline;
        }

li.footer-nav-item {
    color: #fff;
}

ul.nav-menu-items {
    margin: 0px;
    padding: 5px 0px;
}

.footer .nav-item:hover {
    background-color: unset;
}

.font-size-footermenu {
    font-size: 1.2em;
}

#copyright {
    float: left;
}

/*region licentie registreren */
.progress-table {
    display: block;
    border: solid 1px blue;
    padding: 5px;
}

.progress-table-header {
    width: 100%;
    height: 30px;
    font-weight: 700;
}

.progress-table-body {
    width: 100%;
    min-height: 256px;
    display: inline-block;
}

.progress-table-item {
    height: 24px;
    margin: 5px 0px 2px;
}

.progress-table-label {
    float: left;
    margin-right: 10px;
    padding-top: 2px;
}

/*region shop file upload*/
.input-file-upload-button {
    display: none
}

.no-margin {
    margin: 0px;
}
/*eind shop file upload region*/
/*region mobile */
@media (max-width: 580px) {
    .nav-item {
        border: 0px !important;
    }

    #banner-title {
        width: 60%;
    }

        #banner-title h2 {
            font-size: 1.75rem;
        }

        #banner-title h3 {
            font-size: 1.5rem;
        }

    .sticky-smaller .logo-image {
        margin-top: -20px !important;
    }

    .sticky-smaller .banner {
        padding: 25px 10px;
    }

    .column6, .column8 {
        padding: 0px 0px 0px 0px !important;
    }

    .column6a {
        padding: 0px 0px 0px 0px !important;
    }

    .column7 {
        padding: 0px 0px 0px 0px !important;
    }

    .section3 {
        padding-left: 0px !important;
    }

    .section4 {
        padding: 40px 0px 0px 0px !important;
    }

    .section6 {
        padding: 0px !important;
    }

    .column-container {
        width: 100% !important;
        background-position: right 175px;
    }

    .column-section2 {
        padding: 5px !important;
    }

    .column-section1, .column-section5 {
        padding-top: 20px !important;
        height: 530px !important;
        background-position: right 175px;
    }

    .column-section3, .column-section7 {
        padding-top: 0px !important;
    }

    .steps-container {
        display: none;
    }

    .column, .column2 {
        width: 100% !important;
        padding: 0px !important;
    }

    section.rows {
        width: 100% !important;
        margin-left: 0 !important;
    }

    section.rows {
        padding-top: 305px !important;
    }

    .arrow {
        opacity: 0 !important;
        top: -210px !important;
    }

    .fixed-arrow {
        width: 80%;
    }

    #text-select1 {
        margin-top: 10px;
        width: 100% !important;
    }

    #text-select12 {
        margin-top: 345px;
    }

    .column1, .column3, .column5 {
        height: unset !important;
    }

    .column-container:nth-child(3), .column-container:nth-child(5) {
        padding-top: 20px;
    }
}

/*endregion */

/*#region Support pagina*/
.faq-item {
    cursor: pointer;
    padding: 5px;
    border: 1px solid #ccc;
    transition: background-color .2s ease-in-out;
}

    .faq-item:hover {
        background: #f7f7f7;
    }

.faq-answer {
    display: none;
}

.faq-question i {
    transition: transform .2s ease-in-out;
    padding: 0px 5px;
}

.faq-open {
    font-weight: bold;
}

    .faq-open i {
        transform: rotate(180deg);
    }
/*#endregion*/

/*region licentie wijzigen*/

#eigen-groep {
    margin-top: 70px;
}

.eigen-regel {
    margin-bottom: 1rem;
    clear: both;
    display: flex;
}

/*endregion*/
/*region inlog scherm*/
label {
    padding: 0px 3px 0px 0px;
}
/*eindregion*/

@media (min-width: 576px) {
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 2rem;
        padding-left: 2rem;
    }
}

@media (max-width: 1199px) {

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    img.home-img1, img.home-img2, img.rubriekenscherm-img, img.integratie-img, img.formimage {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    #banner-title h2 {
        font-size: 1.5rem;
    }

    #banner-title h3 {
        font-size: 1.1rem;
    }

    .column-container {
        width: 100%;
    }

    .column1, .column3, .column5, .column6, .column6a, .column8 {
        padding: 0px;
    }

    .column, .column2 {
        width: 100%;
        padding: 0px;
    }

    .column4 {
        display: none;
    }

    .column7 {
        float: unset !important;
        clear: both !important;
        width: 100%;
        max-width: 100%;
    }

    .column-section3 {
        padding-top: 0px !important;
    }

    .steps-container {
        width: 100% !important;
    }

        .steps-container .arrow {
            top: -240px;
        }

    .fixed-arrow.arrow {
        width: 81% !important;
    }

    section.rows {
        padding-top: 20px;
        margin-bottom: 100px;
    }

        section.rows .img {
            height: 50%;
            position: relative;
            width: 100% !important;
        }

            section.rows .img > img {
                width: 100%;
            }

    .blocks {
        display: none;
    }

    .column3, .column5 {
        padding-top: 0px;
    }

    .column-container {
        background-image: none;
    }

    .column5 > .section2 {
        background-color: transparent;
    }
}

.label-container.management {
    padding: 2px 5px;
    text-align: left;
}

    .label-container.management.title {
        border-bottom: 2px solid black;
    }

        .label-container.management.title label {
            padding-bottom: 0px;
            margin-bottom: 0px;
        }