/*  COMPONENT: DONATIONFORM
//////////////////////////////////////////////////////////////////////////////*/

@layer components {
    .hf-form,
    #bmspendenbank_form {
        grid-column: 1 / -1;
    }
    .hf-form-13655,
    #bmspendenbank_form {
    }
    .hf-form .amount,
    #bmspendenbank_form .amount,
    .hf-form .betrag,
    #bmspendenbank_form .betrag {
        display: grid;
        grid-template-columns: 1fr 2.5rem;
        align-items: center;
        gap: var(--spacing-s);
    }
    #bmspendenbank_form .error {
        color: var(--color-red);
        margin-top: var(--spacing-xs);
    }
    .form--paypal input[type="image"] {
        width: 98px;
        padding: 0;
        outline: none;
        cursor: pointer;
    }
    .form--newsletter {
        position: relative;
        background-color: var(--color-grey-50);
        width: fit-content;
        padding: var(--spacing-xs);
        border-radius: 2rem;
        padding-left: 1.25rem;
    }
    .form--newsletter [type="email"] {
        border-radius: 2rem;
        padding-right: 8rem;
    }
    .form--newsletter [type="submit"] {
        position: absolute;
        right: var(--spacing-xs);
        border-color: transparent;
        width: 8rem;
    }
}