.abo-list .event .h4, .abo-list .event .h2 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.styled-select {
    margin-top: 20px;
}

.form input, .form textarea, .form button {
    width: 100%;
}

.form button {
    margin-bottom: 0;
    margin-right: 0;
}

.pricing-groups {
    display: grid;
    grid-template-columns: auto 1fr;
    border-bottom: 1pt solid black;
}

.pricing-groups > span {
    padding: 6px 0;
    border-top: 1pt solid black;
}

.pricing-groups > span:nth-child(2n + 1) {
    padding-right: 20px;
}

.pricing-groups > span > span {
    white-space: nowrap;
}

.pricing-groups > span > span:not(:first-child)::before {
    content: '|';
    display: inline-block;
    padding: 0 0.5ch 0 0.25ch;
    opacity: 0.5;
    transform: skewX(-10deg);
}

.order-hint {
    margin-top: 20px;
}

.form {
    margin-bottom: 60px;
}

.form .button-wrapper {
    display: flex;
    align-items: flex-end;
}

.abo-links li {
    list-style: none;
}

.abo-links {
    margin-left: 0 !important;
}

.abo-links li a:before {
    content: "> ";
}

@media screen and (max-width: 767px) {
    .form .button-wrapper {
        margin-top: 30px;
    }

    .form button {
        display: block;
    }

}