/* --- Header, Navigation ------------------------------------------------------------------------------------ */

header .content {
    border-radius: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    box-shadow: 0px 4px 24px 0px rgba(95, 123, 182, 0.16);
}

header a {
    font-size: var(--font-size--x-small);
    font-family: var(--font-family--primary);
    font-weight: 500;
    letter-spacing: 0.7px;
}


header .meta-nav {
    max-width: 400px;
}
header .meta-nav a {
    font-weight: 300;
    text-decoration: none;
    color: var(--color--secondary-1);
    letter-spacing: 1px;
}

header .logo {
    max-width: max-content;
}

header .logo a{
    margin-right: 3rem;
}

header .wp-block-navigation__container {
    gap: 40px;
}

header .wp-block-columns {
    margin: 0;
    align-items: center !important; /* Important ist hier nötig, da WordPress bereits native mit Important arbeitet */
}

.ubermenu-content-block.ubermenu-custom-content figure.wp-block-image.size-full {
    width: 60%;
}
/* ------ Media Queries -------------------------------------------------------------------------------- */


@media screen and (max-width: 781px) {

}

@media screen and (max-width: 600px) {
    .section-card-basic .wp-block-group.is-nowrap.is-layout-flex {
        flex-direction: column !important;
    }
    .card-basic {
        width: 100%;
    }

    header .content {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}