.exampleContent {
    .ekd-backend-ctype-teaserbox {
        max-width: 500px;

        &.ekd-backend-elementbgcolor {
            &-0 .front .title , &-0 .back{
                background-color: #fff;
                color: var(--bs-link-color);
                a {
                    color: var(--bs-link-color);
                }
            }
            &-1 .front .title , &-1 .back {

                background-color: var(--ekd-backend-layout-1-bg);
                color: var(--ekd-backend-layout-1-fg);

                a {
                    color: var(--ekd-backend-layout-1-fg);
                }
            }

            &-2 .front .title , &-2 .back {
                background-color: var(--ekd-backend-layout-2-bg);
                color: var(--ekd-backend-layout-2-fg);

                a {
                    color: var(--ekd-backend-layout-2-fg);
                }
            }

            &-3 .front .title , &-3 .back {
                background-color: var(--ekd-backend-layout-3-bg);
                color: var(--ekd-backend-layout-3-fg);

                a {
                    color: var(--ekd-backend-layout-3-fg);
                }
            }

            &-4 .front .title , &-4 .back {
                background-color: var(--ekd-backend-layout-4-bg);
                color: var(--ekd-backend-layout-4-fg);

                a {
                    color: var(--ekd-backend-layout-4-fg);
                }
            }
        }

        .box {
            border: 2px solid #333;
            box-shadow: 5px 5px 10px #333;
            margin: 0 10px 10px 0;
            width: calc(100% - 10px);

            .front {
                position: relative;
                aspect-ratio: 1;
                width: 100%;
                .title {
                    position: absolute;
                    display: inline-block;
                    text-align: center;
                    background-color: #333;
                    color: #fff;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    padding: 1rem;
                }
            }
            .back {
                padding: 1rem;
            }
        }
    }
}