diff --git a/public/assets/css/components.css b/public/assets/css/components.css index be8eb88..1a05ca3 100644 --- a/public/assets/css/components.css +++ b/public/assets/css/components.css @@ -165,12 +165,19 @@ gap: 3rem; } -/* Variante: sanft aufgehelltes Panel hinter dem Inhalt (tinted: true im JSON) */ -.split--tinted .split__inner { - padding: clamp(1.75rem, 1rem + 2.5vw, 3.5rem); - background: linear-gradient(180deg, rgb(255 255 255 / 0.07), rgb(255 255 255 / 0.04)); - border: 1px solid rgb(255 255 255 / 0.12); - border-radius: var(--radius-card); +/* Variante: sanft aufgehelltes, durchgehendes Band über die volle Breite (tinted: true im JSON). + Direkt aufeinanderfolgende tinted-Sektionen verschmelzen nahtlos. */ +.split--tinted { + background: linear-gradient(180deg, rgb(255 255 255 / 0.06), rgb(255 255 255 / 0.035)); + border-block: 1px solid rgb(255 255 255 / 0.1); +} + +.split--tinted + .split--tinted { + border-top: 0; +} + +.split--tinted:has(+ .split--tinted) { + border-bottom: 0; } .split--flip .split__text {