.kaffeebild[data-astro-cid-53nyidob]{border-radius:inherit;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.adv .tueren{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:48px;list-style:none;display:grid}@media (width<=900px){.adv .tueren{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=560px){.adv .tueren{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}.adv .tuer{aspect-ratio:3/4;cursor:pointer;perspective:700px;width:100%;font:inherit;color:inherit;border-radius:var(--r-s);background:0 0;border:0;padding:0;display:block;position:relative}.adv .tuer .innen,.adv .tuer .front{border-radius:var(--r-s);position:absolute;inset:0}.adv .tuer .innen{color:var(--ember-ink);background:radial-gradient(circle at 50% 60%,var(--crema-soft),var(--crema) 85%);box-shadow:inset 0 3px 10px color-mix(in srgb,var(--espresso) 35%,transparent);justify-content:center;align-items:center;display:flex}.adv .tuer .front{background:linear-gradient(160deg,var(--roast),var(--espresso));color:var(--crema);border:2px solid var(--ember);box-shadow:var(--shadow-s);transform-origin:0;backface-visibility:hidden;transition:transform .65s var(--ease),box-shadow .3s;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding:0 6px 12px;display:flex}.adv .tuer .front:before{content:"";border:1px solid color-mix(in srgb,var(--crema) 40%,transparent);border-radius:calc(var(--r-s) - 3px);pointer-events:none;position:absolute;inset:5px}.adv .tuer .zahl{background:var(--paper);width:36px;height:36px;color:var(--espresso);border:1px solid var(--crema);font-family:var(--disp);border-radius:50%;place-items:center;font-size:22px;font-weight:700;line-height:1;display:grid;position:absolute;top:10px;left:10px}.adv .tuer .kaffeename{font-family:var(--disp);color:var(--crema-soft);text-shadow:0 1px 3px var(--espresso);font-size:clamp(12px,1.5vw,18px);font-weight:700;line-height:1.2;position:relative}.adv .tuer .klein{font-family:var(--mono);letter-spacing:.12em;color:var(--crema-soft);font-size:8px;position:relative}.adv .tuer:has(.szene-1) .kaffeename,.adv .tuer:has(.szene-3) .kaffeename,.adv .tuer:has(.szene-1) .klein,.adv .tuer:has(.szene-3) .klein{color:var(--espresso);text-shadow:none}@media (width<=560px){.adv .tuer .front{padding-bottom:9px}.adv .tuer .zahl{width:28px;height:28px;font-size:18px;top:7px;left:7px}.adv .tuer .kaffeename{font-size:11px}.adv .tuer .klein{letter-spacing:.05em;font-size:7px}}.adv .tuer:hover:not(.gesperrt) .front{box-shadow:var(--shadow-lift);transform:rotateY(-14deg)}.adv .tuer.auf .front{box-shadow:none;transform:rotateY(-112deg)}.adv .tuer.gesperrt .front,.adv .tuer.leer .front{border-color:var(--line-mid)}.adv .tuer.gesperrt,.adv .tuer.leer{cursor:not-allowed}.adv .tuer.heute .front{animation:2.4s ease-in-out infinite glut}@keyframes glut{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--crema) 55%,transparent),var(--shadow-lift)}}.adv .tuer .hinweis{z-index:3;white-space:nowrap;font-family:var(--mono);background:var(--ink);color:var(--foam);border-radius:var(--pill);pointer-events:none;padding:3px 12px;font-size:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%,100%)}.adv .tuer .hinweis:empty{display:none}.adv .tuer.wackel{animation:.4s wackel}@keyframes wackel{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.zettel-dialog{width:100%;max-width:min(780px,100vw);color:var(--ink);background:0 0;border:0;margin:auto;padding:16px;overflow:visible}.zettel-dialog::backdrop{background:color-mix(in srgb,var(--espresso) 78%,transparent);backdrop-filter:blur(3px)}.zettel-dialog[open]{animation:auf .45s var(--ease)}@keyframes auf{0%{opacity:0;transform:translateY(24px)scale(.94)rotate(-1.5deg)}}.zettel-dialog .blatt{background:var(--paper);border-radius:4px 4px var(--r) var(--r);box-shadow:var(--shadow-lift);max-height:calc(100vh - 56px);padding:42px 46px 34px;position:relative;overflow:auto}.zettel-dialog .blatt:before{content:"";background:var(--tape);border-radius:2px;width:96px;height:22px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(-2deg)}.zettel-dialog .kopf{font-family:var(--mono);color:var(--ember-ink);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;font-size:12px;display:flex}.zettel-dialog h2{margin-bottom:22px;font-size:clamp(1.65rem,3.8vw,2.25rem);line-height:1.12}.zettel-dialog p{color:var(--prose);margin:0 0 16px;line-height:1.72}.zettel-dialog .volltext{max-width:72ch;margin-inline:auto}.zettel-dialog .volltext h2{margin:32px 0 12px;padding-top:5px;font-size:1.3rem;line-height:1.2}.zettel-dialog .volltext h2:first-child{margin-top:0}.zettel-dialog .volltext h3{margin:24px 0 9px;font-size:1.08rem;line-height:1.25}.zettel-dialog .volltext ul,.zettel-dialog .volltext ol{color:var(--prose);margin:0 0 20px;padding-left:26px}.zettel-dialog .volltext li{margin:0 0 8px;padding-left:4px;line-height:1.65}.zettel-dialog .volltext li::marker{color:var(--ember-ink);font-weight:700}.zettel-dialog .volltext blockquote{background:var(--crema-soft);border-left:4px solid var(--ember);border-radius:0 var(--r-s) var(--r-s) 0;margin:22px 0;padding:14px 20px}.zettel-dialog .volltext blockquote p:last-child{margin-bottom:0}.zettel-dialog .volltext hr{border:0;border-top:1px solid var(--line-soft);margin:26px 0}.zettel-dialog .volltext strong{color:var(--ink);font-weight:700}.zettel-dialog .volltext a{color:var(--ember-ink);text-decoration:underline}.zettel-dialog .volltext pre{background:var(--espresso);color:var(--foam);border-radius:var(--r);margin-bottom:16px;padding:14px;overflow:auto}.zettel-dialog .volltext code{font-family:var(--mono);font-size:.9em}.zettel-dialog .aktion{margin-top:22px}.zettel-dialog .grad-zeile{border-top:1px dashed var(--line-mid);margin:22px 0 0;padding-top:14px}.zettel-dialog .zu{width:40px;height:40px;color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:30px;line-height:1;position:absolute;top:8px;right:12px}.zettel-dialog .zu:hover{color:var(--ember-ink)}.zettel-dialog .bed{color:var(--ink-2);margin-top:22px;font-size:14.5px}.zettel-dialog .bed summary{cursor:pointer;font-weight:700}.zettel-dialog .bed ul{margin:10px 0 0 18px}.zettel-dialog .bed li{margin-bottom:6px}@media (width<=600px){.zettel-dialog{padding:10px}.zettel-dialog .blatt{padding:38px 22px 26px}.zettel-dialog .volltext h2{margin-top:26px}}@media (prefers-reduced-motion:reduce){.adv .tuer.auf .front{transform:rotateY(-112deg)}}