.hallekap{background:var(--color-surface-mid)}.halle{position:relative}.halle__fenster{scrollbar-width:none;overscroll-behavior-x:contain;margin-inline:-1.5rem;position:relative;overflow:auto hidden}.halle__fenster::-webkit-scrollbar{display:none}.halle__bild{aspect-ratio:3/2;background:#0b0f11;width:760px;margin:0;position:relative}.halle__wisch{text-align:center;margin-top:.75rem;font-size:22px}@media (min-width:768px){.halle__fenster{margin-inline:0;overflow:visible}.halle__bild{width:100%}.halle__wisch{display:none}}.halle__notizen{z-index:2;margin:0;padding:0;list-style:none;position:absolute;inset:0}.halle__punkt{width:0;height:0;position:absolute}.halle__wabe{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:drop-shadow(0 0 4px #ffffffb3);background:#f4f7f6;width:14px;height:16px;position:absolute;top:-8px;left:-7px}.halle__wabe:after{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#0b0f11;position:absolute;inset:3px}.halle__notiz{color:#e8ce82f5;white-space:nowrap;display:flex;position:absolute}.halle__strich{flex:none;width:52px;height:22px;overflow:visible}.halle__strich path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-dasharray:70;stroke-dashoffset:0;filter:drop-shadow(0 1px 3px #000000e6)}.halle__text{font-family:var(--font-hand), cursive;text-shadow:0 1px 2px #000000f2,0 2px 12px #000000e6;font-size:22px;font-weight:600;line-height:1}@media (min-width:1024px){.halle__text{font-size:clamp(24px,1.9vw,32px)}.halle__strich{width:64px;height:26px}}.halle__punkt--unten .halle__notiz{flex-direction:column;align-items:flex-end;top:8px;left:4px}.halle__punkt--unten .halle__strich{transform:scaleX(-1)}.halle__punkt--oben .halle__notiz{flex-direction:column-reverse;align-items:flex-end;bottom:8px;left:4px}.halle__punkt--links .halle__notiz{flex-direction:row-reverse;align-items:flex-start;gap:4px;top:-6px;right:10px}.halle__punkt--links .halle__strich{transform:scaleY(-1)rotate(8deg)}.halle__punkt--links .halle__text{margin-top:14px}.halle__punkt--rechts .halle__notiz{flex-direction:row;align-items:flex-start;gap:4px;top:-6px;left:10px}.halle__punkt--rechts .halle__strich{transform:scale(-1)rotate(8deg)}.halle__punkt--rechts .halle__text{margin-top:14px}.halle__boden{margin-top:2rem}.halle__bodenlicht{display:none}@media (min-width:1024px){.halle__boden{z-index:3;max-width:44%;margin:0;position:absolute;bottom:5%;left:3%}.halle__boden .kap-titel{font-size:clamp(44px,4.6vw,80px)}.halle__boden .kap-titel,.halle__boden .kap-lead{text-shadow:0 2px 18px #000000d9}.halle__bodenlicht{z-index:1;pointer-events:none;background:linear-gradient(#080a0c00,#080a0ce6 90%);height:48%;display:block;position:absolute;inset:auto 0 0}}@media (prefers-reduced-motion:no-preference){.halle[data-halle=warten] .halle__wabe{transform:scale(0)}.halle[data-halle=warten] .halle__strich path{stroke-dashoffset:70px}.halle[data-halle=warten] .halle__text{clip-path:inset(-20% 100% -20% 0)}.halle[data-halle=schreiben] .halle__wabe{animation:wabeAn .35s cubic-bezier(.2, 1.4, .4, 1) calc(var(--i) * .28s) both}.halle[data-halle=schreiben] .halle__strich path{animation:strichZiehen .4s ease-out calc(var(--i) * .28s + .15s) both}.halle[data-halle=schreiben] .halle__text{animation:textSchreiben .55s steps(14, end) calc(var(--i) * .28s + .4s) both}}@keyframes wabeAn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes strichZiehen{0%{stroke-dashoffset:70px}to{stroke-dashoffset:0}}@keyframes textSchreiben{0%{clip-path:inset(-20% 100% -20% 0)}to{clip-path:inset(-20% 0)}}
.plakat{--plakat-papier:#f1ebdf;--plakat-tinte:#151617;--plakat-rot:#b3261e;--plakat-dreh:-1.6deg;width:100%;max-width:520px;transform:rotate(var(--plakat-dreh));margin-inline:auto;position:relative}.plakat__papier{background:linear-gradient(115deg, #ffffff59, #fff0 38%), linear-gradient(180deg, #0000 70%, #503c1414), var(--plakat-papier);color:var(--plakat-tinte);padding:5.5% 5.5% 4.5%;position:relative;box-shadow:inset 0 1px #fff6,0 10px 18px #0000008c,0 30px 60px #00000059;container-type:inline-size}.plakat__kopf{border-bottom:3px solid var(--plakat-tinte);font-family:var(--font-barlow-condensed), sans-serif;letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;gap:1rem;padding-bottom:2.2cqi;font-size:max(13px,3.4cqi);font-weight:600;display:flex}.plakat__foto{aspect-ratio:5/3.7;background:#0d1012;margin-top:3.5cqi;position:relative;overflow:hidden}.plakat__name{font-family:var(--font-bebas), sans-serif;flex-direction:column;align-items:flex-start;margin-top:-7cqi;line-height:.8;display:flex;position:relative}.plakat__vorname{z-index:1;background:var(--plakat-rot);color:var(--plakat-papier);letter-spacing:.04em;padding:1.6cqi 2.6cqi .6cqi;font-size:11cqi;position:relative}.plakat__nachname{letter-spacing:-.005em;white-space:nowrap;width:100%;margin-top:1.6cqi;font-size:29.8cqi}.plakat__billing{border-top:3px solid var(--plakat-tinte);border-bottom:1px solid var(--plakat-tinte);font-family:var(--font-barlow-condensed), sans-serif;text-transform:uppercase;letter-spacing:.04em;grid-template-columns:1fr 1fr;margin-top:2.6cqi;font-size:max(14px,4.1cqi);font-weight:600;line-height:1.1;display:grid}.plakat__billing li{align-items:baseline;gap:.35em;padding:1.9cqi 0;display:flex}.plakat__billing li:nth-child(odd){border-right:1px solid var(--plakat-tinte);padding-right:2cqi}.plakat__billing li:nth-child(2n){padding-left:3cqi}.plakat__billing li:nth-child(n+3){border-top:1px solid var(--plakat-tinte)}.plakat__billing strong{font-family:var(--font-bebas), sans-serif;color:var(--plakat-rot);font-size:1.75em;font-weight:400;line-height:.8}.plakat__vorprogramm{background:var(--plakat-tinte);color:var(--plakat-papier);grid-template-columns:auto 1fr;align-items:end;gap:1cqi 3.4cqi;margin-top:3.2cqi;padding:2.2cqi 3cqi;display:grid}.plakat__vp-label{font-family:var(--font-barlow-condensed), sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#f1ebdfd1;grid-column:1/-1;font-size:max(12px,3.1cqi);font-weight:600;line-height:1}.plakat__vp-du{font-family:var(--font-bebas), sans-serif;color:#ff5a3c;font-size:16cqi;line-height:.8}.plakat__vp-wann{font-family:var(--font-barlow-condensed), sans-serif;flex-direction:column;gap:.6cqi;padding-bottom:.6cqi;font-size:max(15px,4.7cqi);font-weight:600;line-height:1.1;display:flex}.plakat__vp-wann small{letter-spacing:.04em;color:#f1ebdfd1;font-size:max(13px,3.4cqi);font-weight:400}.plakat__fuss{text-align:center;font-family:var(--font-barlow-condensed), sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-top:2.6cqi;font-size:max(12px,3cqi);font-weight:600}.plakat__tape{z-index:2;clip-path:polygon(2% 8%,8% 0,92% 4%,99% 0,97% 52%,100% 96%,90% 100%,6% 94%,0 100%,3% 46%);width:26%;height:7%;max-height:44px;transform:var(--t);background:#e2d6b49e;position:absolute;box-shadow:0 1px 2px #00000040}.plakat__tape--lo{--t:rotate(-38deg);top:1.5%;left:-7%}.plakat__tape--ro{--t:rotate(34deg);top:1%;right:-7%}.plakat__tape--lu{--t:rotate(32deg);bottom:-2.5%;left:-6%}.plakat__tape--ru{--t:rotate(-30deg);bottom:-2%;right:-6%}.plakat__notiz{display:none}@media (min-width:1100px){.plakat__notiz{font-family:var(--font-hand), cursive;color:#dec478e6;white-space:nowrap;font-size:26px;line-height:1;display:block;position:absolute;bottom:15%;right:-7.2rem;transform:rotate(4deg)}.plakat__notiz:before{content:"←";font-family:var(--font-barlow), sans-serif;margin-right:.3em}}@media (prefers-reduced-motion:no-preference){.plakat[data-plakat=warten],.plakat[data-plakat=warten] .plakat__tape,.plakat[data-plakat=warten] .plakat__notiz{opacity:0}.plakat[data-plakat=kleben]{animation:.62s cubic-bezier(.2,.9,.25,1) both plakatKlatsch}.plakat[data-plakat=kleben] .plakat__papier{animation:.62s cubic-bezier(.2,.9,.25,1) both plakatSchatten}.plakat[data-plakat=kleben] .plakat__tape{animation:.22s ease-out both tapeAuf}.plakat[data-plakat=kleben] .plakat__tape--lo{animation-delay:.5s}.plakat[data-plakat=kleben] .plakat__tape--ro{animation-delay:.6s}.plakat[data-plakat=kleben] .plakat__tape--lu{animation-delay:.7s}.plakat[data-plakat=kleben] .plakat__tape--ru{animation-delay:.8s}.plakat[data-plakat=kleben] .plakat__notiz{animation:.4s ease-out 1.1s both notizAuf}}@keyframes plakatKlatsch{0%{opacity:0;transform:translate(3%,-5%)rotate(-7deg)scale(1.09)}45%{opacity:1;transform:translate(0)rotate(-.4deg)scale(.985)}70%{transform:rotate(-2.1deg)scale(1.004)}to{opacity:1;transform:rotate(var(--plakat-dreh)) scale(1)}}@keyframes plakatSchatten{0%{box-shadow:0 40px 90px #0003,0 60px 120px #0003}45%,to{box-shadow:inset 0 1px #fff6,0 10px 18px #0000008c,0 30px 60px #00000059}}@keyframes tapeAuf{0%{opacity:0;transform:var(--t) scale(1.25)}to{opacity:1;transform:var(--t) scale(1)}}@keyframes notizAuf{0%{opacity:0}to{opacity:1}}
