#edit-teaser {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1500px;
	background-color: $c-white;
    border-left: 1px solid $c-neutral;
    box-shadow: $elevation-03;
    z-index: 10000;
    .content {
        padding: 0 $gap-medium;
        header {
            margin-bottom: $gap-medium;
            h1 {
                @include headline-4;
                margin: 0;
                padding: $gap-medium 0 $gap-medium 0;
            }
            .publish-undo {
                display: flex;
                align-items: center;
                place-content: flex-end;
                .save {
                    margin-left: $gap-default;
                }
            }
        }
        .two-cols {
            display: grid;
            grid-template-columns: 1fr 3fr;
            grid-template-rows: 1fr;
            grid-column-gap: 0;
            grid-row-gap: 0;
            .edit-col {
                overflow: auto;
                padding: 0 $gap-medium $gap-medium 0;
                .data-box {
                    padding: $gap-default;
                    margin-bottom: $gap-small;
                    border-radius: 4px;
                    border: 1px solid $sand-yellow-300;
                    background: $sand-yellow-100;
                    h1 {
                        @include headline-5;
                        margin: 0 0 $gap-small;
                    }
                    dl {
                        margin: 0;
                    }
                    dt {
                        float: left;
                        clear: left;
                        width: 100px;
                    }
                    dt::after {
                        content: ":";
                    }
                    dd {
                        margin: 0 0 0 90px;
                        padding: 0 0 $gap-tiny 0;
                        font-weight: 700;
                        &:last-child {
                            padding-bottom: 0;
                        }
                    }
                    &:last-of-type {
                        margin-bottom: $gap-medium;
                    }
                }
                h2 {
                    @include headline-5;
                    margin-top: $gap-medium;
                }
                .custom-select,
                textarea,
                input[type="text"] {
                    width: 100%;
                }
                fieldset {
                    margin-bottom: $gap-default;
                }
                label,
                legend {
                    display: flex;
                    justify-content: space-between;
                    font-size: 13px;
                    color: $fc-dark-medium;
                    font-weight: 700;
                    .counter {
                        font-weight: 400;
                    }

                }
                .kicker-edit,
                .title-edit {
                    height: 40px;
                }
                .radio,
                .checkbox {
                    label {
                        display: inline-block;
                        font-weight: normal;
                    }
                }
                .radio-group {
                    display: flex;
                    justify-content: space-evenly;
                    margin: $gap-tiny 0 0;
                }
                .buttons {
                    display: flex;
                    justify-content: space-between;
                    margin: $gap-medium 0 $gap-default;
                }
            }
            .preview-col {overflow: auto;
                padding: $gap-medium;
                background-color: $c-neutral-light;
            }
        }
    }
}