:root{--max-width-narrow:1024px;--max-width:1590px;--max-width-extra-wide:1920px}.tile-button{--tile-border-radius:.625rem;border-radius:var(--tile-border-radius);background-position:50%;flex-direction:column;align-items:center;padding-block:.5rem;text-decoration:none;transition:box-shadow .1s,background-color .8s;display:flex;position:relative}@media (width>=960px){.tile-button{--tile-border-radius:.9375rem;cursor:pointer;padding:1rem}}.tile-button:hover{box-shadow:0 1px 1px 0 hsl(var(--grey-midnight)/.86), 0 2px 1px 0 hsl(var(--grey-midnight)/.86), 0 5px 5px 0 hsl(var(--grey-midnight)/.86)}.tile-button__img{aspect-ratio:1;object-fit:cover;width:100%;margin-bottom:.5rem}@media (width>=960px){.tile-button__img{margin-bottom:.625rem}}.tile-button__label{text-align:center;padding-inline:.5rem;font:600 .75rem/1.4 Open Sans,OS-Fallback-Arial,OS-Fallback-Roboto,system-ui,Segoe UI,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}@media (width>=960px){.tile-button__label{font:500 .9375rem/1.1 AkkoForPenny,Akko-Fallback-Arial,Akko-Fallback-Roboto,system-ui,Segoe UI,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}}.toggle-button__input{clip-path:polygon(0 0,0 0,0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toggle-button__label{box-shadow:0 4px 5px 0 hsl(var(--black)/.14), 0 1px 10px 0 hsl(var(--black)/.12), 0 2px 4px -1px hsl(var(--black)/.2);text-align:center;border-radius:10px;flex-direction:column;align-items:center;width:6.25rem;min-height:3.125rem;padding:.5rem;font-size:.6875rem;transition:box-shadow .2s,color .2s;display:flex}.toggle-button__label .icon{margin-bottom:.25rem;font-size:1.5rem}input:checked~.toggle-button__label,input:active~.toggle-button__label{--alpha-opacity:.25;box-shadow:inset 0 0 .25rem 0 hsl(var(--black)/var(--alpha-opacity));color:hsl(var(--red))}.toggle-switch{cursor:pointer;--toggle-bg:hsl(var(--red));--toggle-text:hsl(var(--white));--toggle-border:hsl(var(--red));--toggle-switch-bg:hsl(var(--grey-wild-sand));width:4.375rem;height:2.375rem;display:block;position:relative}.toggle-switch__wrapper{align-items:center;display:flex}.toggle-switch__indicator{background-color:var(--toggle-bg);border:.09375rem solid var(--toggle-border);color:var(--toggle-text);border-radius:9em;align-items:center;font-size:.875rem;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.toggle-switch__indicator:before{z-index:1;content:"";background-color:var(--toggle-switch-bg);width:2rem;height:2rem;box-shadow:0 4px 5px 0 hsl(var(--black)/.14), 0 1px 10px 0 hsl(var(--black)/.12), 0 2px 4px -1px hsl(var(--black)/.2);border-radius:100%;transition:transform .25s,background-color .25s;position:absolute;transform:translate(.1875rem)}.toggle-switch__indicator:after{content:attr(data-status-off);margin-top:-.0625rem;position:absolute;right:.4375rem}.toggle-switch__indicator--outlined{--toggle-bg:transparent;--toggle-text:hsl(var(--red-coral));--toggle-border:hsl(var(--white));--toggle-switch-bg:hsl(var(--red-coral))}.toggle-switch__input:checked+.toggle-switch__indicator,.toggle-switch__input:active+.toggle-switch__indicator{--toggle-bg:hsl(var(--light-green-foerderpenny));--toggle-border:hsl(var(--light-green-foerderpenny))}.toggle-switch__input:checked+.toggle-switch__indicator:before,.toggle-switch__input:active+.toggle-switch__indicator:before{transform:translate(calc(100% + .125rem))}.toggle-switch__input:checked+.toggle-switch__indicator:after,.toggle-switch__input:active+.toggle-switch__indicator:after{content:attr(data-status-on);left:.625rem;right:auto}.toggle-switch__input:checked+.toggle-switch__indicator--outlined,.toggle-switch__input:active+.toggle-switch__indicator--outlined{--toggle-text:hsl(var(--green-freshmint));--toggle-switch-bg:hsl(var(--green-freshmint));--toggle-border:hsl(var(--white));border-color:hsl(var(--white));background-color:#0000}.toggle-switch__input:focus-visible+.toggle-switch__indicator{box-shadow:0 8px 10px 1px hsl(var(--black)/.14), 0 3px 14px 2px hsl(var(--black)/.12), 0 5px 5px -3px hsl(var(--black)/.2)}.toggle-switch__label{flex:1;margin-left:.5rem}.radio{padding:.3125rem 0}.radio__input{clip-path:polygon(0 0,0 0,0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.radio__label{opacity:1;margin-right:1.5rem;font-size:1rem;font-weight:600;transition:opacity .2s}.radio__indicator{background:hsl(var(--grey-wild-sand));border:.0625rem solid hsl(var(--grey-midnight));opacity:.6;vertical-align:bottom;width:1em;height:1em;box-shadow:inset 0 .0625rem .125rem 0 hsl(var(--black)/.22);border-radius:100%;justify-content:center;align-items:center;margin-right:.25rem;font-size:1.5rem;transition:opacity .2s;display:inline-flex;position:relative}.radio__indicator:after{content:"";opacity:0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%2060'%20width='100'%20height='60'%3E%3Cpath%20d='M15%2025l25%2027%2053-42'%20fill='none'%20stroke-width='14'%20stroke='rgb(64,%2075,%2091)'%20stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:70%;border-radius:100%;width:1em;height:1em;font-size:1em;transition:all .2s;display:block}.radio input:checked~.radio__indicator,.radio input:active~.radio__indicator,.radio input:focus-visible~.radio__indicator{opacity:1}.radio input:checked~.radio__indicator:after,.radio input:active~.radio__indicator:after,.radio input:focus-visible~.radio__indicator:after{opacity:1;font-size:1em}.radio input:checked~.radio__label,.radio input:active~.radio__label,.radio input:focus-visible~.radio__label{opacity:1}.radio input:focus-visible~.radio__indicator{border-color:hsl(var(--grey-midnight));outline:hsl(var(--grey-midnight)) solid .0625rem}.check-button{padding:.3125rem 0;position:relative}.check-button__input{opacity:0;cursor:pointer;z-index:1;width:1em;height:1em}.check-button__label{opacity:1;margin-right:1.5rem;font-size:1rem;font-weight:700;transition:opacity .2s}.check-button__indicator{background:hsl(var(--grey-wild-sand));border:.0625rem solid hsl(var(--grey-midnight));opacity:.6;vertical-align:bottom;width:1em;height:1em;box-shadow:inset 0 .0625rem .125rem 0 hsl(var(--black)/.22);justify-content:center;align-items:center;margin-right:.25rem;padding:.125rem;font-size:1.5rem;transition:opacity .2s;display:inline-flex;position:relative}.check-button__indicator .icon{opacity:0}.check-button input:checked~.check-button__indicator,.check-button input:active~.check-button__indicator,.check-button input:focus-visible~.check-button__indicator{opacity:1}.check-button input:checked~.check-button__indicator .icon,.check-button input:active~.check-button__indicator .icon,.check-button input:focus-visible~.check-button__indicator .icon{opacity:1;font-size:1em}.check-button input:checked~.radio__label,.check-button input:active~.radio__label,.check-button input:focus-visible~.radio__label{opacity:1}.check-button input:focus-visible~.check-button__indicator{border-color:hsl(var(--grey-midnight));outline:hsl(var(--grey-midnight)) solid .0625rem}.modal--recipe-filter{--btn-spacing:.6875rem}.modal--recipe-filter .modal__content{padding:2.5rem 1rem 1.5rem}.modal--recipe-filter .modal__content .check-button__label,.modal--recipe-filter .modal__content .toggle-switch__label{font-size:.875rem;font-weight:600}.modal--recipe-filter .modal__content .check-button{align-items:center;display:flex}.modal--recipe-filter .modal__content .check-button__input{position:absolute}.modal--recipe-filter .modal__content .check-button__preparation:not(:last-child){margin-bottom:.5rem}@media (width>=576px){.modal--recipe-filter .modal__content .check-button__preparation:not(:last-child){margin-bottom:0}}.modal--recipe-filter .modal__content .check-button__indicator{cursor:pointer;border-radius:.125rem;margin-right:.75rem;font-size:1.125rem}.modal--recipe-filter .modal__content .toggle-button{cursor:pointer;display:flex}.modal--recipe-filter .modal__content .toggle-button:hover{box-shadow:0 1px 1px 0 hsl(var(--grey-midnight)/.86), 0 2px 1px 0 hsl(var(--grey-midnight)/.86), 0 5px 5px 0 hsl(var(--grey-midnight)/.86)}.modal--recipe-filter .modal__content .toggle-button[data-checked=true],.modal--recipe-filter .modal__content .toggle-button:focus-visible{background-color:hsl(var(--grey-midnight));color:hsl(var(--white))}:where(:root:not([data-input-modality=pointer])) .modal--recipe-filter .modal__content .toggle-button:focus-visible{outline:solid hsl(var(--blue-denim)) .25rem;outline-offset:.125rem}:where(:root:not([data-input-modality=pointer])) .modal--recipe-filter .modal__content .toggle-button:focus-visible:not(.btn--primary){box-shadow:0 0 0 .125rem hsl(var(--white))}:where(:root[data-input-modality=pointer]) .modal--recipe-filter .modal__content .toggle-button:focus-visible{outline:none}.modal--recipe-filter .modal__content .card-button{padding-inline:.5rem}@media (width>=960px){.modal--recipe-filter .modal__content .card-button{padding-inline:1rem}}.modal--recipe-filter .modal__content .card-button[data-checked=true],.modal--recipe-filter .modal__content .card-button:focus-visible{background-color:hsl(var(--red-thunderbird)/.1);border:1px solid hsl(var(--red-thunderbird)/.7)}:where(:root:not([data-input-modality=pointer])) .modal--recipe-filter .modal__content .card-button:focus-visible{outline:solid hsl(var(--blue-denim)) .25rem;outline-offset:.125rem}:where(:root:not([data-input-modality=pointer])) .modal--recipe-filter .modal__content .card-button:focus-visible:not(.btn--primary){box-shadow:0 0 0 .125rem hsl(var(--white))}:where(:root[data-input-modality=pointer]) .modal--recipe-filter .modal__content .card-button:focus-visible{outline:none}.modal--recipe-filter .modal__content .card-button img{width:rem-calc(80)}.modal--recipe-filter .modal__footer{border-top-left-radius:1.25rem;border-top-right-radius:1.25rem;border-bottom-left-radius:0;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex;box-shadow:0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f,0 11px 15px -7px #0003}.modal--recipe-filter .modal__btn-apply{justify-content:center;align-items:center;display:inline-flex}.modal--recipe-filter .modal__btn-apply .filter-count{background-color:hsl(var(--white));color:hsl(var(--red))}.modal--recipe-filter .accordion{--accordion-content-spacing:.75rem;margin-bottom:2rem}@media (width>=960px){.modal--recipe-filter .accordion{--accordion-content-spacing:1.25rem}}.modal--recipe-filter .accordion__headline{width:100%;color:hsl(var(--grey-midnight));margin:0;padding:.75rem 0}.modal--recipe-filter .accordion__headline-btn{appearance:none;text-align:left;cursor:pointer;justify-content:space-between;width:100%;display:flex}.modal--recipe-filter .accordion__content{gap:var(--accordion-content-spacing);transform-origin:top;opacity:0;transition-behavior:allow-discrete;flex-wrap:wrap;margin:0;transition:scale .3s,opacity .1s,display .1s;display:none;scale:1 0}.modal--recipe-filter .accordion__content-durations{flex-direction:column;gap:0}.modal--recipe-filter .accordion--expanded .accordion__headline .icon{transform:rotate(180deg)}.modal--recipe-filter .accordion--expanded .accordion__content{opacity:1;padding:1rem 0;display:flex;scale:1}.modal--recipe-filter .accordion--collapsed .accordion__headline .icon{transform:rotate(0)}.modal--recipe-filter .accordion--collapsed .accordion__content{opacity:0;padding:0;overflow:hidden;scale:1 0}.modal--recipe-filter .category__items{gap:var(--btn-spacing);grid-template-columns:repeat(3,minmax(0,1fr));padding-block:1rem;display:grid}@starting-style{.modal--recipe-filter .accordion--expanded .accordion__content{opacity:0;scale:1 0}}