.widget-text {
    max-width: 800px;
    margin: 0 auto;
    padding: 2.5rem 1.5rem;
}

.widget-text__headline {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0 0 1rem;
}

.widget-text__body {
    line-height: 1.7;
    font-size: 1rem;
}

.widget-text--center {
    text-align: center;
}

.widget-text--right {
    text-align: right;
}

/* Milchglas-Kasten, an-/abwaehlbar (Kundenwunsch: "wenn man ein Text hat
   kann man ihn einstellen ob man ihn ... in einen Kasten mit so einer
   milchigen Schattierung packt oder nicht"). Hell/durchscheinend statt
   einer Vollfarbe, damit der Effekt auf JEDEM Hintergrund funktioniert --
   genau wie beim Kontaktformular-Nachrichtenfeld, dessen Optik hier als
   Vorbild diente. Weicher Rahmen und Weichzeichner, wo der Browser ihn
   kann, sonst eine etwas deckendere Vollflaeche als Rueckfallebene. */
.widget-text--boxed {
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 0.9rem;
    padding: 2rem;
}
@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
    .widget-text--boxed {
        background: rgba(255, 255, 255, 0.62);
        -webkit-backdrop-filter: blur(14px) saturate(140%);
        backdrop-filter: blur(14px) saturate(140%);
    }
}