@dso-toolkit/core 80.0.0 → 81.1.0

package/dist/collection/components/ozon-content/ozon-content.css

@@ -98,15 +98,12 @@ button.dso-primary.dso-small,
 label.dso-primary.dso-small {
   line-height: 1rem;
 }
-a.dso-primary.dso-small dso-icon,
-a.dso-primary.dso-small svg.di, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before,
+a.dso-primary.dso-small dso-icon, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before,
 button.dso-primary.dso-small dso-icon,
-button.dso-primary.dso-small svg.di,
 button.dso-primary.dso-small.extern::after,
 button.dso-primary.dso-small.download::after,
 button.dso-primary.dso-small.dso-spinner::before,
 label.dso-primary.dso-small dso-icon,
-label.dso-primary.dso-small svg.di,
 label.dso-primary.dso-small.extern::after,
 label.dso-primary.dso-small.download::after,
 label.dso-primary.dso-small.dso-spinner::before {
@@ -130,15 +127,12 @@ button.dso-primary.dso-extra-small,
 label.dso-primary.dso-extra-small {
   line-height: 1rem;
 }
-a.dso-primary.dso-extra-small dso-icon,
-a.dso-primary.dso-extra-small svg.di, a.dso-primary.dso-extra-small.extern::after, a.dso-primary.dso-extra-small.download::after, a.dso-primary.dso-extra-small.dso-spinner::before,
+a.dso-primary.dso-extra-small dso-icon, a.dso-primary.dso-extra-small.extern::after, a.dso-primary.dso-extra-small.download::after, a.dso-primary.dso-extra-small.dso-spinner::before,
 button.dso-primary.dso-extra-small dso-icon,
-button.dso-primary.dso-extra-small svg.di,
 button.dso-primary.dso-extra-small.extern::after,
 button.dso-primary.dso-extra-small.download::after,
 button.dso-primary.dso-extra-small.dso-spinner::before,
 label.dso-primary.dso-extra-small dso-icon,
-label.dso-primary.dso-extra-small svg.di,
 label.dso-primary.dso-extra-small.extern::after,
 label.dso-primary.dso-extra-small.download::after,
 label.dso-primary.dso-extra-small.dso-spinner::before {
@@ -163,28 +157,19 @@ label.dso-primary.dso-extra-small {
   padding-block: 9px;
 }
 a.dso-primary dso-icon:has(+ span:not(.sr-only)),
-a.dso-primary svg.di:has(+ span:not(.sr-only)),
 button.dso-primary dso-icon:has(+ span:not(.sr-only)),
-button.dso-primary svg.di:has(+ span:not(.sr-only)),
-label.dso-primary dso-icon:has(+ span:not(.sr-only)),
-label.dso-primary svg.di:has(+ span:not(.sr-only)) {
+label.dso-primary dso-icon:has(+ span:not(.sr-only)) {
   margin-inline-start: -8px;
 }
 a.dso-primary span:not(.sr-only) + dso-icon,
-a.dso-primary span:not(.sr-only) + svg.di,
 button.dso-primary span:not(.sr-only) + dso-icon,
-button.dso-primary span:not(.sr-only) + svg.di,
-label.dso-primary span:not(.sr-only) + dso-icon,
-label.dso-primary span:not(.sr-only) + svg.di {
+label.dso-primary span:not(.sr-only) + dso-icon {
   margin-inline-start: 8px;
   margin-inline-end: -8px;
 }
 a.dso-primary dso-icon + span:not(.sr-only),
-a.dso-primary svg.di + span:not(.sr-only),
 button.dso-primary dso-icon + span:not(.sr-only),
-button.dso-primary svg.di + span:not(.sr-only),
-label.dso-primary dso-icon + span:not(.sr-only),
-label.dso-primary svg.di + span:not(.sr-only) {
+label.dso-primary dso-icon + span:not(.sr-only) {
   margin-inline-start: 8px;
 }
 a.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled],
@@ -318,15 +303,12 @@ button.dso-secondary.dso-small,
 label.dso-secondary.dso-small {
   line-height: 1rem;
 }
-a.dso-secondary.dso-small dso-icon,
-a.dso-secondary.dso-small svg.di, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before,
+a.dso-secondary.dso-small dso-icon, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before,
 button.dso-secondary.dso-small dso-icon,
-button.dso-secondary.dso-small svg.di,
 button.dso-secondary.dso-small.extern::after,
 button.dso-secondary.dso-small.download::after,
 button.dso-secondary.dso-small.dso-spinner::before,
 label.dso-secondary.dso-small dso-icon,
-label.dso-secondary.dso-small svg.di,
 label.dso-secondary.dso-small.extern::after,
 label.dso-secondary.dso-small.download::after,
 label.dso-secondary.dso-small.dso-spinner::before {
@@ -350,15 +332,12 @@ button.dso-secondary.dso-extra-small,
 label.dso-secondary.dso-extra-small {
   line-height: 1rem;
 }
-a.dso-secondary.dso-extra-small dso-icon,
-a.dso-secondary.dso-extra-small svg.di, a.dso-secondary.dso-extra-small.extern::after, a.dso-secondary.dso-extra-small.download::after, a.dso-secondary.dso-extra-small.dso-spinner::before,
+a.dso-secondary.dso-extra-small dso-icon, a.dso-secondary.dso-extra-small.extern::after, a.dso-secondary.dso-extra-small.download::after, a.dso-secondary.dso-extra-small.dso-spinner::before,
 button.dso-secondary.dso-extra-small dso-icon,
-button.dso-secondary.dso-extra-small svg.di,
 button.dso-secondary.dso-extra-small.extern::after,
 button.dso-secondary.dso-extra-small.download::after,
 button.dso-secondary.dso-extra-small.dso-spinner::before,
 label.dso-secondary.dso-extra-small dso-icon,
-label.dso-secondary.dso-extra-small svg.di,
 label.dso-secondary.dso-extra-small.extern::after,
 label.dso-secondary.dso-extra-small.download::after,
 label.dso-secondary.dso-extra-small.dso-spinner::before {
@@ -383,28 +362,19 @@ label.dso-secondary.dso-extra-small {
   padding-block: 9px;
 }
 a.dso-secondary dso-icon:has(+ span:not(.sr-only)),
-a.dso-secondary svg.di:has(+ span:not(.sr-only)),
 button.dso-secondary dso-icon:has(+ span:not(.sr-only)),
-button.dso-secondary svg.di:has(+ span:not(.sr-only)),
-label.dso-secondary dso-icon:has(+ span:not(.sr-only)),
-label.dso-secondary svg.di:has(+ span:not(.sr-only)) {
+label.dso-secondary dso-icon:has(+ span:not(.sr-only)) {
   margin-inline-start: -8px;
 }
 a.dso-secondary span:not(.sr-only) + dso-icon,
-a.dso-secondary span:not(.sr-only) + svg.di,
 button.dso-secondary span:not(.sr-only) + dso-icon,
-button.dso-secondary span:not(.sr-only) + svg.di,
-label.dso-secondary span:not(.sr-only) + dso-icon,
-label.dso-secondary span:not(.sr-only) + svg.di {
+label.dso-secondary span:not(.sr-only) + dso-icon {
   margin-inline-start: 8px;
   margin-inline-end: -8px;
 }
 a.dso-secondary dso-icon + span:not(.sr-only),
-a.dso-secondary svg.di + span:not(.sr-only),
 button.dso-secondary dso-icon + span:not(.sr-only),
-button.dso-secondary svg.di + span:not(.sr-only),
-label.dso-secondary dso-icon + span:not(.sr-only),
-label.dso-secondary svg.di + span:not(.sr-only) {
+label.dso-secondary dso-icon + span:not(.sr-only) {
   margin-inline-start: 8px;
 }
 a.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled],
@@ -622,67 +592,32 @@ label.dso-tertiary.dso-spinner-right::after {
   margin-inline-start: 8px;
 }
 a.dso-tertiary dso-icon + span:not(.sr-only),
-a.dso-tertiary svg.di + span:not(.sr-only),
 a.dso-tertiary span:not(.sr-only) + dso-icon,
-a.dso-tertiary span:not(.sr-only) + svg.di,
 button.dso-tertiary dso-icon + span:not(.sr-only),
-button.dso-tertiary svg.di + span:not(.sr-only),
 button.dso-tertiary span:not(.sr-only) + dso-icon,
-button.dso-tertiary span:not(.sr-only) + svg.di,
 label.dso-tertiary dso-icon + span:not(.sr-only),
-label.dso-tertiary svg.di + span:not(.sr-only),
-label.dso-tertiary span:not(.sr-only) + dso-icon,
-label.dso-tertiary span:not(.sr-only) + svg.di {
+label.dso-tertiary span:not(.sr-only) + dso-icon {
   margin-inline-start: 8px;
 }
-a.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),
-a.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),
-a.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,
-a.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up,
-button.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),
-button.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),
-button.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,
-button.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up,
-label.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),
-label.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),
-label.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,
-label.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {
-  margin-inline-start: 4px;
-}
 a.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),
 a.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),
-a.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),
-a.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),
-a.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,
-a.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,
 a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],
 a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],
 button.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),
 button.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),
