@font-face {
    font-display: swap;
    font-family: Signifier;
    font-weight: lighter;
    font-style: normal;
    src: url('https://www.betbi.org/fonts/Signifier-Light.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: Sohne;
    font-weight: normal;
    font-style: normal;
    src: url('https://www.betbi.org/fonts/Sohne-Buch.woff2') format('woff2');
}

body {
    font-family: Sohne, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 2%;
}

h4 {
    font-family: Signifier, serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 36px;
    padding-top: 32px;
}

hr {
    display: none;
}

#dp-payment-form div label {
    border-color: #DADCE0;
    border-radius: 1.5rem;
}

#dp-payment-form div label .btn {
    color: #DADCE0;
}

.btn-check:checked + .btn-outline-dark {
    background-color: #F7F5F6 !important;
    color: #333333 !important;
    border: 1px solid #F7F5F6 !important;
}

.field-wrapper input:not([type='checkbox']),
.field-wrapper select,
.field-wrapper textarea {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #333333;
}

.field-wrapper textarea {
    height: 2em;
}

.form-check-input:checked {
    background-color: #333333 !important;
    border-color: #333333 !important;
}

a[role='button'] {
    border-color: #333333;
    border-radius: 1.5rem;
    background-color: transparent;
    color: #333333;
    margin-right: .5rem;
}