@-webkit-keyframes slideDownNav{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDownNav{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideUpNav{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideUpNav{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:#2b2b2b;overflow-x:hidden}.viewContainer{padding-top:88px}@media screen and (max-width:1000px){.viewContainer{padding-top:80px}}.container{margin-left:auto;margin-right:auto;max-width:1400px;padding-left:2rem;padding-right:2rem;width:100%}@media screen and (max-width:576px){.container{padding-left:1.5rem;padding-right:1.5rem}}button{background-color:initial;border:none;cursor:pointer;-webkit-user-select:none;user-select:none}button:focus-visible{outline:none}.primary-btn{background-color:#d96e30;border:2px solid #d96e30;border-radius:.25rem;color:#fff;display:inline-block;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;transition:.2s ease-in}.primary-btn.outline{background-color:initial;color:#d96e30}.no-btn{color:#d96e30;font-weight:600}.no-btn.small{font-size:14px}.btn{background-color:#ffd634;border:2px solid #ffd634;border-radius:2rem;color:#2b2b2b;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;overflow:hidden;padding:1rem 2rem;transition:.2s ease-in;-webkit-user-select:none;user-select:none}.btn svg:not(.loader){margin-left:.5rem}.btn:after{background-color:#ffcc01;border-radius:2rem;content:"";height:100%;left:50%;opacity:0;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.2s ease-in;width:0;z-index:-1}.btn.inverse{background-color:initial;border:2px solid #2b2b2b}.btn:disabled{cursor:default;opacity:.7}.btn:not(:disabled):hover{transition:.2s ease-in}@media screen and (min-width:800px){.btn:not(:disabled):hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.btn:not(:disabled):hover:after{opacity:1;transition:.2s ease-in;width:110%}}.btn-inverse{border:2px solid #2b2b2b}.btn-flat,.btn-inverse{background-color:initial}.btn-flat{border:none;border-bottom:2px solid #2b2b2b;color:#2b2b2b;font-weight:700}.btn-flat.white{border-bottom:2px solid #f8f8f8;color:#f8f8f8;padding:0 .25rem;text-shadow:0 4px 20px rgba(0,0,0,.25)}.loading{align-items:center;display:flex;font-size:3rem;height:100%;justify-content:center;width:100%}.btn-wrapper{display:flex;flex-direction:row;gap:1rem}.btn-wrapper.column-dir{flex-direction:column}.btn-wrapper.flex-left{align-items:flex-start}.input-label{display:flex;flex-direction:column;font-weight:600}.input-label.hor{align-items:center;flex-direction:row}.input-label.small{font-size:14px}input,select,textarea{background-color:#fff;border:1px solid rgba(43,43,43,.6);border-radius:.25rem;margin-top:.5rem;padding:1rem}input:focus{outline-color:#d96e30}input::-webkit-input-placeholder{color:rgba(43,43,43,.6);font-weight:400}input::placeholder{color:rgba(43,43,43,.6);font-weight:400}label.custom-checkbox{position:relative}label.custom-checkbox input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}label.custom-checkbox input:checked~.checkbox-inner,label.custom-checkbox input:checked~span.checkbox .checkbox-inner{opacity:1!important}label.custom-checkbox span.checkbox{align-items:center;background-color:#d96e30;border-radius:4px;display:flex;height:28px;justify-content:center;margin-right:.5rem;width:28px}label.custom-checkbox span.checkbox .checkbox-inner{align-items:center;color:#fff;display:flex;justify-content:center;opacity:.2}label.custom-checkbox span.checkbox-small{height:16px;width:16px}label.custom-checkbox span.checkbox-small .checkbox-inner{font-size:.75rem}.input-row-horizontal{display:flex;gap:1rem}.password-inputfield{position:relative;width:100%}.password-inputfield input{width:100%}.togglePasswordVisibility{border:none;color:#2b2b2b;height:30px;position:absolute;right:16px;top:calc(50% - 11px);transition:.2s;width:30px}body{font-family:tt-commons-pro,sans-serif;font-size:16px}body,h1,h2,h3{font-weight:400}h1,h2,h3{font-family:utopia-std,serif}h1{font-size:40px;line-height:48px}a{color:inherit;font-weight:700;text-decoration:none}button,input,option,select,textarea{font-family:tt-commons-pro,sans-serif;font-size:1rem}input,option,select,textarea{font-size:1rem}.inputError{background-color:#d4d4d4;border-radius:.25rem;display:block;font-size:.75rem;font-weight:700;margin-bottom:1rem;margin-top:-1rem;padding:.25rem 1rem!important}.addToFavorite{background-color:#ffd634;border-radius:50%;color:#fff;cursor:pointer;height:40px;margin-left:auto;width:40px;z-index:1}.addToFavorite,.alertPopup{align-items:center;display:flex;justify-content:center}.alertPopup{background-color:rgba(0,0,0,.4);height:100%;left:0;position:fixed;top:0;width:100%;z-index:200}.alertPopup__content{background-color:#fff;border-radius:.5rem;max-width:500px;padding:3rem;text-align:center}.alertPopup__content p{padding-top:2rem}.alertPopup__content .btn-wrapper{display:flex;flex-wrap:wrap;justify-content:center;padding-top:2rem;row-gap:1rem}.alterRecipe{margin:4rem auto;width:80%}.alterRecipe__header{display:flex;justify-content:space-between}.alterRecipe__header--buttons button:first-child{margin-right:1rem}.alterRecipe__header--buttons svg{margin-left:0}.alterRecipe .row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:250px auto;margin-bottom:1rem}.alterRecipe .row label{margin-right:1rem}.alterRecipe .row input,.alterRecipe .row select,.alterRecipe .row textarea{padding:.5rem 1rem}.alterRecipe .row textarea{height:200px;width:100%}.alterRecipe .row input#healthy{margin-right:.25rem}.alterRecipe .ingredients .row{grid-template-columns:100px 170px 1fr 170px;position:relative}.alterRecipe .ingredients .row .adjustIngredientCount{bottom:-3rem;position:absolute;right:0}.alterRecipe .ingredients .row .adjustIngredientCount button{background-color:#ffd634;border:2px solid #ffd634;color:#000;padding:.25rem 1rem}.alterRecipe .ingredients .row .adjustIngredientCount button:first-child{margin-right:1rem}.alterRecipe .ingredients .row .adjustIngredientCount button:nth-child(2){background-color:initial;border:2px solid #2b2b2b}.alterRecipe .preperationSteps .row{position:relative}.alterRecipe .preperationSteps .row .adjustStepCount{bottom:-3rem;position:absolute;right:0}.alterRecipe .preperationSteps .row .adjustStepCount button{background-color:#ffd634;border:2px solid #ffd634;color:#000;padding:.25rem 1rem}.alterRecipe .preperationSteps .row .adjustStepCount button:first-child{margin-right:1rem}.alterRecipe .preperationSteps .row .adjustStepCount button:nth-child(2){background-color:initial;border:2px solid #2b2b2b}@media screen and (max-width:1024px){.alterRecipe .ingredients{padding-bottom:3rem}.alterRecipe .ingredients .row{grid-template-columns:60px 80px 1fr 150px}.alterRecipe .ingredients .row p{display:none}.alterRecipe .ingredients .row .adjustIngredientCount{bottom:-3rem;right:0;top:auto}.alterRecipe .preperationSteps{padding-bottom:2rem}.alterRecipe .preperationSteps .row .adjustStepCount{bottom:-3rem;right:0;top:auto}}@media screen and (max-width:800px){.alterRecipe{margin:initial;padding:3rem;width:100%}.alterRecipe__header{align-items:center;margin-bottom:2rem}.alterRecipe__header h1{margin:0}.alterRecipe__header--buttons{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:flex-end}.alterRecipe__header--buttons button:first-child{margin-right:0}.alterRecipe .row{grid-template-columns:1fr}.alterRecipe .ingredients .row{grid-template-columns:1fr 1fr;margin-bottom:2rem}.alterRecipe .preperationSteps .row{grid-template-columns:100px auto}}@media screen and (max-width:500px){.alterRecipe{padding:2rem 1.5rem 4rem}.alterRecipe h1{font-size:1.25rem;margin:initial}.alterRecipe__header{flex-direction:column-reverse;margin-bottom:0}.alterRecipe__header--buttons{flex-direction:row;margin-bottom:1rem}.alterRecipe .ingredients .row{grid-template-columns:1fr;margin-bottom:2rem}.alterRecipe .preperationSteps .row{grid-template-columns:1fr}}.editAccount{padding:4rem}.editAccount h1{padding-bottom:2rem;text-align:center}.editAccount__userInfo{padding:2rem 0}.editAccount .row{align-items:center;display:grid;grid-template-columns:220px 1fr;margin:0 auto;max-width:650px;position:relative}.editAccount .row:not(:last-child){margin-bottom:1.5rem}.editAccount .row label{font-weight:700}.editAccount .row input{padding:.5rem 1rem}.editAccount .row .togglePasswordVisibility{background-color:#fbe799;border:none;border-radius:.25rem;color:#2b2b2b;height:30px;position:absolute;right:-38px;top:calc(50% - 15px);transition:.2s;width:30px}.editAccount .row .togglePasswordVisibility:hover{background-color:#ffd634}.editAccount .btn-wrapper{display:flex;gap:1rem;justify-content:center}.inspirationRecipes{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);justify-content:center;margin:0 auto;max-width:calc(1040px + 6rem);padding:100px 0}.inspirationRecipes__item{align-items:flex-start;aspect-ratio:1/1;border-radius:1rem;display:flex;-webkit-filter:drop-shadow(0 4px 20px rgba(0,0,0,.3));filter:drop-shadow(0 4px 20px rgba(0,0,0,.3));flex-wrap:wrap;height:100%;justify-content:flex-start;margin:0 auto;max-width:260px;overflow:hidden;padding:1.5rem;position:relative;transition:.2s ease-in;width:100%}.inspirationRecipes__item--background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.inspirationRecipes__item--background img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.inspirationRecipes__item--background .bg-overlay{background-image:linear-gradient(0deg,hsla(0,0%,9%,.4),transparent);height:100%;left:0;position:absolute;top:0;transition:.2s ease-in;width:100%;z-index:-1}.inspirationRecipes__item .duration{background-color:rgba(0,0,0,.4);border-radius:2rem;color:#fff;padding:.5rem 1rem}.inspirationRecipes__item .duration svg{margin-right:.5rem}.inspirationRecipes__item h1{color:#fff;flex:0 0 100%;font-size:1rem;margin-top:auto;text-align:left;text-shadow:2px 2px 4px rgba(0,0,0,.25)}.inspirationRecipes__item .addToList{display:none}.inspirationRecipes__item:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}@media screen and (max-width:1000px){.inspirationRecipes{grid-template-columns:repeat(3,1fr)}.inspirationRecipes__item:nth-child(4){display:none}.inspirationRecipes__item{-webkit-filter:none;filter:none}.inspirationRecipes__item:hover{-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:800px){.inspirationRecipes{grid-template-columns:repeat(2,1fr)}.inspirationRecipes__item:nth-child(4){display:flex}}@media screen and (max-width:550px){.inspirationRecipes{grid-template-columns:repeat(1,1fr);justify-items:center;padding:50px 0}}.loginUser__intro{margin:2rem 0 3rem}.loginUser__grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.loginUser__grid button{background-color:initial;border:none;color:#2b2b2b;flex:0 0 150px;font-size:1rem;font-weight:700}.loginUser__grid button img,.loginUser__grid button svg{border-radius:.5rem;margin-bottom:1rem;outline:0;transition:.1s}.loginUser__grid--userCard img{opacity:.8}.loginUser__grid--userCard:hover img{opacity:1;transition:.1s}.loginUser__grid--addAccount svg{background-color:#ffd634;color:#2b2b2b;height:calc(150px - 4rem);opacity:.4;padding:2rem;transition:.2s;width:calc(150px - 4rem)}.loginUser__grid--addAccount:hover svg{opacity:1;transition:.2s}@media (max-width:834px){.loginUser__grid{display:grid;grid-template-columns:1fr 1fr}.loginUser__grid--addAccount img,.loginUser__grid--addAccount svg,.loginUser__grid--userCard img,.loginUser__grid--userCard svg{opacity:1}}.modal{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw;z-index:100}.modal,.modal__bg{left:0;position:fixed;top:0}.modal__bg{background-color:rgba(0,0,0,.35);height:100%;width:100%;z-index:-1}.modal__content{background-color:#f8f8f8;height:90vh;overflow-y:auto;width:90vw}.nav{background-color:#fff;left:0;padding:1rem 0;position:absolute;top:0;transition:all .25s;width:100%;z-index:50}.nav__wrapper{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr}.nav__burgermenu{background-color:initial;border:none;color:#2b2b2b;display:none;font-size:2rem;margin-left:auto;padding-left:2rem;-webkit-user-select:none;user-select:none}.nav__sidemenu{background-color:#f2f2f2;height:100vh;left:0;opacity:0;overflow-y:auto;position:fixed;top:0;transition:opacity .1s .4s,-webkit-transform .4s;transition:transform .4s,opacity .1s .4s;transition:transform .4s,opacity .1s .4s,-webkit-transform .4s;width:100vw;z-index:1000}.nav__sidemenu,.nav__sidemenu.closed{-webkit-transform:translateX(100vw);transform:translateX(100vw)}.nav__sidemenu.active{display:block;left:0;opacity:1;right:auto;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.nav__sidemenu .close-menu{background-color:initial;border:none;color:#2b2b2b;font-size:2rem;padding-left:2rem;position:fixed;right:1rem;top:0}.nav__sidemenu .logo{display:block;height:100%;margin:3rem auto 0;max-width:250px;width:80%}.nav__sidemenu .logo img{height:100%;object-fit:contain;width:100%}.nav__sidemenu .sidemenu__items{display:flex;flex-direction:column;gap:1rem;margin:2rem auto;width:60%}.nav__sidemenu .sidemenu__items hr{border:none;border-bottom:2px solid #ffd634;margin:2rem 0}.nav__sidemenu .sidemenu__items svg{color:#777776;margin-right:1rem}.nav__logo{max-width:262px;min-width:140px}.nav__logo a{align-items:center;display:flex;justify-content:center}.nav__logo img{width:100%}.nav__menu{align-items:center;display:flex;gap:.5rem}.nav__menu a{padding:1rem;position:relative}.nav__menu a:before{background-color:#ffd634;border-radius:2rem;content:"";height:100%;left:50%;opacity:0;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.2s ease-in;width:0;z-index:-1}.nav__menu a:hover:before{opacity:1;transition:.2s ease-in;width:100%}.nav__menu .search-input{background-color:#f2f2f2;border-radius:2rem;color:#777776;margin-left:1rem;padding:.75rem 1.5rem}.nav__menu .search-input svg{margin-right:.5rem}.nav__menu .search-input input{background-color:initial;border:none;color:#777776;font-weight:700}@media screen and (max-width:1210px){.nav__menu .search-input{align-items:center;display:flex;height:48px;justify-content:center;padding:0;width:48px}.nav__menu .search-input svg{margin:0}.nav__menu .search-input input{display:none}}.nav__icons{display:flex;gap:1rem;margin-left:auto}.nav__icons .icon{align-items:center;background-color:#ffd634;border-radius:50%;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.nav__icons .icon.user{background-color:#d4d4d4}.nav__icons .icon.list .icon-box{position:relative}.nav__icons .icon.list .badge svg{background-color:#fff;border-radius:50%;color:#000;height:15px;position:absolute;right:-10px;top:-2px;width:15px}@media screen and (max-width:1030px){.nav__icons{gap:.5rem}}.nav-scrolled{-webkit-animation:slideDownNav .5s ease-in-out;animation:slideDownNav .5s ease-in-out;box-shadow:0 2px 10px rgba(0,0,0,.15)}.nav-scrolled,.nav.top{position:fixed;transition:all .25s}.nav.top{-webkit-animation:slideUpNav .5s ease-in-out;animation:slideUpNav .5s ease-in-out;-webkit-transform:translateY(-100%);transform:translateY(-100%)}@media screen and (max-width:1000px){.nav{position:fixed}.nav__wrapper{grid-template-columns:1fr 1fr}.nav__wrapper .nav__icons,.nav__wrapper .nav__menu{display:none}.nav__wrapper .nav__burgermenu{display:block}}.recipeOverviewHeader{display:grid;grid-template-columns:1fr 1fr;margin:0 auto;min-height:75vh;width:97%}.recipeOverviewHeader__text{align-items:center;background-color:#f2f2f2;display:flex;flex-direction:column;height:100%;justify-content:center;padding:4rem;text-align:center;width:100%}.recipeOverviewHeader__text h1{max-width:500px}.recipeOverviewHeader__text .labels{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding-top:3rem}.recipeOverviewHeader__text .labels .label{align-items:center;background-color:#ffd634;border-radius:.25rem;color:#2b2b2b;display:flex;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem}.recipeOverviewHeader__text .labels .label svg{margin-right:.5rem}.recipeOverviewHeader__image{max-height:80vh;overflow:hidden}.recipeOverviewHeader__image img{height:100%;object-fit:cover;width:100%}@media screen and (max-width:1024px){.recipeOverviewHeader{display:flex;flex-direction:column-reverse}.recipeOverviewHeader__text{padding:2rem}}.recipesFilter{display:flex;flex-direction:column;gap:1rem}.recipesFilter .search-input{align-items:center;background-color:#fff;border-radius:2rem;color:#777776;display:flex;padding:.75rem 1.5rem;width:100%}.recipesFilter .search-input svg{margin-right:.5rem}.recipesFilter .search-input input{background-color:initial;border:none;color:#777776;font-weight:700}.recipesFilter .search-input input:focus{outline:0}.recipesFilter label{display:flex;flex-direction:column;width:100%}.recipesFilter .selectWrapper{position:relative;width:100%}.recipesFilter .selectWrapper:after{align-items:center;color:#777776;content:"+";display:flex;height:30px;justify-content:center;position:absolute;right:.5rem;top:calc(50% - 15px)}.recipesFilter select{-webkit-appearance:none;appearance:none;background-color:#f8f8f8;border:1px solid #d4d4d4;border-radius:3px;color:#777776;padding:.5rem;width:100%}.recipesFilter option{color:#000}.scroll-to-top{align-items:center;background-color:rgba(255,214,52,.75);border-radius:.25rem;bottom:1.5rem;color:#f8f8f8;cursor:pointer;display:flex;height:2.5rem;justify-content:center;position:fixed;right:1.5rem;width:2.5rem;z-index:999}.accountView{padding-bottom:3rem}.accountView__header{align-items:center;background-color:#fbe799;display:flex;height:200px;justify-content:center;width:100%}.accountView__overview{align-items:flex-end;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:900px}.accountView__overview--badge{align-items:center;background-color:#ffd634;border:5px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:2rem;font-weight:700;height:150px;justify-content:center;margin-top:-75px;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:150px;z-index:1}.accountView__overview--badge img{height:100%;object-fit:cover;width:100%}.accountView__overview--badge .badge__edit{align-items:center;background-color:rgba(102,102,0,.6);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:.2s;width:100%}.accountView__overview--badge:hover .badge__edit{opacity:1;transition:.2s}.accountView__overview--userInfo{flex:0 0 100%;padding-top:5rem}.accountView__overview--userInfo p{border-bottom:2px solid #f2f2f2;display:grid;grid-template-columns:200px 1fr;margin:0 auto 2rem;max-width:650px;padding:0 1rem 1rem;position:relative}.accountView__overview--userInfo p.password .togglePasswordVisibility{background-color:#fbe799;border:none;border-radius:.25rem;color:#2b2b2b;height:30px;position:absolute;right:-46px;transition:.2s;width:30px}.accountView__overview--userInfo p.password .togglePasswordVisibility:hover{background-color:#ffd634}.accountView__overview--userInfo span{font-weight:700}.accountView__overview--logout{text-align:center;width:100%}@media screen and (max-width:675px){.accountView__overview--userInfo p.password .togglePasswordVisibility{right:0}}@media screen and (max-width:500px){.accountView__overview--editAccount,.accountView__overview--userInfo{padding-top:2rem}.accountView__overview--userInfo p{grid-template-columns:1fr}.accountView__overview--userInfo p span{padding-bottom:.5rem}.accountView__overview--userInfo p .togglePasswordVisibility{bottom:1rem}}.addRecipeView{margin:4rem auto;width:80%}.addRecipeView h1{margin:2rem 0}.addRecipeView .row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:250px auto;margin-bottom:1rem;max-width:900px}.addRecipeView .row label{margin-right:1rem}.addRecipeView .row input,.addRecipeView .row select,.addRecipeView .row textarea{padding:.5rem 1rem}.addRecipeView .row textarea{height:200px;width:100%}.addRecipeView .ingredients .row{grid-template-columns:170px 170px 1fr auto;position:relative}.addRecipeView .ingredients .row .adjustIngredientCount{bottom:0;position:absolute;right:-8rem}.addRecipeView .ingredients .row .adjustIngredientCount button{background-color:#ffd634;border:2px solid #ffd634;padding:.25rem 1rem}.addRecipeView .ingredients .row .adjustIngredientCount button:first-child{margin-right:1rem}.addRecipeView .ingredients .row .adjustIngredientCount button:nth-child(2){background-color:initial;border:2px solid #2b2b2b}.addRecipeView .preperationSteps .row{position:relative}.addRecipeView .preperationSteps .row .adjustStepCount{bottom:0;position:absolute;right:-8rem}.addRecipeView .preperationSteps .row .adjustStepCount button{background-color:#ffd634;border:2px solid #ffd634;padding:.25rem 1rem}.addRecipeView .preperationSteps .row .adjustStepCount button:first-child{margin-right:1rem}.addRecipeView .preperationSteps .row .adjustStepCount button:nth-child(2){background-color:initial;border:2px solid #2b2b2b}.addRecipeView .btn-wrapper{border-top:2px solid #d4d4d4;display:flex;gap:1rem;justify-content:center;margin-top:3rem;padding-top:3rem}.addRecipeView .addRecipeModal{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.addRecipeView .addRecipeModal a{color:#ffd634;margin-top:3rem}@media screen and (max-width:765px){.addRecipeView .row{grid-template-columns:1fr}.addRecipeView .ingredients .row{grid-template-columns:48% 48%}.addRecipeView .ingredients .row .adjustIngredientCount{bottom:-2.5rem;left:0;position:absolute;right:auto}.addRecipeView .ingredients .row:first-child{display:none}.addRecipeView .ingredients .row:last-child{margin-bottom:3rem;padding-bottom:1rem}.addRecipeView .preperationSteps .row .adjustStepCount{bottom:-2.5rem;left:0;position:absolute;right:auto}.addRecipeView .preperationSteps .row:last-child{margin-bottom:4rem;padding-bottom:1rem}}.comingSoon{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:50px auto;max-width:600px;min-height:60vh;text-align:center;width:80%}.comingSoon .btn-wrapper{margin-top:3rem}.favoritesView{margin:0 auto;max-width:1280px;padding:50px 2rem}.favoritesView__title{padding-bottom:2rem;text-align:center}.favoritesView__items{display:flex;flex-wrap:wrap;gap:2rem}.favoritesView__noFavorites{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:50px auto;min-height:60vh;text-align:center;width:80%}.favoritesView .btn-wrapper{margin-top:3rem;text-align:center}.homeView__header{align-items:center;background-image:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/static/media/header.f6f8bd90b158f8970c59.jpg);background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:calc(100vh - 88px);width:100%}.homeView__header--text{color:#fff;text-align:center}.homeView__header--text h1{font-size:4rem;margin-bottom:100px;text-shadow:2px 2px 4px rgba(0,0,0,.25)}.homeView__header--text h1 span{color:#ffd634}.homeView .btn-wrapper{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.homeView .btn-wrapper .btn-inverse{color:#fff}.homeView__inspiration{padding:100px 0;text-align:center}.homeView__inspiration--title{padding-bottom:2rem}@media screen and (max-width:1000px){.homeView__header--text h1{font-size:3rem}}@media screen and (max-width:800px){.homeView__header--text h1{font-size:2.5rem}}@media screen and (max-width:550px){.homeView__header--text h1{font-size:2rem}}.loginRequired{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:50px auto;max-width:600px;min-height:60vh;text-align:center;width:80%}.loginRequired .btn-wrapper{margin-top:3rem}.loginView{background-color:#fffcf8;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;width:100vw}.loginView__wrapper{display:grid;grid-template-columns:1fr 1fr}.loginView__image{background-color:#b799bf}.loginView__content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:5rem}.loginView__content--intro{margin-bottom:3rem;max-width:325px}.loginView__content--intro h1{margin-bottom:1rem}.loginView__content--form{display:flex;flex-direction:column;gap:1rem;max-width:350px;width:100%}.loginView__content--form .input-row-horizontal{justify-content:space-between;margin:1rem 0}.loginView__content--form .btn-wrapper .primary-btn{width:100%}.loginView__content--form .form-footer{margin-top:3rem}.recipeOverview h1{margin-bottom:2rem}.recipeOverview__content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:2fr 3fr;margin:4rem auto;width:97%}.recipeOverview__content--ingredients{background-color:#f2f2f2;padding:4rem}.recipeOverview__content--ingredients ul{list-style-type:none;margin-bottom:2rem}.recipeOverview__content--ingredients ul li label{align-items:center;display:flex;margin-bottom:.75rem;position:relative;text-transform:lowercase}.recipeOverview__content--ingredients ul li label input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.recipeOverview__content--ingredients ul li label input:checked~span.ingredient-name{opacity:1}.recipeOverview__content--ingredients ul li label input:checked~span.checkbox{background-color:#ffd634;border-color:#ffd634;opacity:1}.recipeOverview__content--ingredients ul li label input:checked~span.checkbox .checkbox-inner{opacity:1}.recipeOverview__content--ingredients ul li label span.checkbox{align-items:center;background-color:#ffd634;border-radius:50%;display:flex;height:28px;justify-content:center;margin-right:1rem;opacity:.4;width:28px}.recipeOverview__content--ingredients ul li label span.checkbox .checkbox-inner{align-items:center;display:flex;justify-content:center;opacity:0}.recipeOverview__content--ingredients ul li label span.ingredient-name{opacity:.4}.recipeOverview__content--ingredients a.check-list{display:inline-block;padding:2rem .75rem .5rem}.recipeOverview__content--ingredients .btn-wrapper{margin-top:2rem}.recipeOverview__content--preperation-steps{background-color:#f2f2f2;padding:4rem}.recipeOverview__content--preperation-steps .step{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:50px auto}.recipeOverview__content--preperation-steps .step .number{align-items:center;background-color:#ffd634;border-radius:50%;display:flex;font-weight:900;height:50px;justify-content:center;width:50px}.recipeOverview__content--preperation-steps .step:not(:last-child){margin-bottom:4rem}.recipeOverview .alterRecipeButton{background-color:#ffd634;border:none;border-radius:.25rem;bottom:2rem;cursor:pointer;font-size:1.25rem;padding:.75rem;position:fixed;right:2rem;z-index:99}@media screen and (max-width:1024px){.recipeOverview__content{gap:2rem;margin-bottom:2rem;margin-top:2rem}}@media screen and (max-width:800px){.recipeOverview__content{grid-template-columns:1fr}.recipeOverview__content--ingredients,.recipeOverview__content--preperation-steps{padding:2rem}}.recipesView{padding:2rem 0 4rem}.recipesView__wrapper--filter{background-color:#f2f2f2;border-radius:.5rem;max-height:100vh;padding:2rem;position:fixed;width:300px}.recipesView__wrapper--filter h1{padding-bottom:1.5rem}.recipesView__wrapper--items{-webkit-column-gap:5%;column-gap:5%;display:flex;flex-wrap:wrap;padding-left:calc(300px + 2rem);row-gap:3rem}.recipesView__wrapper--items .loading{font-size:2rem;margin:2rem auto 0}.recipesView__item{display:flex;flex-direction:column;max-width:280px;position:relative;width:100%}.recipesView__item--background{aspect-ratio:4/5;border-radius:.5rem;max-height:100%;overflow:hidden;width:100%}.recipesView__item--background img{height:100%;object-fit:cover;width:100%}.recipesView__item .duration{background-color:rgba(0,0,0,.4);border-radius:2rem;color:#fff;left:1.5rem;padding:.5rem 1rem;position:absolute;top:1.5rem;z-index:1}.recipesView__item .duration svg{margin-right:.5rem}.recipesView__item .addToFavorite{position:absolute;right:1.5rem;top:1.5rem}.recipesView__item h1{font-size:1rem;margin:1rem 0}.recipesView__item .addToList{background-color:#ffd634;border:none;border-radius:.5rem;color:#2b2b2b;font-weight:700;margin-top:auto;padding:.5rem;transition:.2s}.recipesView__item .addToList svg{padding-left:.25rem}.recipesView__item .addToList:disabled{cursor:default}.recipesView__item .addToList:not(:disabled):hover{background-color:#fbe799}.recipesView__noRecipes{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:50px auto;max-width:600px;min-height:60vh;text-align:center;width:80%}.recipesView__noRecipes .btn-wrapper{margin-top:3rem}@media screen and (max-width:1024px){.recipesView__wrapper--filter{left:auto;margin-bottom:2rem;position:relative;top:auto;width:100%}.recipesView__wrapper--filter .recipesFilter{flex-direction:row;flex-wrap:wrap}.recipesView__wrapper--items{padding-left:0}.recipesView__item{flex:0 0 100%;grid-template-columns:1fr;margin:0 auto}.recipesView__item .image{height:200px}.recipesView__item .text{padding:2rem}}@media screen and (max-width:500px){.recipesView__item{max-width:none}.recipesView__item--background{aspect-ratio:6/4}}.shoppingListView{align-items:start;display:grid;grid-template-columns:400px auto;justify-content:center;padding-bottom:2rem;padding-top:2rem}.shoppingListView__overviewRecipes{background-color:#f2f2f2;border-radius:.5rem;max-height:100vh;padding:2rem;width:100%}.shoppingListView__overviewRecipes h3{padding-bottom:1rem}.shoppingListView__overviewRecipes--items{display:flex;flex-direction:column;gap:1rem}.shoppingListView__overviewRecipes .overViewRecipes__items--item{background-color:#fff;border-radius:.25rem;display:grid;grid-template-columns:150px 1fr;overflow:hidden}.shoppingListView__overviewRecipes .overViewRecipes__items--item .image{background-position:50%;background-size:cover;height:100%;min-height:100px;width:150px}.shoppingListView__overviewRecipes .overViewRecipes__items--item .text{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;max-width:200px;padding:1rem}.shoppingListView__overviewRecipes .overViewRecipes__items--item .text p{font-size:.8rem}.shoppingListView__overviewRecipes .overViewRecipes__items--item .text button{padding-top:1rem}.shoppingListView__overviewRecipes .overViewRecipes__items--item .text button svg{padding-left:.5rem}.shoppingListView__content{display:flex;flex-direction:column;padding-left:3rem}.shoppingListView textarea{display:block;height:500px;padding:1rem;text-transform:lowercase;width:400px}.shoppingListView .btn-wrapper{display:flex;flex-wrap:wrap;gap:1rem;padding-top:2rem}.shoppingListView-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:50px auto;min-height:60vh;width:80%}@media screen and (max-width:930px){.shoppingListView__content{padding-left:1rem}.shoppingListView__content textarea{width:300px}}@media screen and (max-width:800px){.shoppingListView{grid-template-columns:1fr}.shoppingListView__overviewRecipes{margin-bottom:2rem}.shoppingListView__overviewRecipes--items{flex-direction:row;flex-wrap:wrap}.shoppingListView__overviewRecipes--items .text{max-width:none!important}.shoppingListView__content{align-items:center;padding-left:0}.shoppingListView__content .btn-wrapper{justify-content:center}}@media screen and (max-width:576px){.shoppingListView__overviewRecipes{padding:1.5rem}.shoppingListView__overviewRecipes .overViewRecipes__items--item{grid-template-columns:100px 1fr}.shoppingListView__overviewRecipes .overViewRecipes__items--item .image{width:100px}}
/*# sourceMappingURL=main.02e71f0a.css.map*/