.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-0b06dcda-6996-ed2e-ec7e-84be4e737397 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-0b06dcda-6996-ed2e-ec7e-84be4e737397) !important;
margin-bottom: -30px !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-9adf2586-7d64-e299-213b-0b8bc112581e {
margin-bottom: -8px !important;
}
.lfr-layout-structure-item-06aceb3b-820b-e750-b397-7f74a1280ae4 {
color: var(--brand-color-1) !important;
}
.lfr-layout-structure-item-1e0015d1-1125-9888-30a3-d47e84da34ad {
padding-top: var(--spacer-7,6rem) !important;
}
.lfr-layout-structure-item-4cdd59da-6d09-80ee-25f4-f8019f70e493 {
background-color: #F0F2F6 !important;
padding-bottom: var(--spacer-6,4.5rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-12d3ce35-0e4e-29ba-d94e-f0867140fafc {
margin-bottom: var(--spacer-4,1.5rem) !important;
margin-top: 0rem !important;
}
.lfr-layout-structure-item-12d3ce35-0e4e-29ba-d94e-f0867140fafc {
z-index: 999999;
}.lfr-layout-structure-item-bd396fb8-d9d0-b4b3-801e-24d4e9bcc4ad {
display: none !important;
}
.lfr-layout-structure-item-f586988e-41ef-45c3-2bcf-a8c51c386f1a {
padding-bottom: var(--spacer-6,4.5rem) !important;
}
.lfr-layout-structure-item-4ba929d2-9773-c526-7b7c-cb1a032d73de {
padding-bottom: var(--spacer-7,6rem) !important;
padding-top: var(--spacer-6,4.5rem) !important;
}
.lfr-layout-structure-item-0bc6ece4-50d8-563b-f394-97f9b30e1f84 {
padding-bottom: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-696e938d-27c7-66ad-7d65-6be780af19e8 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-696e938d-27c7-66ad-7d65-6be780af19e8) !important;
}
.lfr-layout-structure-item-1c504ffa-c2ff-cc22-2dc6-d3a91688a111 {
margin-top: -40px !important;
}
 
.lfr-layout-structure-item-1c504ffa-c2ff-cc22-2dc6-d3a91688a111 .portlet-journal-content .portlet .portlet-header{
height:0;
z-index: -1;
}
.portlet{
margin-bottom:0;
}
/* =========================
   BAS FENNIK - HOME FORM
========================= */
.lfr-layout-structure-item-57e042f4-3f89-a82a-2a2c-412c8e12cf21 form{
position:relative;
z-index:1;
}
/* Form wrapper / kaart */
.ddm-form-container,
.lfr-ddm-form-container,
.portlet-forms-display .ddm-form-container,
.portlet-forms-display .lfr-ddm-form-container {
    width: min(660px, calc(100% - 32px)) !important;
    margin: 0 auto !important;
    padding: clamp(28px, 3vw, 38px) !important;

    background: rgba(97, 125, 157, 0.86) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    border: none !important;
}

/* Standaard Liferay titel/onderlijn/meldingen verbergen */
.ddm-form-container .sheet-title,
.ddm-form-container .lfr-ddm-form-page-title,
.ddm-form-container .required-warning,
.ddm-form-container .form-text,
.ddm-form-container .text-warning,
.ddm-form-container .lfr-ddm-form-pagination-controls,
.ddm-form-container .ddm-form-basic-info,
.ddm-form-container .ddm-form-description,
.ddm-form-container .ddm-form-name,
.ddm-form-container .ddm-form-subtitle,
.lfr-ddm-form-container .sheet-title,
.lfr-ddm-form-container .required-warning,
.lfr-ddm-form-container .form-text,
.lfr-ddm-form-container .text-warning {
    display: none !important;
}

/* Field group titel verbergen */
.ddm-form-container legend,
.lfr-ddm-form-container legend,
.ddm-form-container .fieldset-legend,
.lfr-ddm-form-container .fieldset-legend {
    display: none !important;
}

/* Labels boven input verbergen */
.ddm-form-container label.control-label,
.lfr-ddm-form-container label.control-label,
.ddm-form-container .form-group label:not(.custom-control-label),
.lfr-ddm-form-container .form-group label:not(.custom-control-label) {
    display: none !important;
}

/* Alleen radio/checkbox label zichtbaar houden */
.ddm-form-container .custom-control-label,
.lfr-ddm-form-container .custom-control-label {
    display: inline-block !important;
    color: #ffffff !important;
    font-family: "Work Sans", sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

/* Tekst bovenin formulier */
.ddm-form-container p,
.lfr-ddm-form-container p {
    color: #ffffff !important;
    font-family: "Work Sans", sans-serif !important;
    font-size: 18px !important;
    line-height: 1.45 !important;
}

/* Form spacing */
.ddm-form-container .form-group,
.lfr-ddm-form-container .form-group,
.ddm-form-container .field-wrapper,
.lfr-ddm-form-container .field-wrapper {
    margin-bottom: 16px !important;
}

/* Inputvelden */
.ddm-form-container .form-control,
.lfr-ddm-form-container .form-control,
.ddm-form-container input,
.ddm-form-container textarea,
.ddm-form-container select,
.lfr-ddm-form-container input,
.lfr-ddm-form-container textarea,
.lfr-ddm-form-container select {
    width: 100% !important;

    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.62) !important;
    border-radius: 4px !important;

    color: #ffffff !important;
    font-family: "Work Sans", sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;

    padding: 15px 18px !important;
    min-height: 56px !important;

    box-shadow: none !important;
    outline: none !important;
}

/* Placeholder wit */
.ddm-form-container .form-control::placeholder,
.lfr-ddm-form-container .form-control::placeholder,
.ddm-form-container input::placeholder,
.ddm-form-container textarea::placeholder,
.lfr-ddm-form-container input::placeholder,
.lfr-ddm-form-container textarea::placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Browser fallback placeholders */
.ddm-form-container input::-webkit-input-placeholder,
.ddm-form-container textarea::-webkit-input-placeholder,
.lfr-ddm-form-container input::-webkit-input-placeholder,
.lfr-ddm-form-container textarea::-webkit-input-placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}

