.waterfall-color--f1 a.Teaser .Text,.waterfall-color--f1 div.Teaser .Text{color:var(--clr-f1)}.waterfall-color--f1 div.Teaser .Headline{color:var(--clr-f4)}.waterfall-color--f1 a.Teaser .Headline{color:var(--clr-f5);transition:color .25s ease-in-out}.waterfall-color--f1 a.Teaser .Headline:hover{color:var(--clr-f9)}.waterfall-color--f1 div.Teaser .Teaser-subHeadline{color:var(--clr-f6)}.waterfall-color--f2 a.Teaser .Text,.waterfall-color--f2 div.Teaser .Headline,.waterfall-color--f2 div.Teaser .Text{color:var(--clr-f2)}.waterfall-color--f2 a.Teaser .Headline{color:var(--clr-f2);transition:color .25s ease-in-out}.waterfall-color--f2 a.Teaser .Headline:hover{color:var(--clr-f3)}.waterfall .Teaser{flex-grow:0}.waterfall .Teaser.Teaser-width-mobile--50{width:calc(50% - var(--Teaser-subtract-width))}.waterfall .Teaser.Teaser-width-mobile--100{width:calc(100% - var(--Teaser-subtract-width))}.waterfall .Teaser.hidden{display:none}@media screen and (min-width:769px){.waterfall .Teaser.Teaser-width-tablet--25{width:calc(25% - var(--Teaser-subtract-width))}.waterfall .Teaser.Teaser-width-tablet--33{width:calc(33.333% - var(--Teaser-subtract-width))}.waterfall .Teaser.Teaser-width-tablet--50{width:calc(50% - var(--Teaser-subtract-width))}.waterfall .Teaser.Teaser-width-tablet--100{width:calc(100% - var(--Teaser-subtract-width))}}@media screen and (min-width:1026px){.waterfall .Teaser.Teaser-width-desktop--25{width:calc(25% - var(--Teaser-subtract-width))}.waterfall .Teaser.Teaser-width-desktop--33{width:calc(33.333% - var(--Teaser-subtract-width))}.waterfall .Teaser.Teaser-width-desktop--50{width:calc(50% - var(--Teaser-subtract-width))}.waterfall .Teaser.Teaser-width-desktop--100{width:calc(100% - var(--Teaser-subtract-width))}.neos-backend .waterfall>div[\:has\(\.Teaser-width-desktop--25\)]{width:25%}}@media screen and (min-width:1026px){.neos-backend .waterfall>div:has(.Teaser-width-desktop--25){width:25%}.neos-backend .waterfall>div[\:has\(\.Teaser-width-desktop--33\)]{width:33.333%}.neos-backend .waterfall>div:has(.Teaser-width-desktop--33){width:33.333%}.neos-backend .waterfall>div[\:has\(\.Teaser-width-desktop--50\)]{width:50%}.neos-backend .waterfall>div:has(.Teaser-width-desktop--50){width:50%}.neos-backend .waterfall>div[\:has\(\.Teaser-width-desktop--100\)]{width:100%}.neos-backend .waterfall>div:has(.Teaser-width-desktop--100){width:100%}.neos-backend .waterfall>div{.Teaser{width:calc(100% - var(--Teaser-subtract-width))}}}