.block-page-headling::part(content) {
    display: flex;
    flex-direction: column;
}
.block-page-headling div.breadcrumbs {
    display: flex;
    flex-direction: row;
    gap:.3em;
}
.block-page-headling div.container-page-heading {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .block-page-headling::part(content) {
        flex-direction: row;
        gap: var(--blox-spacing-large, 1.25rem);
    }
}