.ddm-form-container input::-ms-input-placeholder,
.ddm-form-container textarea::-ms-input-placeholder,
.lfr-ddm-form-container input::-ms-input-placeholder,
.lfr-ddm-form-container textarea::-ms-input-placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Focus */
.ddm-form-container .form-control:focus,
.lfr-ddm-form-container .form-control:focus,
.ddm-form-container input:focus,
.ddm-form-container textarea:focus,
.lfr-ddm-form-container input:focus,
.lfr-ddm-form-container textarea:focus {
    border-color: #ffffff !important;
    box-shadow: none !important;
}

/* Required asterisk rood houden */
.ddm-form-container .reference-mark,
.lfr-ddm-form-container .reference-mark,
.ddm-form-container .lexicon-icon-asterisk,
.lfr-ddm-form-container .lexicon-icon-asterisk {
    color: #ff0000 !important;
    fill: #ff0000 !important;
}

/* Radio button */
.ddm-form-container .custom-control,
.lfr-ddm-form-container .custom-control {
    margin-bottom: 18px !important;
    padding-left: 34px !important;
}

.ddm-form-container .custom-control-input,
.lfr-ddm-form-container .custom-control-input {
    width: auto !important;
    min-height: auto !important;
}

.ddm-form-container .custom-control-label::before,
.lfr-ddm-form-container .custom-control-label::before {
    width: 22px !important;
    height: 22px !important;
    left: -34px !important;
    top: 2px !important;

    background-color: #ffffff !important;
    border: 4px solid #ffffff !important;
    box-shadow: none !important;
}

.ddm-form-container .custom-control-label::after,
.lfr-ddm-form-container .custom-control-label::after {
    width: 12px !important;
    height: 12px !important;
    left: -29px !important;
    top: 7px !important;
    background: #75aaa6 !important;
    border-radius: 50% !important;
}

/* Date picker knopje rechts rustiger maken */
.ddm-form-container .input-group-inset-item,
.lfr-ddm-form-container .input-group-inset-item,
.ddm-form-container .input-group-append .btn,
.lfr-ddm-form-container .input-group-append .btn {
    background: rgba(255,255,255,0.95) !important;
    border: none !important;
    border-radius: 3px !important;
}

/* Button */
.ddm-form-container .btn-primary,
.lfr-ddm-form-container .btn-primary,
.portlet-forms-display .btn-primary {
    width: auto !important;
    min-width: unset !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-top: 8px !important;
    padding: 12px 18px !important;

    background: #ffffff !important;
    color: #111111 !important;

    border: none !important;
    border-radius: 4px !important;

    font-family: "Work Sans", sans-serif !important;
    font-size: 17px !important;
    font-weight: 500 !important;

    box-shadow: none !important;
    text-decoration: none !important;
    transition: background .2s ease, transform .2s ease;
}

