.pimcore_block_entry {
    .editmode-settings {
        z-index: 2;
        position: relative;
        background: rgba(255, 255, 255, 0.5);
    }
}


.areabrick-hero-logo-shape {
    @media (min-width: 75rem) {
        min-height: 70vh;
    }

    .container {
        position: relative;

        .row {
            width: 100%;

            .svg-col {
                position: inherit;
            }
        }
    }

    .textarea {
        display: flex;
        flex-direction: column;
        justify-content: center;

        h1, p {
            width: 100%;
        }
    }

    svg {
        @media (max-width: 74.9375rem) {
            max-height: clamp(100px, 50vh, 250px);
        }

        @media (min-width: 75rem) {
            max-width: clamp(400px, 66vw, 1000px);
        }

        &.position-lg-absolute {
            @media (min-width: 75rem) {
                top: 0;
                &.left {
                    left: 0;
                    right: unset;
                    transform: translate(-33%, -15%);
                }

                &.right {
                    right: 0;
                    left: unset;
                    transform: translate(33%, -15%);
                }
            }

            @media (min-width: 90rem) {
                &.left {
                    transform: translate(-33%, -25%);
                }

                &.right {
                    transform: translate(33%, -25%);
                }
            }
        }
    }
}