.cooking-quantity,.cooking-filters{padding:18px;margin:16px 0;border:1px solid #d9ddcb;border-radius:12px;background:#f2f1e8;color:#203f32;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.cooking-field{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:700;min-width:0}
.cooking-field input,.cooking-field select{font:inherit;font-size:16px;color:#203f32;border:1px solid #bfcbbf;background:#fff;border-radius:8px;min-height:44px;padding:9px 12px;max-width:100%;min-width:0}
.cooking-field input{width:100px}.cooking-original{margin:0;flex:1 1 180px;font-size:14px}.cooking-actions{display:flex;gap:8px;flex-wrap:wrap}
.cooking-button{min-height:44px;border:1px solid #bfcbbf;border-radius:8px;background:#fff;color:#203f32;font:inherit;font-size:14px;font-weight:700;padding:10px 14px;cursor:pointer}
.cooking-button--primary{background:#bb4b16;color:#fff;border-color:#bb4b16}.cooking-button:disabled{opacity:.55;cursor:default}
.cooking-note{margin:0;width:100%;font-size:13px;line-height:1.6;color:#566658}.cooking-ingredient{list-style:none!important;padding:0!important}
.cooking-ingredient label{display:flex;gap:12px;align-items:flex-start;padding:10px 0;cursor:pointer}.cooking-ingredient input{width:20px;height:20px;flex-shrink:0;margin:3px 0;accent-color:#203f32}.cooking-ingredient.is-checked span{text-decoration:line-through;color:#637468}
.cooking-time-summary{font-weight:700;line-height:1.65;padding:12px 16px;background:#e7ecd9;color:#203f32;border-radius:8px;overflow-wrap:anywhere}
.cooking-tips{border-left:4px solid #bb4b16!important;background:#f5f1e8!important;padding:22px!important;border-radius:10px}.cooking-tips h2{color:#203f32}.cooking-tips li{line-height:1.7;margin:8px 0}
.cooking-filters{align-items:end}.cooking-filters .cooking-field{flex:1 1 180px}
.cooking-button:focus-visible,.cooking-field input:focus-visible,.cooking-field select:focus-visible,.cooking-ingredient input:focus-visible{outline:3px solid #bb4b16;outline-offset:3px}
@media(max-width:540px){.cooking-quantity,.cooking-filters{padding:14px}.cooking-filters .cooking-field{flex-basis:100%}}
@media print{.cooking-quantity,.cooking-filters,.cooking-ingredient input{display:none!important}.cooking-ingredient.is-checked span{text-decoration:none;color:inherit}.cooking-ingredient label{padding:2px 0}.cooking-tips,.cooking-time-summary{background:none!important;color:#000!important}}

.cooking-print-quantity{display:none}
@media print{.cooking-quantity{display:block!important;background:none;border:0;padding:0}.cooking-quantity .cooking-field,.cooking-quantity .cooking-actions,.cooking-quantity .cooking-original{display:none!important}.cooking-print-quantity{display:block;font-weight:700}}

/* Approved cooking companion: full viewport, scrollable content, fixed navigation. */
.kochansicht-overlay.guide-open{position:fixed;inset:0;z-index:1200;display:block;padding:0;background:#f3efe8;color:#213c38}
.kochansicht-overlay.guide-open[hidden]{display:none!important}
.guide-open .guide-shell{position:relative;inset:auto;display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#f3efe8;overflow:hidden;font-family:Inter,Arial,sans-serif;color:#213c38}
.guide-shell *{box-sizing:border-box}
.guide-shell button,.guide-shell input{font:inherit;color:inherit}
.guide-shell button{cursor:pointer}
.guide-shell button:disabled{opacity:.45;cursor:default}
.guide-shell button:focus-visible,.guide-shell input:focus-visible,.guide-shell summary:focus-visible,.guide-shell a:focus-visible,.guide-content:focus-visible{outline:3px solid #b84924;outline-offset:3px}
.guide-brandbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px clamp(18px,3vw,60px);background:#faf8f2;border-bottom:1px solid #dfe2d4;flex:none;min-height:55px;padding-top:max(12px,env(safe-area-inset-top))}
.guide-brandbar>span{display:flex;align-items:center;gap:10px;font:700 25px 'Playfair Display',Georgia,serif}
.guide-brandbar img{width:35px;height:35px}
.guide-exit{background:transparent;border:0;font-size:12px!important;min-height:40px;text-decoration:underline;text-underline-offset:4px}
.guide-open #kochansichtPanelSlot.guide-app{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;width:100%;overflow:hidden}
.guide-head{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:19px clamp(18px,3vw,60px);background:#faf8f2;border-bottom:1px solid #dfe2d4;flex:none}
.guide-kicker{margin:0 0 9px;color:#b84924;font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}
.guide-head h2{margin:0;font:700 clamp(19px,2vw,29px)/1.2 'Playfair Display',Georgia,serif;overflow-wrap:anywhere}
.guide-quantity{flex:none;font-size:11px;color:#657360}
.guide-quantity label{display:flex;align-items:center;gap:12px}
.guide-quantity label>span{display:flex;align-items:center;gap:4px;border:1px solid #d8dfce;border-radius:10px;padding:3px 5px;background:#fff;max-width:100%}
.guide-quantity button{border:0;background:none;width:35px;height:35px;font-size:21px}
.guide-quantity input{width:60px;max-width:70px;border:0;background:transparent;text-align:center;font-size:14px;min-height:35px;padding:0;appearance:textfield;-moz-appearance:textfield}
.guide-quantity input::-webkit-inner-spin-button{appearance:none}
.guide-quantity [data-guide-quantity-unit]{font-size:11px;max-width:120px;overflow-wrap:anywhere}
.guide-open .guide-layout.kochansicht-modal{display:grid;grid-template-columns:clamp(250px,20vw,350px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:28px;padding:25px clamp(18px,3vw,60px);width:100%;flex:1;min-height:0;overflow:hidden}
.guide-sidebar{min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin}
.guide-ingredients-panel{background:#fff;border:1px solid #dfe4d5;border-radius:15px;padding:20px}
.guide-ingredients-panel summary{font:400 20px/1.35 'Playfair Display',Georgia,serif;cursor:pointer;min-height:28px}
.guide-ingredients-panel [data-guide-ingredients]{padding-top:12px}
.guide-ingredient{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font-size:12px;line-height:1.6;cursor:pointer}
.guide-ingredient input{accent-color:#557459;flex:none;width:17px;height:17px;margin:2px 0 0}
.guide-ingredient:has(input:checked) span{text-decoration:line-through;color:#5b6855}
.guide-ingredient.is-current{color:#b84924;font-weight:600}
.guide-ingredient-group{font-size:12px;font-weight:700;margin:18px 0 10px}
.guide-steps{padding:22px 8px 5px}
.guide-steps h3{font:600 10px/1.5 Inter,Arial,sans-serif;letter-spacing:1.3px;text-transform:uppercase;color:#59674f;margin:0 0 12px}
.guide-steps button{display:flex;gap:11px;align-items:center;width:100%;min-height:38px;padding:6px 0;border:0;background:none;color:#59674f;text-align:left;font-size:11px;line-height:1.5}
.guide-steps b{border:1px solid #cbd3c2;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-weight:400;flex:none}
.guide-steps button[aria-current]{color:#213c38;font-weight:600}
.guide-steps button[aria-current] b{background:#213c38;color:#fff;border-color:#213c38}
.guide-stage{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff;border:1px solid #dfe4d5;border-radius:22px;overflow:hidden}
.guide-stage-top{display:flex;justify-content:space-between;gap:15px;padding:20px 30px;font-size:11px;color:#6a7667;flex:none}
.guide-progress{height:4px;background:#edf0e7;flex:none}
.guide-progress span{display:block;height:100%;background:#63816a;transition:width .2s}
.guide-content{flex:1;min-height:0;overflow:auto;overflow-wrap:anywhere;overscroll-behavior:contain;padding:clamp(25px,4vh,50px) clamp(25px,4vw,65px);scrollbar-width:thin}
.guide-content h2{font:700 clamp(33px,3.6vw,56px)/1.15 'Playfair Display',Georgia,serif;letter-spacing:-1px;color:#213c38;margin:20px 0 25px}
.guide-now{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 25px}
.guide-now span{padding:8px 13px;border-radius:9px;background:#f5f1e9;font-size:12px;line-height:1.5}
.guide-instruction{font-size:clamp(19px,1.8vw,25px);line-height:1.75;margin:20px 0;white-space:pre-wrap;color:#334c40}
.guide-tip{margin-top:30px;border-left:3px solid #a8b493;background:#f4f6ef;padding:15px 19px;font-size:12px;line-height:1.7;color:#53644e}
.guide-tip strong{color:#2f4c34}.guide-tip p{margin:4px 0 0}
.guide-timer{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:25px;font-size:12px}
.guide-timer output{font-variant-numeric:tabular-nums;font-size:18px;color:#213c38}
.guide-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #e8ebdf;padding:18px 30px;background:#fafbf6;flex:none}
.guide-button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;border:1px solid #cfd4c5;border-radius:10px;padding:10px 18px;font-size:13px!important;background:#fff;color:#213c38!important;line-height:1.4}
.guide-button-primary{background:#b84924!important;color:#fff!important;border-color:#b84924;min-width:170px;font-weight:600!important}
.guide-timer-status{margin:0;padding:0 30px;font-size:12px;color:#526b46;flex:none}
.guide-timer-status:not(:empty){padding-block:7px}.guide-announcement{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
.guide-done{text-align:center;padding:25px 0}.guide-done h2{margin-bottom:30px}
.guide-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:none;background:#e8e9dd;border-top:1px solid #d7ddcd;padding:9px clamp(18px,3vw,60px);padding-bottom:max(9px,env(safe-area-inset-bottom));font-size:10px;color:#53624b;min-height:35px}
.guide-footer nav{display:flex;gap:18px}.guide-footer a{color:inherit;text-underline-offset:3px}.guide-footer button{border:0;background:none;color:inherit;font-size:10px!important;min-height:25px}
.guide-scaling-note{margin:0;background:#fff3dd;color:#6b5026;padding:8px clamp(18px,3vw,60px);font-size:11px;flex:none;max-height:70px;overflow:auto}
.guide-launch{margin:15px 0;display:inline-flex}
body.kochansicht-open{overflow:hidden!important}
@media(min-width:1800px){.guide-content{padding:50px 5vw}}
@media(max-width:1100px){.guide-open .guide-layout.kochansicht-modal{gap:18px;padding:18px}.guide-quantity label{flex-direction:column;gap:3px;align-items:flex-start}.guide-content{padding:28px}.guide-content h2{font-size:37px}.guide-stage-top{padding:17px 22px}.guide-actions{padding:16px 20px}}
@media(max-width:900px){.guide-open .guide-layout.kochansicht-modal{display:flex;flex-direction:column;gap:14px}.guide-sidebar{flex:none;max-height:20vh;overflow:auto}.guide-steps{display:none}.guide-ingredients-panel{padding:13px 18px}.guide-ingredients-panel summary{font-size:18px}.guide-stage{flex:1;min-height:0}.guide-ingredient{font-size:13px}.guide-brandbar{min-height:45px;padding-block:7px}.guide-brandbar>span{font-size:22px}.guide-brandbar img{width:30px;height:30px}.guide-head{padding:14px 18px}.guide-head h2{font-size:24px}.guide-content{padding:25px}.guide-content h2{font-size:36px}.guide-footer>span{display:none}}
@media(max-width:540px){.guide-brandbar{padding-inline:16px}.guide-exit{font-size:11px!important}.guide-head{gap:12px;align-items:flex-start;flex-direction:column;padding:13px 16px}.guide-head h2{font-size:22px}.guide-head .guide-kicker{margin-bottom:6px;font-size:9px}.guide-quantity{width:100%}.guide-quantity label{flex-direction:row;align-items:center;justify-content:space-between}.guide-quantity [data-guide-quantity-unit]{max-width:90px}.guide-quantity input{width:44px;font-size:12px}.guide-quantity button{width:29px;height:29px}.guide-quantity label>span{gap:2px;padding:1px 4px}.guide-open .guide-layout.kochansicht-modal{padding:13px;gap:12px}.guide-content{padding:21px}.guide-content h2{font-size:32px;margin:16px 0 22px}.guide-instruction{font-size:19px;line-height:1.65}.guide-now{gap:6px;margin:16px 0}.guide-now span{font-size:11px;padding:7px 10px}.guide-stage{border-radius:16px}.guide-stage-top{padding:14px 18px}.guide-pace{font-size:10px}.guide-actions{padding:13px;gap:8px}.guide-button{padding:9px 13px;min-height:44px;font-size:12px!important}.guide-button-primary{min-width:0;max-width:65%}.guide-footer{padding:6px 16px;gap:8px;font-size:9px}.guide-footer button{max-width:45%;font-size:9px!important}.guide-footer nav{gap:12px}.guide-tip{font-size:12px;padding:13px;margin-top:22px}}
@media(max-height:500px){.guide-brandbar{display:none}.guide-head{padding:8px 15px;flex-direction:row;align-items:center}.guide-head h2{font-size:18px}.guide-head .guide-kicker{display:none}.guide-quantity{width:auto}.guide-quantity label{font-size:10px}.guide-quantity label>span{padding:0}.guide-open .guide-layout.kochansicht-modal{display:grid;grid-template-columns:220px 1fr;padding:12px;gap:12px}.guide-sidebar{max-height:none;flex:initial}.guide-ingredients-panel{padding:12px}.guide-ingredients-panel summary{font-size:16px}.guide-stage-top{padding:10px 16px}.guide-content{padding:17px 22px}.guide-content h2{font-size:28px;margin:10px 0}.guide-content .guide-kicker{font-size:9px}.guide-instruction{font-size:18px}.guide-actions{padding:8px 13px}.guide-now{margin:12px 0}.guide-footer{padding-block:3px;min-height:28px}}
@media(prefers-reduced-motion:reduce){.guide-progress span{transition:none}}
@media print{.guide-open{display:none!important}}

.guide-original{display:block;margin-top:4px;max-width:250px;font-size:10px;line-height:1.4;color:#53624b}.guide-original[hidden]{display:none}.guide-quantity input[readonly]{cursor:default}