-button.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),
-button.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),
-button.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,
-button.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,
 button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],
 button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],
 label.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),
 label.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),
-label.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),
-label.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),
-label.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,
-label.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,
 label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],
 label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {
   margin-inline-start: 0;
 }
 a.dso-tertiary dso-icon,
-a.dso-tertiary svg.di,
 a.dso-tertiary span,
 button.dso-tertiary dso-icon,
-button.dso-tertiary svg.di,
 button.dso-tertiary span,
 label.dso-tertiary dso-icon,
-label.dso-tertiary svg.di,
 label.dso-tertiary span {
   vertical-align: middle;
 }
@@ -807,15 +742,12 @@ button.dso-map.dso-small,
 label.dso-map.dso-small {
   line-height: 1rem;
 }
-a.dso-map.dso-small dso-icon,
-a.dso-map.dso-small svg.di, a.dso-map.dso-small.extern::after, a.dso-map.dso-small.download::after, a.dso-map.dso-small.dso-spinner::before,
+a.dso-map.dso-small dso-icon, a.dso-map.dso-small.extern::after, a.dso-map.dso-small.download::after, a.dso-map.dso-small.dso-spinner::before,
 button.dso-map.dso-small dso-icon,
-button.dso-map.dso-small svg.di,
 button.dso-map.dso-small.extern::after,
 button.dso-map.dso-small.download::after,
 button.dso-map.dso-small.dso-spinner::before,
 label.dso-map.dso-small dso-icon,