/* Button tekst aanpassen als hij Submit blijft tonen kan via formulier zelf,
   maar styling staat alvast goed */
.ddm-form-container .btn-primary:hover,
.lfr-ddm-form-container .btn-primary:hover,
.portlet-forms-display .btn-primary:hover {
    background: #f2f2f2 !important;
    color: #111111 !important;
    transform: translateY(-1px);
}

/* Verwijder rare standaard spacing onderaan */
.ddm-form-container .sheet,
.lfr-ddm-form-container .sheet,
.ddm-form-container .panel,
.lfr-ddm-form-container .panel {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Mobile */
@media (max-width: 767px) {
    .ddm-form-container,
    .lfr-ddm-form-container {
        width: calc(100% - 28px) !important;
        padding: 26px 20px !important;
    }

    .ddm-form-container p,
    .lfr-ddm-form-container p,
    .ddm-form-container .custom-control-label,
    .lfr-ddm-form-container .custom-control-label,
    .ddm-form-container .form-control,
    .lfr-ddm-form-container .form-control {
        font-size: 16px !important;
    }
}
.portlet-forms .lfr-ddm-form-page-title {
    font-size: 19px !important;
    margin-bottom: 9px !important;
    margin-top: 0 !important;
    font-style: normal !important;
    overflow-wrap: break-word !important;
    font-family: 'Work Sans' !important;
    font-weight: 700 !important;
    line-height: 25px !important;
}
.lfr-ddm__default-page-header {
    display: none !important;
}
.portlet-forms .lfr-ddm-form-page-description {
    margin-top: 20px !important;
    font-size: 19px !important;
    font-family: 'Work Sans' !important;
    font-weight: 400 !important;
    line-height: 25px !important;
    font-style: normal !important;
}
.lfr-ddm-form-container p{
display: none !important;
}
.mt-1 {
    display: none !important;
}

.lfr-de__field-feedback{
color: white !important;
}
.input-group-item{
    flex-wrap: nowrap !important;
}
.lfr-ddm-form-container .lfr-ddm-form-pagination-controls{
padding-top: 0px !important;
}.lfr-layout-structure-item-3d51e550-72c0-02de-fb6e-423dc41a25d5 {
background-color: #EEF1F5 !important;
display: none !important;
}
.lfr-layout-structure-item-cd24837d-d18d-6f8e-bf0f-15d14d43c66f {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-cd24837d-d18d-6f8e-bf0f-15d14d43c66f) !important;
}
.lfr-layout-structure-item-434d66ae-ee36-b89a-f060-f5b1ed001e80 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-434d66ae-ee36-b89a-f060-f5b1ed001e80) !important;
}
.lfr-layout-structure-item-ccbac386-e9ad-24e6-51cf-9202ca720b76 {
background-color: #F0F2F6 !important;
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-ccbac386-e9ad-24e6-51cf-9202ca720b76) !important;
}
.lfr-layout-structure-item-53491b2c-4167-5e53-b9d3-3066cb89651b {
padding-bottom: var(--spacer-6,4.5rem) !important;
padding-top: var(--spacer-7,6rem) !important;
}
@media screen and (max-width: 991px) {.lfr-layout-structure-item-0bc6ece4-50d8-563b-f394-97f9b30e1f84 {
padding-bottom: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-937c8448-dcb3-66d1-699d-75f398bfa8bd {
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-53491b2c-4167-5e53-b9d3-3066cb89651b {
padding-bottom: var(--spacer-0,0rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
}
}@media screen and (max-width: 767px) {.lfr-layout-structure-item-cd24837d-d18d-6f8e-bf0f-15d14d43c66f {
display: block !important;
}
.lfr-layout-structure-item-53491b2c-4167-5e53-b9d3-3066cb89651b {
padding-bottom: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
}@media screen and (max-width: 575px) {.lfr-layout-structure-item-f586988e-41ef-45c3-2bcf-a8c51c386f1a {
padding-left: var(--spacer-2,0.5rem) !important;
padding-right: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-937c8448-dcb3-66d1-699d-75f398bfa8bd {
padding-left: var(--spacer-2,0.5rem) !important;
padding-right: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-ccbac386-e9ad-24e6-51cf-9202ca720b76 {
padding-top: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-53491b2c-4167-5e53-b9d3-3066cb89651b {
padding-bottom: var(--spacer-4,1.5rem) !important;
}
}