*{color:#fff;}.ParentParent{padding:2rem 1rem;justify-content:space-evenly;overflow-y:scroll;z-index:10;}.ParentParent .title{font-size:2.125em;user-select:none;padding:1.33rem;margin:0;}.ParentParent>section,.ParentParent div>section{text-align:center;}.ParentParent .foodplan>div{width:100%;}.ParentParent .foodplan .Meal-Food{word-break:break-all;background-color:#4b5056;padding:2.5px 0;}.ParentParent>div:is(:last-of-type){display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;row-gap:15px;}.ParentParent>div:is(:last-of-type)>section>div{display:flex;align-items:center;flex-direction:column;}.Openinhours{grid-row:1/1;height:550px;}.Openinhours>div{height:455px;display:flex;justify-content:space-between;}.Openinhours>div>div{display:flex;justify-content:center;align-content:center;flex-wrap:wrap;width:100%;}.Openinhours>div>div>button{width:80%;transition:all .5s ease;}.Openinhours>div>div>button{position:relative;display:flex;justify-content:center;align-content:center;flex-wrap:wrap;flex-direction:column;}.Openinhours>div>div>button>span{width:100%;text-align:center;}.Openinhours>div>div>button:hover svg{opacity:1;right:5px;}.Openinhours>div>div>button svg{position:absolute;height:22.5px;width:22.5px;right:0;transition:.25s ease;opacity:0;}.Openinhours>div>button{background-color:transparent;}.Openinhours>div>button svg{opacity:0;max-width:0;height:15px;width:15px;margin:0 2.5px;transition:all .2s ease;}.Openinhours>div>button:hover svg{opacity:1;max-width:15px;}.Openinhours,.Employes,.foodplan{background-color:#27323a;}.foodplan{box-shadow:rgba(10,10,10,.8) 0 0 12.5px;height:max-content;max-height:45rem;}.foodplan>div .Modal-Btn{color:#f5f5f5;padding:15px 0;width:100%;background-color:#5f5f5f;transition:all .25s ease;}.foodplan>div .Modal-Btn:hover{background-color:#646464;}.foodplan>:first-child{position:relative;}.foodplan>:first-child #weeknr{position:absolute;top:10px;right:5px;outline:0;border:0;background-color:transparent;}.foodplan>:first-child #weeknr i{font-style:normal;}.foodplan>:first-child #weeknr select{border:0;outline:0;background-color:transparent;}.foodplan>:first-child #weeknr select option{color:#000;}.foodplan>:nth-child(2){background-color:#303841;min-height:max-content;max-height:100%;overflow-y:auto;padding:1rem 0;}.foodplan>:nth-child(2) p{margin:5px;}.foodplan>:nth-child(2)>div{margin:1rem 0;background-color:rgba(64,70,77,.5);}.foodplan>:nth-child(2)>div>p:first-child{font-size:1.5em;letter-spacing:1.5px;}.foodplan>:nth-child(2)>div p:not(:first-child){display:flex;justify-content:space-evenly;border-radius:.5rem;gap:0 .5rem;font-size:1.05em;font-weight:400;}.foodplan>:nth-child(2)>div p:not(:first-child)>span{width:100%;}.foodplan>:nth-child(2)>div p:not(:first-child) :first-child:is(span){text-align:end;}.foodplan>:nth-child(2)>div p:not(:first-child) :nth-child(2):is(span){text-align:start;}.Modal{display:flex;justify-content:center;align-items:center;position:absolute;inset:0;z-index:1001;opacity:0;visibility:hidden;transition:visibility 0s,all .5s ease;}.Modal *{visibility:hidden;}.Modal:where(.Modal-Active){visibility:visible;background-color:rgba(10,10,10,.7);opacity:1;}.Modal:where(.Modal-Active) *{visibility:visible;}.Modal:where(.Modal-Active)>section,.Modal:where(.Modal-Active)>div{display:flex;flex-direction:column;gap:15px 0;min-height:560px;min-width:500px;z-index:1002;background-color:#3a4750;border-radius:.5rem;}.Modal:where(.Modal-Active)>section>:nth-child(1):is(div),.Modal:where(.Modal-Active)>div>:nth-child(1):is(div){display:flex;justify-content:center;align-items:center;position:relative;min-height:3rem;color:#fff;font-size:1.25em;padding:7.5px 0;}.Modal:where(.Modal-Active)>section>:nth-child(1):is(div)::before,.Modal:where(.Modal-Active)>div>:nth-child(1):is(div)::before{content:"";position:absolute;bottom:0;height:2px;width:80%;background-color:rgba(200,200,200,.3);border-radius:5px;}.Modal:where(.Modal-Active)>section>:nth-child(2):is(div),.Modal:where(.Modal-Active)>div>:nth-child(2):is(div){height:100%;padding:2rem .75rem;}.Modal:where(.Modal-Active)>section>:nth-child(2):is(div) *:not(label),.Modal:where(.Modal-Active)>div>:nth-child(2):is(div) *:not(label){color:#000;}.Modal:where(.Modal-Active)>section>:nth-child(2):is(div)>div:has(.Modal-Forms),.Modal:where(.Modal-Active)>div>:nth-child(2):is(div)>div:has(.Modal-Forms){display:flex;flex-direction:column;gap:2.5px;}.Modal:where(.Modal-Active)>section>:nth-child(2):is(div)>div:has(.Modal-Forms) form,.Modal:where(.Modal-Active)>div>:nth-child(2):is(div)>div:has(.Modal-Forms) form{display:flex;justify-content:center;}.Modal:where(.Modal-Active)>section>:nth-child(2):is(div)>div:has(.Modal-Forms)>input,.Modal:where(.Modal-Active)>div>:nth-child(2):is(div)>div:has(.Modal-Forms)>input{padding:0 15px;}.Modal:where(.Modal-Active)>section>:nth-child(2):is(div)>div:has(.Modal-Forms) :last-of-type:is(form),.Modal:where(.Modal-Active)>div>:nth-child(2):is(div)>div:has(.Modal-Forms) :last-of-type:is(form){display:flex;align-items:center;flex-direction:column;gap:5px 0;}.Modal:is(#EditClosedHours,#EditOpenHours) > section div:last-of-type form{display:flex;justify-content:center;align-content:center;flex-wrap:wrap;flex-direction:column;gap:15px;}.Modal:is(#EditClosedHours,#EditOpenHours) > section div:last-of-type form div{display:flex;align-items:center;flex-direction:column;gap:15px;}.Modal:is(#EditClosedHours,#EditOpenHours) > section div:last-of-type form div section{display:flex;align-items:center;flex-direction:column;gap:5px;}.Modal:is(#EditClosedHours,#EditOpenHours) > section div:last-of-type form > button{height:3rem;width:60%;border-radius:.5rem;}.Modal:is(#EditFoodPlan) .Modal-Form{display:flex;justify-content:space-evenly;flex-direction:column;padding:15px 0;height:100%;}.Modal:is(#EditFoodPlan) .Modal-Form .Modal-Forms{padding:15px 0;max-height:150px;overflow:auto;overflow-x:hidden;}.Modal:is(#EditFoodPlan) .Modal-Form .Modal-Forms form{margin:3px 0;}.Modal:is(#EditFoodPlan) .Modal-Form .Modal-Forms form > div{display:flex;}.Modal:is(#EditFoodPlan) .Modal-Form .Modal-Forms form input{margin:0 2.5px;padding:0 5px;border-radius:.25rem;}.Modal:is(#EditFoodPlan) .Modal-Form .Modal-Forms form button{width:5rem;height:25px;border-radius:.5rem;}.Modal:is(#EditFoodPlan) .Modal-Form .Modal-Forms form > div button:last-of-type{background-color:rgba(200,0,0,.7);color:white;transition:all .25s ease;}.Modal:is(#EditFoodPlan) .Modal-Form .Modal-Forms form > div button:last-of-type:hover{background-color:rgb(200,0,0);}.Modal:is(#EditFoodPlan) .Modal-Form > form{display:flex;justify-content:center;align-content:center;flex-wrap:wrap;gap:5px 0;flex-direction:column;padding:15px 0;}.Modal:is(#EditFoodPlan) .Modal-Form > form input{padding:5px;}.Modal:is(#EditFoodPlan) .Modal-Form > form button{height:2.5rem;width:66%;}