/* Design-Refresh – wirkt NUR auf Seiten mit . Umgesetzt: #4 Buttons, #5 Typografie, #6 Whitespace. Farbpalette unverändert. */ /* ---------- #5 Typografie ---------- */ /* Angenehmere Zeilenhöhe der Fließtexte (Override gegen Theme-Regeln) */ body.refresh main p, body.refresh main .wpb_text_column, body.refresh main li { line-height: 1.7 !important; } /* Hero-Überschrift kräftiger und größer, mit responsivem Clamp */ body.refresh .uvc-main-heading h1 { font-weight: 700 !important; font-size: clamp(34px, 5.5vw, 60px) !important; line-height: 1.1 !important; letter-spacing: -0.5px; } /* ---------- #4 Buttons ---------- */ body.refresh .w-btn { border-radius: 6px; transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease; } /* Primär-CTA gefüllt (nutzt das vorhandene Anthrazit, keine neue Farbe) */ body.refresh .w-btn.us-btn-style_1, body.refresh .w-btn.us-btn-style_1:link, body.refresh .w-btn.us-btn-style_1:visited { background-color: #24272d; border-color: #24272d; } body.refresh .w-btn.us-btn-style_1 .w-btn-label { color: #ffffff; } body.refresh .w-btn.us-btn-style_1:hover { background-color: #3a3f47; border-color: #3a3f47; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 0, 0, .18); } /* ---------- #6 Whitespace ---------- */ /* Mehr Luft zwischen den Inhalts-Sektionen (Footer bleibt unberührt) */ body.refresh main > .l-section > .l-section-h { padding-top: 38px !important; padding-bottom: 38px !important; } @media (max-width: 600px) { body.refresh main > .l-section > .l-section-h { padding-top: 22px !important; padding-bottom: 22px !important; } }