.seminar-teaser-details-boxes-list {
    grid-column: 3 / span 10;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--s-sm);
}

.seminar-teaser-details-boxes-item {
    padding: 1.5em;
    border: 2px solid currentColor;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.seminar-teaser-details-boxes-item-buttons,
.seminar-teaser-details-special-box-buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1em;
    margin-top: auto;
}

.seminar-teaser-details-boxes-item-description,
.seminar-teaser-details-special-box-description {
    margin-bottom: 1.5em;
}

.seminar-teaser-details-special-box-wrapper {
    grid-column: 3 / span 10;
    margin-top: var(--s-sm);
    width: calc((100% - var(--s-sm)) / 2);
    justify-self: center;
}

.seminar-teaser-details-special-box {
    padding: 1.5em;
    border: 4px double var(--yellow);
}

@media (max-width: 1199.98px) {
    .seminar-teaser-details-boxes-list {
        grid-column: 2 / span 12;
    }

        .seminar-teaser-details-special-box-wrapper {
        width: 50%;
        grid-column: 2 / span 12;
    }
}

@media (max-width: 991.98px) {
        .seminar-teaser-details-special-box-wrapper {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .seminar-teaser-details-boxes-list {
        grid-template-columns: 1fr;
    }
}