-label.dso-map.dso-small svg.di,
 label.dso-map.dso-small.extern::after,
 label.dso-map.dso-small.download::after,
 label.dso-map.dso-small.dso-spinner::before {
@@ -839,15 +771,12 @@ button.dso-map.dso-extra-small,
 label.dso-map.dso-extra-small {
   line-height: 1rem;
 }
-a.dso-map.dso-extra-small dso-icon,
-a.dso-map.dso-extra-small svg.di, a.dso-map.dso-extra-small.extern::after, a.dso-map.dso-extra-small.download::after, a.dso-map.dso-extra-small.dso-spinner::before,
+a.dso-map.dso-extra-small dso-icon, a.dso-map.dso-extra-small.extern::after, a.dso-map.dso-extra-small.download::after, a.dso-map.dso-extra-small.dso-spinner::before,
 button.dso-map.dso-extra-small dso-icon,
-button.dso-map.dso-extra-small svg.di,
 button.dso-map.dso-extra-small.extern::after,
 button.dso-map.dso-extra-small.download::after,
 button.dso-map.dso-extra-small.dso-spinner::before,
 label.dso-map.dso-extra-small dso-icon,
-label.dso-map.dso-extra-small svg.di,
 label.dso-map.dso-extra-small.extern::after,
 label.dso-map.dso-extra-small.download::after,
 label.dso-map.dso-extra-small.dso-spinner::before {
@@ -872,28 +801,19 @@ label.dso-map.dso-extra-small {
   padding-block: 9px;
 }
 a.dso-map dso-icon:has(+ span:not(.sr-only)),
-a.dso-map svg.di:has(+ span:not(.sr-only)),
 button.dso-map dso-icon:has(+ span:not(.sr-only)),
-button.dso-map svg.di:has(+ span:not(.sr-only)),
-label.dso-map dso-icon:has(+ span:not(.sr-only)),
-label.dso-map svg.di:has(+ span:not(.sr-only)) {
+label.dso-map dso-icon:has(+ span:not(.sr-only)) {
   margin-inline-start: -8px;
 }
 a.dso-map span:not(.sr-only) + dso-icon,
-a.dso-map span:not(.sr-only) + svg.di,
 button.dso-map span:not(.sr-only) + dso-icon,
-button.dso-map span:not(.sr-only) + svg.di,
-label.dso-map span:not(.sr-only) + dso-icon,
-label.dso-map span:not(.sr-only) + svg.di {
+label.dso-map span:not(.sr-only) + dso-icon {
   margin-inline-start: 8px;
   margin-inline-end: -8px;
 }
 a.dso-map dso-icon + span:not(.sr-only),
-a.dso-map svg.di + span:not(.sr-only),
 button.dso-map dso-icon + span:not(.sr-only),
-button.dso-map svg.di + span:not(.sr-only),
-label.dso-map dso-icon + span:not(.sr-only),
-label.dso-map svg.di + span:not(.sr-only) {
+label.dso-map dso-icon + span:not(.sr-only) {
   margin-inline-start: 8px;
 }
 a.dso-map.dso-spinner-left[disabled], a.dso-map.dso-spinner-right[disabled],
@@ -983,9 +903,9 @@ label.dso-map:focus,
 label.dso-map:focus-visible {
   outline-offset: -1px;
 }
-a.dso-map:has(span.sr-only):has(dso-icon, svg.di),
-button.dso-map:has(span.sr-only):has(dso-icon, svg.di),
-label.dso-map:has(span.sr-only):has(dso-icon, svg.di) {
+a.dso-map:has(span.sr-only):has(dso-icon),
+button.dso-map:has(span.sr-only):has(dso-icon),
+label.dso-map:has(span.sr-only):has(dso-icon) {
   padding: 8px;
   min-inline-size: auto;
   block-size: 40px;
@@ -1136,9 +1056,9 @@ table.table,
   max-inline-size: 100%;
   inline-size: 100%;
 }
-table.table .dso-tertiary,
+table.table .dso-tertiary:not(dso-ozon-content-toggletip *),
 table.table dso-icon-button,
-.dso-rich-content table .dso-tertiary,
+.dso-rich-content table .dso-tertiary:not(dso-ozon-content-toggletip *),
 .dso-rich-content table dso-icon-button {
   position: relative;
   inset-block-start: -2px;
@@ -1342,28 +1262,16 @@ table.table > thead > tr > th .dso-primary.dso-sort, table.table > thead > tr >
   color: #191919;
   font-weight: 600;
 }
-table.table > thead > tr > th .dso-primary.dso-sort dso-icon,
-table.table > thead > tr > th .dso-primary.dso-sort svg.di, table.table > thead > tr > th .dso-secondary.dso-sort dso-icon,
-table.table > thead > tr > th .dso-secondary.dso-sort svg.di, table.table > thead > tr > th .dso-tertiary.dso-sort dso-icon,
-table.table > thead > tr > th .dso-tertiary.dso-sort svg.di,
+table.table > thead > tr > th .dso-primary.dso-sort dso-icon, table.table > thead > tr > th .dso-secondary.dso-sort dso-icon, table.table > thead > tr > th .dso-tertiary.dso-sort dso-icon,
 .dso-rich-content table > thead > tr > th .dso-primary.dso-sort dso-icon,
-.dso-rich-content table > thead > tr > th .dso-primary.dso-sort svg.di,
 .dso-rich-content table > thead > tr > th .dso-secondary.dso-sort dso-icon,
-.dso-rich-content table > thead > tr > th .dso-secondary.dso-sort svg.di,
-.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort dso-icon,
-.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort svg.di {
+.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort dso-icon {
   color: #666;
 }
-table.table > thead > tr > th .dso-primary.dso-sort dso-icon.dso-sort-active,
-table.table > thead > tr > th .dso-primary.dso-sort svg.di.dso-sort-active, table.table > thead > tr > th .dso-secondary.dso-sort dso-icon.dso-sort-active,
-table.table > thead > tr > th .dso-secondary.dso-sort svg.di.dso-sort-active, table.table > thead > tr > th .dso-tertiary.dso-sort dso-icon.dso-sort-active,
-table.table > thead > tr > th .dso-tertiary.dso-sort svg.di.dso-sort-active,
+table.table > thead > tr > th .dso-primary.dso-sort dso-icon.dso-sort-active, table.table > thead > tr > th .dso-secondary.dso-sort dso-icon.dso-sort-active, table.table > thead > tr > th .dso-tertiary.dso-sort dso-icon.dso-sort-active,
 .dso-rich-content table > thead > tr > th .dso-primary.dso-sort dso-icon.dso-sort-active,
-.dso-rich-content table > thead > tr > th .dso-primary.dso-sort svg.di.dso-sort-active,
 .dso-rich-content table > thead > tr > th .dso-secondary.dso-sort dso-icon.dso-sort-active,
-.dso-rich-content table > thead > tr > th .dso-secondary.dso-sort svg.di.dso-sort-active,
-.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort dso-icon.dso-sort-active,
-.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort svg.di.dso-sort-active {
+.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort dso-icon.dso-sort-active {
   color: #191919;
 }
 
@@ -1605,29 +1513,16 @@ button.toggle-note.dso-spinner-right::after {
   margin-inline-start: 8px;
 }
 button.toggle-note dso-icon + span:not(.sr-only),
-button.toggle-note svg.di + span:not(.sr-only),
-button.toggle-note span:not(.sr-only) + dso-icon,
-button.toggle-note span:not(.sr-only) + svg.di {
+button.toggle-note span:not(.sr-only) + dso-icon {
   margin-inline-start: 8px;
 }
-button.toggle-note svg.di.di-chevron-down + span:not(.sr-only),
-button.toggle-note svg.di.di-chevron-up + span:not(.sr-only),
-button.toggle-note span:not(.sr-only) + svg.di.di-chevron-down,
-button.toggle-note span:not(.sr-only) + svg.di.di-chevron-up {
-  margin-inline-start: 4px;
-}
 button.toggle-note dso-icon[icon=chevron-left] + span:not(.sr-only),
 button.toggle-note dso-icon[icon=chevron-right] + span:not(.sr-only),
-button.toggle-note svg.di.di-angle-down + span:not(.sr-only),
-button.toggle-note svg.di.di-angle-up + span:not(.sr-only),
-button.toggle-note span:not(.sr-only) + svg.di.di-angle-down,
-button.toggle-note span:not(.sr-only) + svg.di.di-angle-up,
 button.toggle-note span:not(.sr-only) + dso-icon[icon=chevron-left],
 button.toggle-note span:not(.sr-only) + dso-icon[icon=chevron-right] {
   margin-inline-start: 0;
 }
 button.toggle-note dso-icon,
-button.toggle-note svg.di,
 button.toggle-note span {
   vertical-align: middle;
 }
@@ -1654,11 +1549,11 @@ a:hover, a:focus-visible {
 a:active {
   text-decoration: none;
 }
-a :is(dso-icon, svg.di) + span,
-a span + :is(dso-icon, svg.di) {
+a dso-icon + span,
+a span + dso-icon {
   margin-inline-start: 8px;
 }
-a .sr-only + :is(dso-icon, svg.di) {
+a .sr-only + dso-icon {
   margin-inline-start: 0;
 }
 a:visited {
@@ -1676,7 +1571,6 @@ a:visited {
 
 .od-Inhoud,
 .od-Inhoud > .od-Lijst,
-.od-IntIoRef,
 .od-Lidnr,
 .od-LiNr,
 .od-Opschrift,
@@ -1688,10 +1582,6 @@ a:visited {
   margin-block-end: 0.75em;
 }
 
-.od-IntIoRef {
-  border-block-end: 1px dotted;
-}
-
 .dso-ozon-bron {
   font-style: italic;
   font-size: 0.75rem;
@@ -1819,6 +1709,7 @@ span[role=paragraph].editaction-add,
 .dso-ozon-lijst > ul > li.editaction-add,
 table.editaction-add {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
 }
 p.editaction-remove,
 span[role=paragraph].editaction-remove,
@@ -1872,7 +1763,9 @@ span[role=paragraph].editaction-remove,
 .dso-ozon-lijst.editaction-remove,
 .dso-ozon-lijst > ul > li.editaction-remove,
 table.editaction-remove {
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
   text-decoration: line-through;
+  --_dso-ozon-content-toggletip-text-decoration: underline line-through;
 }
 @media screen and (min--moz-device-pixel-ratio: 0) {
   p.editaction-remove,
@@ -1916,6 +1809,7 @@ ins.new-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailt
 }
 ins.new-text {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
 }
 ins.editaction-add {
   display: inline-block;
@@ -1951,6 +1845,7 @@ ins.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=
 }
 ins.editaction-add {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
 }
 ins.editaction-add p:last-child {
   margin: 0;
@@ -1984,7 +1879,9 @@ del.removed-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="m
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 del.removed-text {
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
   text-decoration: line-through;
+  --_dso-ozon-content-toggletip-text-decoration: underline line-through;
 }
 @media screen and (min--moz-device-pixel-ratio: 0) {
   del.removed-text {
@@ -2024,7 +1921,9 @@ del.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([hre
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 del.editaction-remove {
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
   text-decoration: line-through;
+  --_dso-ozon-content-toggletip-text-decoration: underline line-through;
 }
 @media screen and (min--moz-device-pixel-ratio: 0) {
   del.editaction-remove {
@@ -2122,7 +2021,9 @@ del.editaction-remove p:last-child {
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 .subtitel:has(del:not(.removed-text)) {
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
   text-decoration: line-through;
+  --_dso-ozon-content-toggletip-text-decoration: underline line-through;
 }
 @media screen and (min--moz-device-pixel-ratio: 0) {
   .subtitel:has(del:not(.removed-text)) {
@@ -2161,8 +2062,233 @@ del.editaction-remove p:last-child {
 }
 .subtitel:has(ins:not(.new-text)) {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
 }
 .subtitel ins,
 .subtitel del {
   color: #173521;
+}
+
+td.editaction-remove {
+  --_dso-alert-success-border-color: #39870c;
+  --_dso-alert-error-border-color: #ce3f51;
+  --_dso-alert-info-border-color: #6ca4d9;
+  --_dso-alert-warning-border-color: #dcd400;
+  --link-color: currentColor;
+  --link-hover-color: currentColor;
+  --link-visited-color: currentColor;
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f5d8dc;
+  color: #191919;
+}
+td.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
+}
+td.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
+}
+td.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
+}
+td.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
+}
+td.editaction-remove {
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
+  text-decoration: line-through;
+  --_dso-ozon-content-toggletip-text-decoration: underline line-through;
+}
+@media screen and (min--moz-device-pixel-ratio: 0) {
+  td.editaction-remove {
+    font-family: sans-serif;
+  }
+}
+td.editaction-add {
+  --_dso-alert-success-border-color: #39870c;
+  --_dso-alert-error-border-color: #ce3f51;
+  --_dso-alert-info-border-color: #6ca4d9;
+  --_dso-alert-warning-border-color: #dcd400;
+  --link-color: currentColor;
+  --link-hover-color: currentColor;
+  --link-visited-color: currentColor;
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #e4f1d4;
+  color: #191919;
+}
+td.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
+}
+td.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
+}
+td.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
+}
+td.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
+}
+td.editaction-add {
+  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
+}
+
+.begrippenlijst .editaction-add {
+  --_dso-alert-success-border-color: #39870c;
+  --_dso-alert-error-border-color: #ce3f51;
+  --_dso-alert-info-border-color: #6ca4d9;
+  --_dso-alert-warning-border-color: #dcd400;
+  --link-color: currentColor;
+  --link-hover-color: currentColor;
+  --link-visited-color: currentColor;
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #e4f1d4;
+  color: #191919;
+}
+.begrippenlijst .editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
+}
+.begrippenlijst .editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
+}
+.begrippenlijst .editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
+}
+.begrippenlijst .editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
+}
+.begrippenlijst .editaction-add {
+  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
+}
+.begrippenlijst .editaction-remove {
+  --_dso-alert-success-border-color: #39870c;
+  --_dso-alert-error-border-color: #ce3f51;
+  --_dso-alert-info-border-color: #6ca4d9;
+  --_dso-alert-warning-border-color: #dcd400;
+  --link-color: currentColor;
+  --link-hover-color: currentColor;
+  --link-visited-color: currentColor;
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f5d8dc;
+  color: #191919;
+}
+.begrippenlijst .editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
+}
+.begrippenlijst .editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
+}
+.begrippenlijst .editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
+}
+.begrippenlijst .editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
+}
+.begrippenlijst .editaction-remove {
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
+  text-decoration: line-through;
+  --_dso-ozon-content-toggletip-text-decoration: underline line-through;
+}
+@media screen and (min--moz-device-pixel-ratio: 0) {
+  .begrippenlijst .editaction-remove {
+    font-family: sans-serif;
+  }
+}
+.begrippenlijst .editaction-remove dt,
+.begrippenlijst .editaction-remove dd {
+  text-decoration: line-through;
+  --_dso-ozon-content-toggletip-text-decoration: underline line-through;
+}
+@media screen and (min--moz-device-pixel-ratio: 0) {
+  .begrippenlijst .editaction-remove dt,
+  .begrippenlijst .editaction-remove dd {
+    font-family: sans-serif;
+  }
+}
+.begrippenlijst dt {
+  display: inline-block;
+}
+
+.kop ins {
+  text-decoration: none;
+}
+.kop ins {
+  --_dso-alert-success-border-color: #39870c;
+  --_dso-alert-error-border-color: #ce3f51;
+  --_dso-alert-info-border-color: #6ca4d9;
+  --_dso-alert-warning-border-color: #dcd400;
+  --link-color: currentColor;
+  --link-hover-color: currentColor;
+  --link-visited-color: currentColor;
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #e4f1d4;
+  color: #191919;
+}
+.kop ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
+}
+.kop ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
+}
+.kop ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
+}
+.kop ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
+}
+.kop ins {
+  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
+}
+.kop del {
+  --_dso-alert-success-border-color: #39870c;
+  --_dso-alert-error-border-color: #ce3f51;
+  --_dso-alert-info-border-color: #6ca4d9;
+  --_dso-alert-warning-border-color: #dcd400;
+  --link-color: currentColor;
+  --link-hover-color: currentColor;
+  --link-visited-color: currentColor;
+  --_dso-icon-button-tertiary-color: #191919;
+  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
+  --_dso-icon-button-tertiary-active-color: #173521;
+  --_dso-icon-button-tertiary-disabled-color: #999;
+  background-color: #f5d8dc;
+  color: #191919;
+}
+.kop del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
+}
+.kop del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
+}
+.kop del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
+}
+.kop del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
+  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
+}
+.kop del {
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
+  text-decoration: line-through;
+  --_dso-ozon-content-toggletip-text-decoration: underline line-through;
+}
+@media screen and (min--moz-device-pixel-ratio: 0) {
+  .kop del {
+    font-family: sans-serif;
+  }
 }