/* Line-up-Streifen unter dem Hero: beiger Streifen, Text im Schwarz des Seitenhintergrunds */
.lineup-strip { background-color: #f6ebd1; color: #000000; text-align: center; padding: 36px 15px 54px; }
.lineup-strip h1 { color: #000000; margin: 0 0 8px; font-size: 14px; font-weight: 800; letter-spacing: .3em; text-transform: uppercase; }
.lineup-strip ul { list-style: none; margin: 0; padding: 0; }
.lineup-strip li { display: inline-block; font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 900; text-transform: uppercase; letter-spacing: -0.01em; font-size: clamp(20px, 3.2vw, 40px); line-height: 1.2; }
.lineup-strip li:not(:last-child):after { content: "·"; margin: 0 .45em; }
.lineup-strip a, .lineup-strip a:visited { color: #000000; text-decoration: none; border-radius: 8px; padding: 0 .2em; margin: 0 -.2em; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.lineup-strip a:hover { background-color: #000000; color: #f6ebd1; }
@media (max-width: 767px) { .lineup-strip li { display: block; font-size: 30px; } .lineup-strip li:after { content: none !important; } }