.postcodecontainer input{
    padding: 1em 0!important;
}
.postcodecontainer #postcodecheck span{
    left: -20px!important;
}
#postcodecheck .col-group div{
    position:relative!important;
}
.formlabel{
    padding-left:20px!important;
}
h2{
    font-size:30px!important;
    margin-top:15px!important;
    padding-bottom: 20px!important;
}
.legendacontainer .col-12 div{
    margin-top: unset!important;
}
#map{
    margin: 10px 0!important;
}
#headercontainer .logo{
    display:unset!important;
    margin: unset!important;
    float:left!important;
    max-height:100px!important;
}
.card-header{
    font-size:25px!important;
}
.card-body{
    font-size:15px!important;
}
.gebruikercontainer{
    float:right!important;
}
.menublockcontainer .col-group{
    padding: 0 20px!important;
}
.ba-card-body i{
    margin-top:10%!important;
}
.formlabel.large{
    display:none!important;
}

#postcodecheck{
    padding: 10px 0!important;
}
#postcodecheck .formlabel{
    margin-bottom: 15px!important
}
.checkcontainer .checkmark {
    left:0!important;
}
.productlijstcontainer .col-7{
    line-height:20px!important;
}
.productbackgroundcontainer{
    font-size:15px!important;
}
#formulier2 .producthead{
    font-size:15px!important;
}
#formulier2 .productcontainer .col-12{
    margin-top:10px!important;
    font-size:15px!important;
}
#formulier2 .productcontainer .col-group{
    padding:unset!important;
}
.actieterrein{
    font-size:17px!important;
}
.overzichtcontainer .productencontainer.small{
    display:block!important;
}
.overzichtcontainer .productencontainer.large{
    display:none!important;
}
.wijzigcontainer .formlabel{
    font-size:20px!important;
    padding-left:0!important;
}
.wijzigcontainer #controleer{
    font-size:20px!important;
}
.ipcontainer input {
    width:70%!important;
}
.removeentry, .newentry{
    width:40px!important;
    height:40px!important;
    font-size:20px!important;
    padding: 5px 0!important;
}
.newentry {
    bottom: 138px!important;
    right: -10px!important;
}
#buttonbar{
    height:100px!important;
}
#aanmeldform{
    padding: 30px!important;
}
.productbackgroundcontainer .col-6{
    padding-top:20px!important;
}
#dialog2 #formulier2{
    width:100%!important;
}
.productcontainer{
    margin-top:10px!important;
    padding-left:10px!important;
}
.invulfooter{
    min-height:100px!important;
}
.headertitlelarge{
    display:none;
}



/*--------
responsive
--------*/
@media screen and (min-width: 1001px) {
    .leaflet-container{
        max-height:50vh;
    }
    .legendacontainer{
        font-size:0.7em;
    }
    #controleer{
        font-size:0.7em;
    }
    .productfooter.large{
        display:block;
    }
    .productfooter.small{
        display:none;
    }
    .productbackgroundcontainer .col-3.flexed{
        width:33%;
    }
    #formulier2{
        width:45vw!important;
        margin:0!important;
    }
    .containerrow .name{
        font-size:16px;
    }
    button{
        padding:0.7em!important;
    }
    .scrollcontainer{
        height:65vh!important;
    }
    #headercontainer .small{
        display:none!important;
    }
    #headercontainer .large{
        display:block!important;
    }
    #headercontainer .medium{
        display:none!important;
    }
    .overzichtcontainer.small{
        display:none;
    }
    .overzichtcontainer.large{
        display:block;
    }
}

