.ckklein-post-number,
.wp-block-ckklein-post-number {
    flex-shrink: 0;
    width: max-content;
    min-width: 2ch;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
}

@media (min-width: 782px) {
    .ckklein-mobile-submenu {
        display: none !important;
    }
}

@media (max-width: 781px) {
    .ckklein-list-row {
        flex-wrap: wrap !important;
    }

    .ckklein-list-row > .wp-block-column,
    .ckklein-list-metadata-column {
        flex-basis: 100% !important;
        box-sizing: border-box;
        width: 100% !important;
    }

    .ckklein-list-metadata-column {
        padding-right: 0 !important;
        padding-left: var(--ckk-list-title-offset, 0px) !important;
    }

    .ckklein-list-title-row {
        align-items: baseline !important;
    }

    .ckklein-list-title-row .ckklein-post-number {
        align-self: baseline !important;
    }

    .ckklein-list-metadata {
        flex: 0 0 100% !important;
        flex-wrap: wrap !important;
        row-gap: var(--ckk-list-metadata-row-gap, 8px) !important;
        box-sizing: border-box;
        width: 100% !important;
        max-width: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }

    .ckklein-list-metadata > * {
        flex-shrink: 0;
        white-space: nowrap !important;
        overflow-wrap: normal !important;
        word-break: keep-all !important;
        text-align: left !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open {
        --ckk-mobile-menu-bg: #ffffff;
        --ckk-mobile-menu-text: #111111;
        box-sizing: border-box;
        left: auto;
        right: 0;
        width: min(82vw, 360px);
        min-width: 280px;
        height: 100vh;
        height: 100dvh;
        padding: 0 !important;
        overflow-x: hidden;
        overflow-y: auto;
        background: var(--ckk-mobile-menu-bg) !important;
        color: var(--ckk-mobile-menu-text) !important;
        box-shadow:
            -100vw 0 0 100vw rgba(17, 17, 17, 0.34),
            -10px 0 28px rgba(17, 17, 17, 0.16);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
        box-sizing: border-box;
        width: 100%;
        max-width: none;
        min-height: 100%;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
        margin: 0;
        padding: 70px 20px 28px;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        box-sizing: border-box;
        align-items: stretch !important;
        justify-content: flex-start !important;
        width: 100%;
        padding: 0 !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
        box-sizing: border-box;
        align-items: stretch !important;
        gap: 0 !important;
        width: 100%;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .ckklein-mobile-top-item {
        order: var(--ckk-mobile-order);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
        box-sizing: border-box;
        align-items: stretch !important;
        width: 100%;
        margin: 0;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 50px;
        padding: 12px 8px;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: var(--ckk-mobile-menu-text) !important;
        font-size: 1.05rem !important;
        font-weight: 700 !important;
        line-height: 1.35;
        text-align: left;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible {
        background: transparent;
        text-decoration: underline;
        text-underline-offset: 0.24em;
        text-decoration-thickness: 1px;
        outline: 0;
    }

    .wp-block-navigation__responsive-container.is-menu-open .current-menu-item > .wp-block-navigation-item__content,
    .wp-block-navigation__responsive-container.is-menu-open .current-menu-ancestor > .wp-block-navigation-item__content,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[aria-current="page"] {
        background: transparent;
        box-shadow: none;
        text-decoration: underline;
        text-underline-offset: 0.24em;
        text-decoration-thickness: 1px;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
        position: absolute;
        box-sizing: border-box;
        display: grid;
        place-items: center;
        top: 14px;
        right: 14px;
        width: 44px;
        height: 44px;
        padding: 10px;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: #111111 !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:hover {
        background: transparent;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:focus-visible {
        background: transparent;
        outline: 2px solid #111111;
        outline-offset: -2px;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg {
        display: none;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close::before,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close::after {
        content: "";
        position: absolute;
        top: 21px;
        left: 11px;
        width: 22px;
        height: 1.5px;
        background: #111111;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close::before { transform: rotate(45deg); }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close::after { transform: rotate(-45deg); }

    .wp-block-navigation__responsive-container.is-menu-open .ckklein-mobile-submenu {
        position: static !important;
        display: flex !important;
        flex-direction: column;
        visibility: visible !important;
        opacity: 1 !important;
        gap: 0 !important;
        box-sizing: border-box;
        width: 100% !important;
        height: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 2px 0 8px 22px !important;
        overflow: visible !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .ckklein-mobile-submenu__link {
        min-height: 32px;
        padding: 5px 8px 5px 14px;
        border-bottom: 0;
        font-size: 0.9rem !important;
        font-weight: 500 !important;
        line-height: 1.4;
    }

    .wp-block-navigation__responsive-container.is-menu-open .ckklein-mobile-submenu__prefix {
        flex: 0 0 auto;
        margin-right: 9px;
        color: #111111;
    }

    .wp-block-navigation__responsive-container.is-menu-open .ckklein-mobile-submenu__link:hover,
    .wp-block-navigation__responsive-container.is-menu-open .ckklein-mobile-submenu__link:focus-visible,
    .wp-block-navigation__responsive-container.is-menu-open .current-menu-item > .ckklein-mobile-submenu__link,
    .wp-block-navigation__responsive-container.is-menu-open .ckklein-mobile-submenu__link[aria-current="page"] {
        text-decoration: none;
    }

    .wp-block-navigation__responsive-container.is-menu-open .ckklein-mobile-submenu__link:hover .ckklein-mobile-submenu__label,
    .wp-block-navigation__responsive-container.is-menu-open .ckklein-mobile-submenu__link:focus-visible .ckklein-mobile-submenu__label,
    .wp-block-navigation__responsive-container.is-menu-open .current-menu-item > .ckklein-mobile-submenu__link .ckklein-mobile-submenu__label,
    .wp-block-navigation__responsive-container.is-menu-open .ckklein-mobile-submenu__link[aria-current="page"] .ckklein-mobile-submenu__label {
        text-decoration: underline;
        text-underline-offset: 0.24em;
        text-decoration-thickness: 1px;
    }
}

@media (max-width: 380px) {
    .wp-block-navigation__responsive-container.is-menu-open {
        width: 88vw;
        min-width: 0;
    }
}