body:has(.koch) .site-footer,body:has(.koch) .site-header{display:none}.koch{flex-direction:column;min-height:100vh;min-height:100dvh}.koch,.koch__kopf{display:flex;background:var(--surface)}.koch__kopf{position:-webkit-sticky;position:sticky;top:0;z-index:10;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line)}.koch__schliessen{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:999px;font-size:20px}.koch__schliessen:hover{background:var(--bg)}.koch__titel{display:flex;flex-direction:column;flex:1 1;min-width:0;line-height:1.3}.koch__titel strong{font-family:var(--serif);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.koch__titel span{font-size:13px;color:var(--ink-soft)}.koch__fortschritt{height:4px;background:var(--line)}.koch__fortschritt div{height:4px;background:var(--paprika);transition:width .3s ease-out}.koch__inhalt{flex:1 1;width:100%;max-width:720px;margin:0 auto;padding:28px 20px 40px}.koch__inhalt h1{font-family:var(--serif);font-size:30px;margin:0}.koch__sub{color:var(--ink-soft);margin:6px 0 20px}.koch__checkliste h3{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--paprika);margin:18px 0 6px}.koch__checkliste ul{list-style:none;margin:0;padding:0}.koch__checkliste button{display:flex;align-items:flex-start;gap:12px;width:100%;min-height:44px;padding:10px 8px;border:none;border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-size:17px;text-align:left;cursor:pointer}.koch__checkliste button:hover{background:var(--bg)}.koch__checkliste button[aria-pressed=true]{color:var(--ink-soft);text-decoration:line-through}.koch__checkliste em{color:var(--ink-soft)}.koch__haken{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;margin-top:2px;border:1.5px solid var(--line);border-radius:6px;font-size:14px;color:#fff}.koch__checkliste button[aria-pressed=true] .koch__haken{background:var(--paprika);border-color:var(--paprika)}.koch__einblendung{margin-bottom:24px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.koch__label{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--paprika);margin:0}.koch__schritt{font-size:22px;line-height:1.55}.koch__schritt p{margin:12px 0}.koch__schritt img{max-width:100%;height:auto;border-radius:12px}.koch__timer{display:grid;grid-gap:12px;gap:12px;margin-top:24px}.timer{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.timer[data-abgelaufen=true]{border-color:var(--paprika)}.timer__kopf{font-size:13px;font-weight:600;color:var(--ink-soft)}.timer__zeile{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px}.timer__zeit{min-width:4.5ch;font-family:var(--serif);font-size:28px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timer__zeile .btn{min-height:44px}.timer__hinweis{margin:8px 0 0;font-weight:600;color:var(--paprika)}.koch__fertig{text-align:center;padding-top:12vh}.koch__gekocht{margin-top:20px}.koch__fertig>p:first-child{font-size:48px;margin:0 0 8px}.koch__fuss{position:-webkit-sticky;position:sticky;bottom:0;display:flex;justify-content:space-between;gap:12px;padding:12px 16px max(env(safe-area-inset-bottom),12px);background:var(--surface);border-top:1px solid var(--line)}.koch__fuss .btn{min-height:48px;padding:10px 22px;font-size:15px;font-weight:600}.koch__fuss .btn:disabled{opacity:.4;cursor:default}