@media screen and (max-width: 1000px) {
    .leaflet-container{
        max-height:40vh;
    }
    .legendacontainer{
        font-size:0.6em;
    }
    #controleer{
        font-size:0.7em;
    }
    #postcodecheck .col-4{
        width:100%;
    }
    #postcodecheck .formlabel{
        margin-bottom:0;
        padding-top:0;
        margin-top:10px;
        padding-right:0;
    }
    #postcodecheck input{
        margin-bottom:10px;
        padding: 0.7em 0;
    }
    #postcodecheck button{
        font-size:15px!important;
    }
    .productfooter.large{
        display:block;
    }
    .productfooter.small{
        display:none;
    }
    .productlijstcontainer.containerheader{
        padding:15px 25px;
    }
    .bestelknop{
        margin-top:0;
        padding:0;
        line-height:25px;
    }
    .productbackgroundcontainer .col-3.flexed{
        width:40%;
    }
    .productbackgroundcontainer{
        padding: 0;
    }
    #formulier2{
        width:100%;
        margin: 0 auto!important;
    }
    .containerrow .name{
        font-size:14px;
    }
    #formulier2{
        width:100%!important
    }
    .scrollcontainer{
        height:66vh!important;
        margin-top:0px;
    }
    .gegevenscontainer{
        max-width:unset!important;
        overflow:hidden;
    }
    .gegevenscontainer .footer{
        margin:0!important;
    }
    button{
        padding:0.8em!important;
    }
    #headercontainer .small{
        display:none;
    }
    #headercontainer .large{
        display:none!important;
    }
    #headercontainer .medium{
        display:block!important;
    }
    .gebruikercontainer{
        display:none!important;
    }
    .containerrow .col-2{
        padding:0!important;
    }
    .overzichtcontainer.small{
        display:none;
    }
    .overzichtcontainer.large{
        display:block;
    }
}
  
@media screen and (max-width: 800px) {
    .leaflet-container{
        max-height:50vh;
    }
    .legendacontainer{
        font-size:0.7em;
    }
    #controleer{
        font-size:0.7em;
    }
    #postcodecheck{
        padding:25px 15px!important;
    }
    #producten .overzichtcontainer{
        font-size:15px!important;
    }
    #postproducten .overzichtcontainer div{
        line-height: 25px;
    }
    .productfooter.large{
        display:none;
    }
    .productfooter.small{
        display:block!important;
    }
    .productlijstcontainer.large{
        display:none;
    }
    .productlijstcontainer.small{
        display:block;
    }
    .productlijstcontainer.containerheader{
        padding:15px 10px;
    }
    .bestelknop{
        width:100%!important;
    }
    .productbackgroundcontainer .col-3.flexed{
        width:100%;
        margin-top:10px;
    }
    .productbackgroundcontainer{
        padding: 0 18px;
    }
    #formulier2{
        margin: 0!important;
    }
    .productbackgroundcontainer{
        padding:10px 10px 0 10px!important;
        font-size:11px!important;
    }
    #formulier2{
        width:100%!important
    }
    #formulier2 .col-group{
        padding:0!important;
    }
    #formulier2 .label{
        font-size:20px!important;
    }
    #formulier2 input{
        font-size:16px!important;
    }
    #formulier2 label.label{
        font-size:10px!important;
    }
    .producthead{
        font-size:16px!important;
    }
    .invulfooter button{
        margin-bottom:5px;
        padding: 10px 15px!important;
    }
    .scrollcontainer{
        height:50vh!important;
        margin-top:5px;
    }
    #formulier2 .nodig{
        width:90%!important;
        margin-left:15px!important;
    }
    .gegevenscontainer b{
        font-size:20px;
    }
    .gegevenscontainer .download .col-12{
        font-size:11px!important;
        text-align:left!important;
    }
    .gegevenscontainer .footer{
        padding:0;
    }
    .gegevenscontainer .footer button{
        font-size:0.4em!important;
    }
    .gegevenscontainer .footer div{
        float:left;
    }
    .gegevenscontainer .footer .col-2{
        width:0;
    }
    .gegevenscontainer .footer .col-5{
        width:50%;
    }
    button{
        padding:0.6em!important;
    }
    #headercontainer .small{
        display:block!important;
    }
    #headercontainer .large{
        display:none!important;
    }
    #headercontainer .medium{
        display:none!important;
    }
    #headerplaceholder{
        height:170px!important;
    }
    .overzichtcontainer.small{
        display:block;
    }
    .overzichtcontainer.large{
        display:none;
    }
}
  
  
@media screen and (min-width: 601px) {
    .login-form{
        padding: 0 50px;
    }
    .login-form img{
        margin: 20px auto;
    }
}
  
@media screen and (max-width: 600px) {
    
    .formlabel{
        font-size:0.7em!important;
    }
    .login-form{
        margin-top:5vh;
        padding: 0 25px;
    }
    .login-form img{
        margin:0;
    }
    .login-form .k-textbox{
        font-size:70%!important;
    }
}