.home__section{margin-top:2.5rem;margin-bottom:7rem}.footer{position:fixed;bottom:0;left:50%;right:50%;transform:translate(-50%);width:100%;max-width:450px}.footer__nav{filter:drop-shadow(0 0 .1rem var(--Color8));background-color:var(--Color10);display:flex;justify-content:space-around;padding-block:2rem;border-top-left-radius:25px;border-top-right-radius:25px}.footer__links{stroke:var(--Color7);fill:none}.footer .active{fill:var(--Color1);stroke:var(--Color1)}.categories a{text-decoration:none;color:var(--Color5)}.categories__see-all a{color:var(--Color1);font-weight:600}.categories .categories__content img{height:8rem;width:10.5rem;margin-bottom:12px}.categories .categories__content p{font-weight:700}.categories{display:flex;flex-direction:column;gap:12px}.categories .categories__content{box-shadow:0 0 .5rem var(--Color8);border-radius:10px;padding:16px 16px 32px;margin:5px;cursor:pointer}.categories article{display:flex;gap:16px;padding-inline:1.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.categories article::-webkit-scrollbar{display:none}.categories .categories__see-all{display:flex;justify-content:space-between;padding-inline:1.5rem}.categories .categories__see-all p{font-size:.875rem;color:var(--Color1);font-weight:700}.categories__see-all__link{cursor:pointer;text-decoration:none;color:var(--Color1);font-size:.875rem;font-weight:600}.random{background-color:var(--Color10);padding:20px}.random__meal{padding-bottom:20px}.random__card{background-image:url(/images/Card_2.png);background-repeat:no-repeat;background-size:cover;border-radius:20px;margin-top:10px;overflow:hidden}.random__foodPic{display:flex;justify-content:end}.random__foodPic img{width:150px;z-index:1}.random__wrapper p{display:flex;align-items:center}.random__h4{color:var(--Color10);width:50vw;margin-left:10px;margin-top:-50px;margin-bottom:10px}.randomLink{text-decoration:none;color:var(--Color10)}.random__cardText{color:var(--Color9);display:flex;justify-content:flex-start;align-items:center;margin:0 30px}.circle{width:30px;border:1px solid white;border-radius:20px;margin-right:5px;margin-left:-20px}.random__wrapper{display:flex;justify-content:space-between;margin-right:30px;color:var(--Color9);margin-top:30px;padding-bottom:1.25rem}.random__infoZeile{display:flex;justify-content:space-between;align-items:center}.filter__home{padding-inline-start:1.5rem}.filter__home__heading-container{display:flex;align-items:center;justify-content:space-between;margin-block-end:.75rem}.filter__home__link{color:var(--Color1);font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;padding-inline-end:1.5rem}.filter__data-container a{text-decoration:none;cursor:pointer}.filter__data__home{padding:.5625rem 24px;border-radius:25px;cursor:pointer;background-color:var(--Color9);color:var(--Color5)}.filter__data__home:first-of-type{color:var(--Color10);background-color:var(--Color1)}.home__search{text-decoration:none}.home__search form{margin-bottom:1rem}.onboarding{background-color:var(--Color1);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.onboarding__pics{display:flex;flex-direction:column;justify-content:center;align-items:center}.onboarding img:nth-of-type(1){width:100%;position:absolute;top:-40px;z-index:1}.onboarding img:nth-of-type(2){width:100%;position:relative;margin:3rem;z-index:2}.onboarding img:nth-of-type(3){width:100%;position:absolute;top:240px;z-index:1}.onboarding__allRecipe{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#fff;border-radius:25px 25px 0 0}.onboarding__allRecipe h1{color:var(--Color5);margin-top:2.25rem;margin-bottom:.625rem;padding:0 1rem}.onboarding__allRecipe p{width:30ch;line-height:145%;font-weight:200;margin-bottom:1.5rem;padding-inline:2rem}.onboarding__allRecipe a{padding:1.25rem 2rem;border-radius:1.25rem;background-color:var(--Color5);text-decoration:none;color:var(--Color10);margin-bottom:2rem;font-weight:700;cursor:pointer}.search-area-wrapper{display:flex;flex-direction:column}.filter{display:flex;flex-direction:column;margin-block-end:3.25rem}.filter__data-container{display:flex;gap:.25rem;overflow:hidden;overflow-x:scroll}.filter__data-container::-webkit-scrollbar{display:none}.filter__data-container{-ms-overflow-style:none;scrollbar-width:none}.filter__data{padding:.5625rem 24px;border-radius:25px;cursor:pointer;background-color:var(--Color9);color:var(--Color5)}.filter__data:first-of-type{margin-left:1.5rem}.filter__data:last-of-type{margin-right:1.5rem}.filter__data--active{color:var(--Color10);background-color:var(--Color1)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-inline:1.5rem;margin-bottom:7rem}.grid__item{all:unset;padding:.5rem;box-shadow:0 0 .3rem var(--Color8);border-radius:10px;cursor:pointer}.grid__item__image{width:100%;border-radius:10px}.grid__item__text{font-size:.75rem;text-align:center}.search-headline{display:flex;align-items:center;padding-block:32px;margin:0 1.5rem}.search-headline__centered{flex-grow:1;text-align:center}.search__img-container{display:flex;justify-content:center;border-radius:100%;margin-top:10%}.search__img-container img{background-color:var(--Color1);border-radius:100%}.search__img-container--hide{display:none}.search__output{margin-bottom:7rem}.search__output article{display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 0 .3rem var(--Color8);border-radius:1rem;overflow:hidden;margin:1.5rem 1.5rem 1rem}.search__output section{display:flex;gap:20px;align-items:center}.search__output--img{width:50%;object-fit:cover}.search__output div{padding:.5rem 0}.search__output div h4{color:var(--Color5);margin-bottom:.5rem;line-height:135%}.search__output div p{color:var(--Color7);font-size:.875rem}.search__output div p img{vertical-align:middle;margin-right:.5rem}.search__output a img{width:1.5rem;margin-right:1rem}.filter-details div{display:flex;justify-content:center;background-color:var(--Color9);border-radius:1rem;margin-bottom:1.0625rem}.filter-details div p{margin:.3125rem 0;padding:.75rem 1.875rem;border-radius:1rem;font-weight:700;cursor:pointer}.filter-details__p-black{background-color:var(--Color5);color:var(--Color10)}.filter-details__p-white{background-color:none;color:var(--Color5)}.filter-details__instructions{display:none}.show{display:block}.hide{display:none}.filter-details__ingredients{margin-bottom:3.75rem}.filter-details__ingredients section{display:flex;box-shadow:0 0 .3rem var(--Color8);width:fit-content;padding:1rem;border-radius:1rem;font-weight:600;margin-bottom:.75rem}.filter-details__ingredients h3{margin-bottom:1.5rem}.filter-details__ingredients p{margin-right:.5rem}.filter-details__instructions{margin-bottom:3.75rem}.filter-details__instructions h3{margin-bottom:1.5rem}.filter-details__instructions p{color:var(--Color7);padding:1rem;box-shadow:0 0 .3rem var(--Color8);border-radius:1rem;line-height:160%;white-space:pre-wrap}.details{position:relative}.details--img__arrow{position:absolute;top:0;left:0;padding:1.25rem;cursor:pointer;fill:var(--Color5);filter:drop-shadow(0 0 3px var(--Color10));width:3.75rem}.details--img__food{width:100%}.details__textblock{margin-top:-1.25rem;border-radius:1.25rem;background-color:var(--Color10);width:100%;position:absolute;top:70%;padding:2.5rem 1.5rem}.details__textblock h2{margin-bottom:.375rem}.details__textblock-desc{margin-bottom:1.5625rem;color:var(--Color7)}.details__textblock-desc p:first-of-type{font-weight:500}.loading{min-height:100vh;background-color:var(--Color1);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.loading__line{display:flex;flex-direction:column;width:100%}.loading__line svg{width:100%}.loading__logo{text-align:center}.loading h1{font-size:2.75rem;color:var(--Color10)}@font-face{font-family:Montserrat;src:url(/font/Montserrat-VariableFont_wght.ttf)}@font-face{font-family:Inter;src:url(/font/Inter-VariableFont_slntwght.ttf)}.wrapper{max-width:450px;width:100vw;margin:0 auto}*{box-sizing:border-box;padding:0;margin:0}html{font-family:Montserrat}image{max-width:100%}:root{--Color1: #70b9be;--Color2: #353535;--Color3: #3ca0a7;--Color4: #c7e3e5;--Color5: #0a2533;--Color6: #48525f;--Color7: #97a2b0;--Color8: #cbd4de;--Color9: #f1f5f5;--Color10: #ffffff}h1{font-size:1.75rem}h2{font-size:1.5rem;font-weight:700;color:var(--Color5)}h3{font-size:1.25rem}h4{font-size:1rem}.Home__Search input{border-style:none;font-size:1rem;padding-block:1rem;padding-inline:1rem;width:100%}.Home__Search{display:flex;border:1px solid var(--Color4);border-radius:20px;margin-inline:1.5rem;padding-inline:1.5rem}.Home__Search::placeholder{color:var(--Color7);font-size:1rem}.Home__Search input:focus{outline:none}