.newsletter-confirmation {
    /* 78px → 181px below the logo, the room every page keeps above its title, less what the
       header already leaves under it. */
    padding-block-start: clamp(0.5rem, 0.5rem + (100vw - 24.375rem) * 0.09268, 8.25rem);
    margin-block-end: 3.75rem;
    color: var(--sav-color-dunkelblau);
}

.newsletter-confirmation__overline {
    color: var(--sav-color-blau);
}

/* 1004px: the block stands in the wide band, so the line length comes from here. */
.newsletter-confirmation__title,
.newsletter-confirmation__text,
.newsletter-confirmation__error {
    max-width: 62.75rem;
}

/* 8px → 24px. */
.newsletter-confirmation__title {
    margin-block-start: clamp(0.5rem, 0.5rem + (100vw - 24.375rem) * 0.01196, 1.5rem);
}

/* 24px → 32px under the title, which the button keeps too where it stands in the text's place. */
.newsletter-confirmation__text,
.newsletter-confirmation__error,
.newsletter-confirmation__form {
    margin-block-start: clamp(1.5rem, 1.5rem + (100vw - 24.375rem) * 0.00598, 2rem);
}

.newsletter-confirmation__error {
    color: var(--sav-color-signalrot);
}