/* ===== Aktionen & Vorteile (12.10.2026): Optik wie Kalender/Profil ===== */
.phone.t-akt .screen{background:#fbf6f0}
.phone.t-akt .ptr{color:#4a3426}
nav.bottom button[data-tab="aktionen"]{--cur:#4a3426}
.ak{--bg:#fbf6f0; --sand:#e2cfb8; --ink:#4a3426; --ink2:#7a6352;
  --caps:"Josefin Sans", "Futura", "Century Gothic", system-ui, sans-serif;
  background:var(--bg);color:var(--ink);min-height:100%}
.ak .top{background:var(--sand);padding:30px 22px 24px}
.ak .sub{font-family:var(--caps);text-transform:uppercase;letter-spacing:.16em;font-weight:600;font-size:.85rem;color:var(--ink2)}
.ak h1{font-family:var(--caps);text-transform:uppercase;font-weight:400;letter-spacing:.04em;font-size:2.2rem;line-height:1.05;margin:6px 0 0}
.ak .lead{margin:10px 0 0;font-size:.95rem;line-height:1.5;color:var(--ink2)}
.ak .as{padding:32px 22px}
.ak .as.alt{background:var(--sand)}
.ak h2{font-family:var(--caps);text-transform:uppercase;font-weight:400;letter-spacing:.04em;font-size:1.24rem;margin:0 0 6px}
.ak .cnt{margin:0 0 16px;font-size:.95rem;color:var(--ink2)}
.ak .cnt b{color:var(--ink)}
.ak .akbtn{display:block;width:100%;margin-top:14px;border:0;background:var(--hc,var(--ink));color:var(--bg);font-family:var(--caps);text-transform:uppercase;letter-spacing:.12em;font-weight:600;font-size:.95rem;padding:1rem .5rem .9rem;cursor:pointer;border-radius:8px;-webkit-appearance:none;appearance:none}
/* Gutscheine */
.ak .avl{display:flex;flex-direction:column;gap:14px}
.ak .av{border:1.5px solid var(--hc);background:var(--bg);border-radius:12px;padding:16px}
.ak .avt{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ak .av .t{font-family:var(--caps);text-transform:uppercase;letter-spacing:.03em;font-size:1.2rem;line-height:1.12;color:var(--hc)}
.ak .av .vs{flex:0 0 auto;font-family:var(--caps);text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;font-weight:600;background:var(--hc);color:var(--bg);padding:.45rem .6rem .35rem;line-height:1}
.ak .av .hs{display:block;font-family:var(--caps);text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:.76rem;margin-top:8px;color:var(--ink2)}
.ak .av p{margin:6px 0 0;font-size:.95rem;line-height:1.45}
.ak .av .u{display:block;font-size:.85rem;color:var(--ink2);margin-top:6px}
.ak .av.used{opacity:.55}
.ak .av.used .vs{background:none;border:1.5px solid var(--hc);color:var(--hc)}
/* Stempelkarte */
.ak .sk{border:1.5px solid var(--ink);background:var(--bg);border-radius:12px;padding:18px 16px}
.ak .sk .k{display:block;font-family:var(--caps);text-transform:uppercase;letter-spacing:.12em;font-weight:600;font-size:.76rem;color:var(--ink2)}
.ak .sk .nm{display:block;font-family:var(--caps);text-transform:uppercase;letter-spacing:.04em;font-size:1.32rem;margin:6px 0 2px}
.ak .sk .sn{display:block;font-size:.9rem;color:var(--ink2)}
.ak .st{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0 14px;justify-items:center}
.ak .st i{width:100%;max-width:46px;aspect-ratio:1;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;font-style:normal;font-size:1.1rem;color:var(--ink2)}
.ak .st i.on{background:var(--ink);color:var(--bg)}
.ak .st i.on:not(.last)::after{content:"";width:40%;height:40%;border-radius:50%;border:1.5px solid var(--bg)}
.ak .st i.last{border-style:dashed}
.ak .bar{height:8px;border-radius:4px;background:var(--sand);overflow:hidden}
.ak .bar b{display:block;height:100%;background:var(--ink);border-radius:4px}
.ak .pz{margin:14px 0 0;font-size:.9rem;line-height:1.45;color:var(--ink2)}
.ak .pz b{color:var(--ink)}
.ak .sk h3{font-family:var(--caps);text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:.8rem;color:var(--ink2);margin:20px 0 6px}
.ak .log{list-style:none;margin:0;padding:0}
.ak .log li{display:flex;justify-content:space-between;padding:10px 0;border-top:2px dotted rgba(74,52,38,.3);font-size:.92rem}
.ak .log li:first-child{border-top:0}
.ak .log li span:last-child{font-weight:600}
/* Alle Aktionen */
.ak .grp{font-family:var(--caps);text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:1rem;margin:22px 0 10px;display:flex;align-items:center;gap:8px}
.ak .grp small{font-size:.78rem;color:var(--bg);border-radius:999px;padding:.3rem .6rem .22rem;line-height:1}
.ak .al{display:flex;flex-direction:column;gap:10px}
.ak .ali{display:flex;align-items:center;gap:12px;border:1.5px solid var(--c);border-radius:12px;padding:12px 12px 12px 14px;background:var(--bg)}
.ak .ali .bd{flex:1;min-width:0;display:flex;flex-direction:column}
.ak .ali .k{font-family:var(--caps);text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:.72rem;color:var(--ink2)}
.ak .ali .t{font-family:var(--caps);text-transform:uppercase;letter-spacing:.03em;font-size:1.02rem;line-height:1.15;color:var(--c);margin-top:3px;overflow-wrap:anywhere;hyphens:auto}
.ak .ali .go{flex:0 0 auto;border:0;background:var(--c);color:var(--bg);font-family:var(--caps);text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:.78rem;padding:.75rem .8rem .65rem;border-radius:8px;cursor:pointer;-webkit-appearance:none;appearance:none}
.ak :focus-visible{outline:2px solid var(--ink);outline-offset:2px}
/* Einlöse-Fenster (liegt über der ganzen App) */
.akov{position:absolute;inset:0;z-index:50;display:none;background:#fbf6f0;color:#4a3426;overflow:auto;
  --bg:#fbf6f0; --sand:#e2cfb8; --ink:#4a3426; --ink2:#7a6352; --caps:"Josefin Sans", "Futura", "Century Gothic", system-ui, sans-serif}
.akov.on{display:block}
.akov .pinb{min-height:100%;padding:calc(30px + env(safe-area-inset-top,0px)) 24px 30px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}
.akov .x{position:absolute;right:14px;top:calc(14px + env(safe-area-inset-top,0px));width:46px;height:46px;border-radius:50%;border:1.5px solid var(--ink);background:none;color:var(--ink);font-size:1.6rem;line-height:1;cursor:pointer}
.akov .k{font-family:var(--caps);text-transform:uppercase;letter-spacing:.14em;font-weight:600;font-size:.82rem;color:var(--ink2);margin-top:22px}
.akov h2{font-family:var(--caps);text-transform:uppercase;font-weight:400;letter-spacing:.04em;font-size:1.7rem;line-height:1.1;margin:8px 0 0}
.akov .hint{margin:16px 0 0;font-size:1rem;line-height:1.5;color:var(--ink2);max-width:320px}
.akov .hint b{color:var(--ink)}
.akov .pd{display:flex;gap:16px;margin:26px 0 8px}
.akov .pd i{width:18px;height:18px;border-radius:50%;border:2px solid var(--ink)}
.akov .pd i.on{background:var(--ink)}
.akov .pd.err{animation:akshake .35s}
@keyframes akshake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
.akov .msg{min-height:1.4em;font-size:.88rem;color:var(--ink2);margin:0 0 14px}
.akov .pd.err + .msg{color:#9b2b2b;font-weight:600}
.akov .kp{display:grid;grid-template-columns:repeat(3,76px);gap:14px;justify-content:center}
.akov .kp button{height:66px;border-radius:50%;border:1.5px solid var(--ink);background:var(--bg);color:var(--ink);font:500 1.6rem var(--body);cursor:pointer;-webkit-appearance:none;appearance:none}
.akov .kp button:active{background:var(--sand)}
/* Bestätigung: Hausfarbe, Live-Uhr und Bewegung (nicht per Screenshot fälschbar) */
.akov .okb{min-height:100%;background:var(--c);color:#fbf6f0;padding:calc(50px + env(safe-area-inset-top,0px)) 24px 34px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}
.akov .ok-anim{position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(251,246,240,.14) 80%,transparent 90%);animation:akspin 4s linear infinite;pointer-events:none}
@keyframes akspin{to{transform:rotate(360deg)}}
.akov .okb > *:not(.ok-anim){position:relative}
.akov .chk{width:96px;height:96px;border-radius:50%;background:#fbf6f0;display:grid;place-items:center;animation:akpop .5s ease-out}
.akov .chk svg{width:54px;height:54px;fill:none;stroke:var(--c);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
@keyframes akpop{0%{transform:scale(.3)}70%{transform:scale(1.1)}100%{transform:scale(1)}}
.akov .okb .k{color:rgba(251,246,240,.85);margin-top:24px}
.akov .okb h2{font-size:2rem}
.akov .who{margin:10px 0 0;font-size:1.05rem}
.akov .live{margin:22px 0 0;display:flex;flex-direction:column;align-items:center}
.akov .live span{font:700 2.6rem/1 var(--body);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.akov .live small{margin-top:6px;font-size:.95rem;opacity:.85}
.akov .code{margin:20px 0 0;font-size:1rem}
.akov .code b{font-family:var(--caps);letter-spacing:.12em;font-size:1.15rem}
.akov .fin{margin-top:auto;width:100%;max-width:340px;border:0;background:#fbf6f0;color:var(--c);font-family:var(--caps);text-transform:uppercase;letter-spacing:.12em;font-weight:600;font-size:1rem;padding:1.05rem .5rem .95rem;border-radius:8px;cursor:pointer}
@media (prefers-reduced-motion:reduce){.akov .ok-anim,.akov .chk,.akov .pd.err{animation:none}}