@font-face{font-family:Replica;font-style:normal;font-weight:700;src:local("Replica Std"),url(/fonts/ReplicaStd-Bold.otf) format("opentype")}@font-face{font-family:Hind;font-style:normal;font-weight:400;src:local("Hind regular"),url(/fonts/Hind-Regular.ttf) format("ttf")}@font-face{font-family:TSTARMono;font-style:normal;font-weight:400;src:local("TSTARMono Round Reg"),url(/fonts/TSTARMonoRoundReg.otf) format("opentype")}.btnWrapper{display:flex;flex-direction:column;gap:1rem;left:50%;padding:2rem;width:100%}.ingredientModal{background-color:#ddefff;border:3px solid #569BDB;border-radius:15px;display:grid;max-width:800px;min-width:400px;place-content:center}.ingredientModal__close{background-color:transparent;border:none;padding:0;position:absolute;right:1rem;top:.4rem;width:2rem}.ingredientModal__heading{font-size:2rem;font-weight:700;margin:-.25rem 0 1.5rem;width:fit-content}.ingredientModal__content{background-color:#64b4ff;border-radius:1rem;color:#f4f5f5;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1rem}.ingredientModal__inputWrapper{background-color:#569bdb;border:1px solid transparent;border-radius:25px;padding:.5rem 1rem;width:fit-content}.ingredientModal__label{font-size:2rem}.ingredientModal__input{height:1.5rem;width:1.5rem}.ingredientModal:not([open]){display:none}.sessionStart{background-color:#00c896;border:2px solid #00A37A;border-radius:1rem;color:#f4f5f5;font-size:2rem;padding:1rem 0;width:100%}.quitPopup{background-color:#ddefff;border-color:#64b4ff;border-radius:1rem;padding:1rem}.quitPopup__wrapper{display:flex;flex-direction:column;gap:1rem}.quitPopup__heading{font-size:2rem;font-weight:700;margin-top:.5rem}.quitPopup__text{margin:0}.addIngredientForm{border:3px solid #F04678;border-radius:1rem;margin:0 -1.25rem;padding:1rem}.addIngredientForm__heading{font-size:1.8rem;margin-top:.2rem;text-align:center}.addIngredientForm__inputWrapper{display:flex;flex-direction:column;gap:8px;margin-bottom:2rem;padding:0 1rem}.addIngredientForm__label{font-size:1.4rem;font-weight:700}.addIngredientForm__input{font-size:2rem;height:3rem;padding:.5rem;width:100%}.ingredientTable{margin-bottom:4rem;width:100%}.ingredientTable__header{font-size:2rem;text-align:start;width:100%}.ingredientTable__grid{display:grid;gap:1rem;grid-template-columns:1fr 95px;width:100%}.ingredientTable__grid--ingredient{background-color:#ffd1cb;border:2px solid #FF6450;border-radius:1rem;color:#db5644;margin:0 -.5rem 1rem;padding:.5rem .5rem .1rem;width:calc(100% + 1rem)}.ingredientTable__name{font-size:2rem}.ingredientTable__btn{background-color:#f04678;border:2px solid #CC3B67;border-radius:4px;height:fit-content;margin:0 auto;padding:.25rem;width:fit-content}.ingredientTable__btn--green{background-color:#00c896;border-color:#00a37a}.ingredientTable__icon{display:block;height:2rem;width:2rem}.editingMenu{background-color:#ddefff;border-color:#64b4ff;border-radius:1rem;max-width:800px;padding:1rem 5rem}.editingMenu__wrapper{display:flex;flex-direction:column;gap:1rem}.editingMenu__heading{font-size:2rem;font-weight:700;margin-top:.5rem}.editingMenu__label{font-size:1.4rem;font-weight:700}.editingMenu__input{font-size:2rem;height:3rem;padding:.5rem;width:100%}.loginForm{background-color:#ddefff;border:2px solid #569BDB;padding:1rem}.loginForm__inputWrapper{display:flex;flex-direction:column;margin-bottom:1rem}.loginForm__label{font-size:2.5rem}.loginForm__input{font-size:2rem;height:3rem;padding:.5rem}.orderForm{align-content:center;display:flex;flex-direction:column;margin:-4rem auto 0;max-width:500px}.orderForm__description{font-size:2rem;margin:.5rem 0 .25rem}.orderForm__label{display:block;font-size:2rem}.orderForm__textarea{font-size:1.5rem;margin-bottom:20px;padding:.5rem;width:100%}.orderLoader{color:#21333a;display:block;font-size:3rem;font-weight:700;margin:7rem auto;position:relative;width:fit-content}.orderLoader:before{background-color:#d9dada;border-radius:2px;bottom:-2px;content:"";display:block;height:8px;left:-2px;position:absolute;width:calc(100% + 4px)}.orderLoader:after{animation:5s loading forwards;background-color:#00a37a;border-radius:2px;bottom:0;content:"";display:block;height:4px;left:0;position:absolute;width:0}.warteschlange{animation:1s flyIn forwards;border:2px solid #FF6450;border-radius:1rem;display:flex;justify-content:space-between;margin:1rem 0;opacity:0;padding:1rem 2rem}@media (max-width: 820px){.warteschlange{align-items:center;flex-direction:column}}.warteschlange p{align-content:center;font-size:2rem;margin:0;overflow-wrap:break-word}.warteschlange__name{width:100%}.warteschlange__spantext{width:10rem}.blue{border-color:#569bdb;border-width:5px;color:#569bdb;position:relative}.warteschlange.finished{background-color:#00c896;border-color:#00a37a;margin-left:-2rem;width:calc(100% + 4rem)}.warteschlange.finished p{color:#fff;font-size:3rem;width:fit-content}.order{background-color:#ddefff;border:4px solid #569BDB;border-radius:1rem;margin-bottom:4rem;max-height:35rem;padding:2rem}.order p{margin:0}.order__grid{display:grid;gap:150px;grid-template-columns:auto auto;justify-content:center;width:100%}.order__section{margin-bottom:20px}.order__section--center{align-items:center;display:flex;flex-direction:column;gap:1px;justify-content:center}.order__ingList{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;padding:0}.order__ing{background-color:#ff6450;border:2px solid #db5644;border-radius:7px;color:#f4f5f5;font-size:20px;list-style-type:none;margin:1px;padding:5px 10px}.order__heading{font-size:25px;font-weight:600;margin:0}.order--first{background-color:#d5f4ec;border:4px solid #00C896;transition:all .4s ease-in-out}.order--fadeOut{margin:-8px 0 0;max-height:0;opacity:0;padding:0 2rem;transition:all .5s ease-out}.noOrder{color:#ff6450;font-size:2rem;text-align:center}.ordercount{color:#21333a;text-align:center}.orderHistory{flex-direction:column;height:50%;width:50%}.historyOrder{width:100%}.historyOrder__heading{border-bottom:1px solid black;cursor:pointer;display:flex;font-size:35px;opacity:.6;padding:.5rem 1rem;width:100%}.historyOrder__heading--highlighted{color:#00a37a;font-weight:700;opacity:1}.historyOrder__heading:hover{background-color:#64b4ff;color:#f4f5f5;opacity:1}.historyOrder__ingredients{padding:.5rem 2rem}.historyOrder__time{display:block;margin-left:auto}@keyframes loading{to{background-color:#00c896;width:100%}}@keyframes flyIn{0%{transform:translateY(4rem)}to{opacity:100%;transform:translateY(0)}}.presetOutput{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.presetOutput--order{gap:.5rem;margin-bottom:1rem}.preset{align-items:center;border:3px solid #64B4FF;border-radius:1rem;display:flex;gap:4rem;padding:1rem;width:fit-content}.preset__btnWrapper{display:flex;gap:.5rem;width:fit-content}.preset p{font-size:1.4rem;font-weight:700;margin:0}*{box-sizing:border-box}body{background-color:#f4f5f5;color:#21333a;font-family:Hind,sans-serif;margin:0;padding:0;scroll-behavior:smooth}p{color:#21333a;font-size:1.2rem}h1,h2,h3,h4{font-family:Replica,sans-serif}button:hover{cursor:pointer}dialog::backdrop{backdrop-filter:blur(2px);background-color:#0003}.hp-mBottom--2{margin-bottom:2rem}.heading{color:#00c896;font-size:clamp(4.5rem,-1.071rem + 11.429vw,7.5rem);text-align:center;text-shadow:4px 4px 1px #00A37A}.heading--noMargin{margin:0}.flex{display:flex;gap:1rem}@media (max-width: 820px){.flex{align-items:center;flex-direction:column}}.btnWrapper{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.duoChoice{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem;width:100%}.btn{background-color:#ff6450;border:2px solid #DB5644;border-radius:1rem;color:#21333a;color:#fff;display:block;font-size:2rem;height:fit-content;line-height:2rem;margin:0;padding:1rem;text-align:center;text-decoration:none;width:100%}.btn--maxWidth{max-width:600px}.btn:active{background-color:#db5644}.btn:hover{cursor:pointer}.btn--magenta{background-color:#f04678;border-color:#cc3b67}.btn--magenta:hover{cursor:pointer}.btn--magenta:active{background-color:#cc3b67}.btn--blue{background-color:#64b4ff;border-color:#569bdb}.btn--blue:hover{cursor:pointer}.btn--blue:active{background-color:#569bdb}.btn--green{background-color:#00c896;border-color:#00a37a}.btn--green:hover{cursor:pointer}.btn--green:active{background-color:#00a37a}.btn--order{margin:auto 0;width:fit-content}.btn--update{margin:0 auto 1rem}.btn--fixed{bottom:.5rem;left:.5rem;position:fixed;right:.5rem;width:calc(100% - 1rem)}.btn--corner{left:unset;padding:.4rem;right:3rem;top:3rem;width:5rem}.btn--corner svg{align-items:center;display:flex;justify-items:center}.btn--mBottom{margin-bottom:1rem}.btn--preset{width:fit-content}.btn--disabled{opacity:.3}.btn--disabled:hover{cursor:not-allowed}.user{display:grid;height:100%;place-content:center}.user__heading{font-size:3rem;margin-top:0;text-align:center}.user__label{font-size:1.6rem;margin:30px 0 10px}.wrapper{margin:0 auto;max-width:1200px;padding:1rem 2rem;width:100%}.wrapper--bigPadding{padding:1rem 4rem}.version{color:#569bdb;margin:0;position:absolute;right:1rem;top:.25rem}.error{color:red;text-align:center}.layoutHeader{display:grid;place-content:center;position:relative}.basil{max-width:3rem;position:fixed;z-index:-1}.basil--1{left:24%;position:absolute;top:14rem;transform:rotate(18deg)}.basil--2{left:3%;top:56%}.basil--3{left:6%;max-width:3rem;top:83%;transform:rotate(180deg)}.basil--4{right:8rem;top:85%}.basil--5{right:4rem;top:55%;transform:rotate(-12deg)}.basil--6{right:7rem;top:22%;transform:rotate(110deg)}.pizza__piece{height:10vw;left:15%;position:absolute;rotate:-10deg;top:1rem;z-index:-1}.pizza__half{height:20vw;left:5%;position:absolute;rotate:-40deg;top:6rem;z-index:-1}.hinweis{color:red;font-size:1.5rem;margin-top:-1rem;text-align:center}@media (max-width: 900px){.pizza__piece,.pizza__half{display:none}}@media (max-width: 1500px){.basil{display:none}}