style: changed position of the breadcrumb navigation

Author: scar055

apps/pdc-frontend/src/styles/globals.css

@@ -141,10 +141,12 @@ a {
 .utrecht-custom-header {
   --utrecht-page-padding-inline-start: 0;
   --utrecht-page-padding-inline-end: 0;
+  --utrecht-page-header-padding-block-end: 0;
 }
 
 .utrecht-custom-page {
   background-color: var(--utrecht-document-background-color);
+  --utrecht-page-content-padding-block-start: 0;
   display: flex;
   flex-direction: column;
   min-block-size: 100vh;
@@ -189,6 +191,10 @@ p:has(a[class="utrecht-skip-link utrecht-skip-link--visible-on-focus"]) {
   padding-inline-end: var(--utrecht-navigation-toggle-button-padding-end);
 }
 
+.utrecht-breadcrumb-nav {
+  margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
+}
+
 @media screen and (width > 360px) {
   .utrecht-page-header {
     --utrecht-page-header-padding-block-start: 32px;