.tm-meldung{--tm-papier:#f2e9d3;--tm-linie:rgba(242, 223, 174, 0.62);position:fixed;z-index:10750;top:calc(12px + env(safe-area-inset-top,0px));left:16px;right:16px;margin-inline:auto;width:fit-content;max-width:min(580px,calc(100vw - 32px));display:flex;align-items:center;gap:12px;padding:8px 22px 8px 9px;border-radius:999px;cursor:pointer;color:var(--tm-papier);text-align:left;background:radial-gradient(120% 160% at 50% 100%,#110d0a 0,#1f1914 55%,#2e2620 100%);box-shadow:inset 0 0 0 1px var(--tm-linie),inset 0 0 0 4px #17120e,inset 0 0 0 5px rgba(242,223,174,.18),0 16px 36px rgba(0,0,0,.45);translate:0 calc(-100% - 30px);opacity:0;pointer-events:none;transition:translate .5s cubic-bezier(.4, 0, .6, 1),opacity .3s ease .1s;-webkit-tap-highlight-color:transparent}.tm-meldung.da{translate:0 0;opacity:1;pointer-events:auto;transition:translate .6s cubic-bezier(.3, 1.35, .5, 1),opacity .25s ease}.tm-meldung:focus-visible{outline:2px dashed #f2dfae;outline-offset:3px}@media (hover:hover){.tm-meldung.da:hover{box-shadow:inset 0 0 0 1px rgba(242,223,174,.95),inset 0 0 0 4px #17120e,inset 0 0 0 5px rgba(242,223,174,.35),0 18px 40px rgba(0,0,0,.5)}}.tm-marke{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#1a1613;background:radial-gradient(circle at 38% 30%,#fbf3dc,#e3d3a8 70%);box-shadow:0 0 0 2px rgba(242,223,174,.9),0 0 0 4px #17120e,0 3px 6px rgba(0,0,0,.5)}.tm-marke svg{width:22px;height:22px}.tm-meldung.art-daneben .tm-marke,.tm-meldung.art-pause .tm-marke{color:#fff4ea;background:radial-gradient(circle at 38% 30%,#e0544a,#9e1d1d 72%)}.tm-meldung.art-geloest .tm-marke{color:#f4fbef;background:radial-gradient(circle at 38% 30%,#79ad62,#2f5a32 72%)}.tm-meldung.art-fertig .tm-marke{color:#3b2a0c;background:radial-gradient(circle at 38% 30%,#fff1c2,#d8b65c 55%,#9a7428)}.tm-meldung.art-tipp .tm-marke{color:#3b2a0c;background:radial-gradient(circle at 38% 30%,#ffe9a8,#e0b04a 72%)}.tm-meldung.art-raus .tm-marke{color:#efe7d4;background:radial-gradient(circle at 38% 30%,#6a5f52,#3a322a 72%)}.tm-meldung.art-anfrage .tm-marke{color:#eef3ff;background:radial-gradient(circle at 38% 30%,#6f8fd0,#2b4378 72%)}.tm-meldung.da.art-anfrage .tm-marke{animation:tm-plopp .55s cubic-bezier(.3,1.6,.5,1) .4s backwards}.tm-meldung.da.art-daneben .tm-marke,.tm-meldung.da.art-pause .tm-marke{animation:tm-wackeln .5s ease .45s}.tm-meldung.da.art-fertig .tm-marke,.tm-meldung.da.art-geloest .tm-marke{animation:tm-plopp .55s cubic-bezier(.3,1.6,.5,1) .4s backwards}@keyframes tm-wackeln{0%,100%{translate:0 0}20%{translate:-4px 0}45%{translate:4px 0}70%{translate:-2px 0}}@keyframes tm-plopp{from{scale:0.4}}.tm-text{display:grid;gap:4px;min-width:0}.tm-text b{font-family:var(--font-display, "Special Elite", "Courier New", monospace);font-weight:400;font-size:1.12rem;line-height:1.15;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:480px){.tm-meldung{gap:10px;padding:7px 16px 7px 8px;border-radius:26px}.tm-marke{width:36px;height:36px}.tm-text b{font-size:1rem}}@media (prefers-reduced-motion:reduce){.tm-meldung,.tm-meldung.da{transition:opacity .2s ease;translate:0 0}.tm-meldung.da .tm-marke{animation:none!important}}