.pm-scen{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
.pm-scen .k-rahmen{background:#dad7d0}
.pm-scen .f-canvas{touch-action:pan-y}
.pm-cap-mass{font-size:14px;color:var(--grafit)}


.pm-oben{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:-12px}
.pm-sprak{display:flex;gap:4px}
.pm-sprak a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;font-size:14px;color:var(--grafit);border-bottom:1px solid transparent}
.pm-sprak a[aria-current]{color:var(--kol);font-weight:500;border-bottom-color:var(--kol)}
.pm-sprak a:focus-visible{outline:2px solid var(--varm);outline-offset:2px}


.pm-piller{display:flex;flex-wrap:wrap;gap:8px}
.pm-piller button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:56px;padding:0 16px;border:1px solid rgba(28,27,25,.18);border-radius:22px;background:var(--papper);
  font:500 14px Inter,system-ui,sans-serif;color:var(--grafit);cursor:pointer;scroll-margin-top:calc(var(--topph) + 16px);transition:background .25s,color .25s,border-color .25s,transform .2s cubic-bezier(.16,1,.3,1)}
.pm-piller button:hover{border-color:rgba(28,27,25,.45)}
.pm-piller button:active{transform:scale(.97)}
.pm-piller button[aria-checked="true"]{background:var(--kol);color:var(--papper);border-color:var(--kol)}
.pm-piller button:focus-visible{outline:2px solid var(--varm);outline-offset:3px}
.pm-knappar svg{fill:currentColor;flex:none}
.pm-karten{grid-template-columns:repeat(2,minmax(0,1fr))}
.pm-del{display:grid;gap:10px}
.pm-del[hidden]{display:none}
.k-grupp>.k-mini{margin-bottom:-6px}
.pm-not{font-size:15px;color:var(--grafit);max-width:34em;min-height:1.5em}


.pm-proben{display:flex;flex-wrap:wrap;gap:12px}
.pm-proben button{appearance:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;overflow:hidden;background:var(--prov,var(--sten));cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(28,27,25,.14);outline:2px solid transparent;outline-offset:3px;scroll-margin-top:calc(var(--topph) + 16px);transition:outline-color .2s,transform .2s cubic-bezier(.16,1,.3,1)}
.pm-proben img{display:block;width:100%;height:100%;object-fit:cover}
.pm-proben button:hover{transform:scale(1.08)}
.pm-proben button[aria-checked="true"]{outline-color:var(--kol)}
.pm-proben button:focus-visible{outline-color:var(--varm)}
.k-stoff span{font-size:14px;color:var(--grafit)}

@media (max-width:860px){
  .pm-scen{grid-template-rows:auto}
  .pm-scen .k-rahmen{height:40svh;min-height:200px}
  .pm-cap-mass{display:none}
  .pm-piller button,.pm-proben button{scroll-margin-top:calc(var(--topph) + 40svh + 12px)}
  .pm-scen~.k-panel .k-grupp,.pm-scen~.k-panel .k-karte,.pm-scen~.k-panel .k-summe{scroll-margin-top:calc(var(--topph) + 40svh + 12px)}
  .pm-proben{gap:10px}
}
@media (prefers-reduced-motion:reduce){.pm-piller button,.pm-proben button{transition:none}}