.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.formContact{
  background: rgba(0, 0, 0, 0.35);
  padding: 1.8125rem 2.5rem 0.625rem 2.5rem;

}
.lfr-layout-structure-item-cb199456-0bd8-ae58-99b4-8b719cd3cb20 #ddm-form-submit {
    display: flex;
    height: 3rem;
    padding: 0.8125rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid #FFF;
    background: transparent;
    border-radius: 0;
}
.lfr-layout-structure-item-cb199456-0bd8-ae58-99b4-8b719cd3cb20 {
position: relative;
z-index: 2;
}

.lfr-layout-structure-item-cb199456-0bd8-ae58-99b4-8b719cd3cb20 .form-control {
    background: transparent;
    border: solid white 1px;
    color: white;
}

 .lfr-layout-structure-item-cb199456-0bd8-ae58-99b4-8b719cd3cb20 .lfr-ddm__default-page-header-title{
  color: white;
}
.lfr-ddm__default-page-header-line{
  display: none;
}
.lfr-ddm__default-page-header{
  margin-bottom:0;
}
 label.ddm-label {
    color: #FFF;
  font-family: Inter;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}
 .lfr-layout-structure-item-cb199456-0bd8-ae58-99b4-8b719cd3cb20 .form-control:not(textarea) {
    height: 3rem;
}
 .ddm-field-text {
    border-radius: var(--border-radius-sm);
}
/* Checkbox styling als knoppen binnen contactContainer */
 .lfr-ddm-checkbox-multiple {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.custom-control.custom-checkbox {
  margin: 0;
  padding: 0;
}

.custom-control-input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

 .custom-control-label {
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}

 .custom-control-label-text {
  display: inline-block;
  border: solid var(--body-color) 1px;
  padding: 5px!important;
  transition: all 0.2s ease;
}

/* Checked state */
 .custom-control-input[type="checkbox"]:checked ~ .custom-control-label .custom-control-label-text {
  background-color: var(--body-color);
  color: white;
}

/* Hover state voor betere UX */
 .custom-control-label:hover .custom-control-label-text {
  opacity: 0.8;
}
 .custom-control-label::before,  .custom-control-label::after{
  display:none;
}
 .custom-control-outside label{
padding-left:0;
}
.ddm-form-page p.text-secondary {
    display: none;
}