.flip-uhr{display:flex;align-items:flex-start;justify-content:center;gap:.3rem}.flip-zelle{display:flex;flex-direction:column;align-items:center;gap:.35rem}.flip-karte{position:relative;width:3rem;height:4.25rem;perspective:180px}.flip-karte--breit{width:4rem}.flip-halb{position:absolute;left:0;right:0;height:50%;overflow:hidden}.flip-halb--oben{top:0;border-radius:6px 6px 0 0;background:rgba(0,0,0,.28);border-bottom:1px solid rgba(0,0,0,.45)}.flip-halb--oben:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.1));pointer-events:none}.flip-halb--unten{bottom:0;border-radius:0 0 6px 6px;background:rgba(0,0,0,.2)}.flip-halb--unten:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.08));pointer-events:none}.flip-halb .flip-inner{position:absolute;left:0;right:0;height:200%;display:flex;align-items:center;justify-content:center;font-family:var(--font-lora,Georgia,serif);font-size:2.6rem;font-weight:700;color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.5px}.flip-halb--oben .flip-inner{top:0}.flip-halb--unten .flip-inner{top:-100%}.flip-anim{position:absolute;left:0;right:0;height:50%;overflow:hidden;z-index:3;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-anim--oben{top:0;border-radius:6px 6px 0 0;background:rgba(0,0,0,.28);border-bottom:1px solid rgba(0,0,0,.45);transform-origin:bottom center;animation:klappOben .28s cubic-bezier(.4,0,1,1) forwards}.flip-anim--oben .flip-inner{top:0}.flip-anim--unten{bottom:0;border-radius:0 0 6px 6px;background:rgba(0,0,0,.2);transform-origin:top center;transform:rotateX(90deg);animation:klappUnten .28s cubic-bezier(0,0,.6,1) .28s forwards}.flip-anim--unten .flip-inner{top:-100%}.flip-anim .flip-inner{position:absolute;left:0;right:0;height:200%;display:flex;align-items:center;justify-content:center;font-family:var(--font-lora,Georgia,serif);font-size:2.6rem;font-weight:700;color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.5px}@keyframes klappOben{0%{transform:rotateX(0deg)}to{transform:rotateX(-90deg)}}@keyframes klappUnten{0%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}.flip-karte:after{content:"";position:absolute;inset:0;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.3);pointer-events:none}.flip-trenner{font-family:var(--font-lora,Georgia,serif);font-size:1.8rem;font-weight:700;color:rgba(255,255,255,.3);line-height:1;align-self:flex-start;padding-top:.7rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.flip-label{display:block;font-size:.52rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.38);text-align:center}