/* HN Oxyberg – statisches Block Layout CSS */

/* box-sizing für alle Blöcke */
.wp-block,
.wp-block * {
    box-sizing: border-box;
}

/* Layout-Klassen */
.is-layout-flow > * + * {
    margin-block-start: var(--wp--style--block-gap, 1.5em);
    margin-block-end: 0;
}

.is-layout-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wp--style--block-gap, 0.5em);
}

.is-layout-flex > * {
    margin: 0 !important;
    max-width: none;
}

.is-layout-grid {
    display: grid;
    gap: var(--wp--style--block-gap, 0.5em);
}

.is-layout-grid > * {
    margin: 0 !important;
    max-width: none;
}

/* Columns */
.wp-block-columns {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wp--style--block-gap, 2em);
    align-items: normal;
}

.wp-block-column {
    flex: 1;
    min-width: 0;
}

/* Image */
.wp-block-image img {
    height: auto;
    max-width: 100%;
    display: block;
}

.wp-block-image.aligncenter img {
    margin: 0 auto;
}

/* Separator */
.wp-block-separator {
    border: none;
    border-top: 2px solid currentColor;
    opacity: 0.15;
    max-width: none !important;
}

/* Buttons */
.wp-block-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
}

/* alignfull overflow-fix */
html,
body {
    overflow-x: clip;
}
