.node--type-navigation > .content {
    display: grid;
    grid-template-columns: var(--grid-columns);
    grid-gap: var(--grid-gap);
    padding: var(--section-gap) var(--section-inner-side-padding) 0;
}

.nav-page-sidebar {
    grid-column: 1 / 4;
}

.nav-page-content {
    grid-column: 5 / 13;
    position: relative;
}

.nav-page-contact {
    grid-column: span 12;
}

.nav-page-content:before {
    display: block;
    content: '';
    background-color: var(--color-grey-light);
    width: 1px;
    height: 100%;
    position: absolute;
    left: -4.25vw;
}

.nav-page-sidebar aside {
    position: sticky;
    top: calc(var(--header-height) + 3rem);
}

.nav-page-list li a {
    display: block;
    background: var(--arrow-next-primary);
    background-repeat: no-repeat;
    background-size: 1rem auto;
    background-position: left top .5rem;
    padding-left: 2rem;
    color: var(--color-grey-dark);
}

.nav-page-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.sidebar-header-title {
    color: var(--color-primary);
    margin-bottom: 1rem;
    font-size: var(--font-size-h3);
    font-weight: 700;
}

.nav-page-contact .paragraph--type--wfbb-contact-downloads-links {
    width: calc(100% + var(--section-inner-side-padding) * 2);
    position: relative;
    left: calc(var(--section-inner-side-padding) * -1);
}

@media (max-width: 991px) {

    .nav-page-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .nav-page-sidebar {
        display: none;
    }

    .nav-page-content {
        grid-column: span 12;
    }

    .nav-page-content:before {
        display: none;
    }
}


@media (min-width: 1px) {

    .nav-page-content .field--name-field-ements-wfbb-page > .field__item,
    .nav-page-content .field--name-field-images-wfbb-gallery-title {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .nav-page-content .field--name-field-ements-wfbb-page > .field__item > .paragraph {
        grid-column: span 12;
    }

    :is(.nav-page-content) h2,
    :is(.nav-page-content) h3 {
        text-align: left !important;
    }

    .nav-page-content .group-intro > div, .paragraph--type--wfbb-intro-title-text > div {
        grid-column: span 12;
        text-align: left;
    }

    .nav-page-content .youtube_player {
        aspect-ratio: 16/9;
        border-radius: var(--border-radius);
        overflow: hidden;
    }

    /* TEXT */

    .nav-page-content .wfbb_text .group-text-elements > div {
        grid-column: span 12;
    }

    .nav-page-content .wfbb_text .group-text-elements:before {
        background: linear-gradient(281deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,0.7) 100%);
    }

    .nav-page-content .wfbb_only_text .paragraph .field--name-field-title-wfbb-only-text,
    .nav-page-content .wfbb_only_text .paragraph.weiss .field--name-field-title-wfbb-only-text,
    .nav-page-content .wfbb_only_text .paragraph .field--name-field-text-wfbb-only-text,
    .nav-page-content .wfbb_only_text .paragraph.weiss .field--name-field-text-wfbb-only-text {
        grid-column: span 12;
    }

    .nav-page-content .wfbb_only_text .paragraph.grau .field--name-field-title-wfbb-only-text,
    .nav-page-content .wfbb_only_text .paragraph.grau .field--name-field-text-wfbb-only-text {
        grid-column: 2 / 12;
    }

    .nav-page-content .wfbb_only_text .paragraph:not(.grau) {
        padding-top: 0;
        padding-bottom: 0;
        background-color: transparent;
    }

    /* TEXT + IMAGE */

    .nav-page-content .wfbb_text_image .paragraph.links .wfbb-text-image-info-group {
        padding-left: 0;
    }

    .wfbb_text_image .paragraph.rechts .wfbb-text-image-info-group {
        padding-right: 0;
    }

    /* VIDEO */

    .node--type-navigation :is(.field--name-field-video-wfbb-video-with-text, .group-text-wfbb-video-with-text) {
        grid-column: 2 / 12;
    }

    /* Quote */

    .node--type-navigation .wfbb_quote .field--name-field-icon-wfbb-quote,
    .node--type-navigation .wfbb_text_optional_icon_link .field--name-field-icon-wfbb-text-optional-ic {
        padding-right: 1vw;
    }

}


@media (max-width: 767px) {
    .node--type-navigation .wfbb_quote .field--name-field-icon-wfbb-quote,
    .node--type-navigation .wfbb_text_optional_icon_link .field--name-field-icon-wfbb-text-optional-ic,
    .node--type-navigation .wfbb_quote .group-text-wfbb-quote,
    .node--type-navigation .wfbb_text_optional_icon_link .group-text-wfbb-text-optional-icon-link,
    .node--type-navigation .wfbb_quote .field--name-field-icon-wfbb-quote + .group-text-wfbb-quote,
    .node--type-navigation .wfbb_text_optional_icon_link .field--name-field-icon-wfbb-text-optional-ic + .group-text-wfbb-text-optional-icon-link{
        grid-column: 2 /12;
    }
}


.node--type-navigation {
    .paragraph.text.style-quote .container {
        grid-column-start: 4;
    }
}