@media (min-width: 1280px){
  .paragraphblock:has(> .box > .box-content > #beleggingsmix) {
    --grid-columns: 7;
  }
}

#beleggingsmix {
  margin: 0;
}

#beleggingsmix figcaption {
  margin-bottom: var(--spacing-50);
}

#beleggingsmix p {
  margin-bottom: var(--spacing-70);
}

#beleggingsmix form {
  margin-bottom: var(--spacing-70);
}

#beleggingsmix form h4 {
  font-size: var(--body-large);
  margin-block: var(--spacing-30) var(--spacing-20);
}

#beleggingsmix .mdc-text-field--outlined .mdc-notched-outline {
  z-index: -1;
}

#beleggingsmix .mat-mdc-notch-piece {
  background-color: var(--colors-neutral-50);
}



/* ------ horizonbeleggen  ------ */

.paragraphblock img[src$='.svg'] {
  display: block;
  height: auto;
  max-width: 100%;
  width: auto;
}



/* ------ vrijbeleggen, keuzebeleggen ------ */

.paragraphblock table a {
  align-items: baseline;
  display: inline-flex;
  flex-direction: row;
  text-decoration: none !important;
}

.paragraphblock table a.new::before,
.paragraphblock table a.closed::before {
border-radius: var(--radius-full);
  color: var(--colors-link) !important;
  display: inline-block;
  font-size: .75rem;
  line-height: 1.5rem;
  margin: -.25rem var(--spacing-10) -.25rem 0;
  padding: 0 var(--spacing-15);
  text-transform: uppercase;
}

.paragraphblock table a.new::before {
  background-color: var(--colors-notification-success);
  content: "Nieuw";
}

.paragraphblock table a.closed::before {
  background-color: var(--colors-notification-error);
  content: "Gesloten";
}

html[lang="en"] .paragraphblock table a.new::before {
  content: "New";
}

html[lang="en"] .paragraphblock table a.closed::before {
  content: "Closed";
}

.paragraphblock table br ~ a::before {
  opacity: 0;
}

.paragraphblock table br {
  display: block;
  margin-bottom: var(--spacing-10);
}



/* ------ temporary #1642755 ------ */

hr, .divider {
  margin-block: calc(var(--divider-margin-block, var(--spacing-130)) - var(--divider-row-gap, 0rem));
}



/* ---------- popover bug ---------- */

main .mzl-scope [popover] {
  background: transparent;
  border-radius: unset;
  box-shadow: unset;
  color: inherit;
  display: block;
  font-size: inherit;
  max-inline-size: unset;
  opacity: 1;
  padding: 0;
  transition: unset;
}

main .mzl-scope [popover]:popover-open {
  display: flex;
  opacity: 1;
}

@supports (anchor-name:--popover-dfn) {
    main .mzl-scope [popover] {
        inset: auto;
        top: 0;
        left: 0;
        margin: unset;
        position-anchor: auto;
        position-try-fallbacks: none;
        position: fixed;
    }

    @media (min-width: 1024px) {
        main .mzl-scope [popover] {
            left: 0
            margin-inline: unset;
            position-try-fallbacks: none;
        }
    }
}

main .mzl-scope .cdk-overlay-connected-position-bounding-box {
  display: flex;
}