Kommende TBA Shows

assets/css/main.css

@@ -338,6 +338,7 @@ p { margin: 0 0 1em; }
     font-weight: 600;
     color: var(--mist);
 }
+.live__sub--past { margin-top: 4rem; }
 
 .flyer-wall {
     display: grid;
@@ -398,6 +399,51 @@ p { margin: 0 0 1em; }
     hyphens: auto;
 }
 
+/* Platzhalter-Plakat für Shows, die noch nicht angekündigt sind (tba: true) */
+.tba {
+    position: relative;
+    container-type: inline-size;
+    background: var(--bolt);
+    color: var(--deep);
+}
+.tba__bolt {
+    position: absolute;
+    top: 6%;
+    right: 4%;
+    width: 46%;
+    height: auto;
+    fill: var(--deep);
+}
+.tba__big {
+    position: absolute;
+    left: 6%;
+    bottom: 4%;
+    font-family: var(--font-display);
+    font-weight: 900;
+    font-size: 6rem;
+    font-size: 42cqi;
+    line-height: .8;
+}
+.tba__band {
+    position: absolute;
+    left: -10%;
+    right: -10%;
+    top: 50%;
+    padding: .45rem 0 .35rem;
+    background: var(--deep);
+    color: var(--bolt);
+    transform: translateY(-60%) rotate(-8deg);
+    text-align: center;
+    font-family: var(--font-display);
+    font-weight: 800;
+    font-size: 1.35rem;
+    font-size: 10cqi;
+    letter-spacing: .04em;
+    line-height: 1;
+    text-transform: uppercase;
+    white-space: nowrap;
+}
+
 .flyer__caption { padding: .9rem .35rem 0; }
 .flyer__caption time { font-size: .9rem; font-weight: 600; }
 .flyer__caption h3 {