:root{background-color:#fff;--UI-Border-Color: rgb(218, 218, 218);--UI-Dunkel-Grün: rgb(2, 109, 82) }body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}#app{max-width:100%;width:100%;margin:0 auto;padding:0;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}@media(min-width:1024px){body{display:flex;place-items:center}}.DishCardBase{display:block;border-radius:10px;border:1px solid var(--UI-Border-Color);margin:10px;padding:20px;max-width:380px}.SterneContainer{display:flex;flex-direction:row;align-items:start;padding-bottom:5%}.SterneContainer div{padding:2px;width:5%}.SterneContainer div img{width:100%}.SterneContainer .AnzahlBewertungen{height:60%;width:60%;padding-left:5px;align-content:center;color:gray}.Info-Tags-Flex-Container{display:flex;flex-direction:row}.InfoLinks{width:70%}.TopTags{color:var(--UI-Dunkel-Grün);padding-bottom:2%}.GerichtName{padding-bottom:2%}.Allergene{padding-bottom:3%;color:gray}.Preise{text-align:right}.TagsRechts{width:30%;display:flex;flex-direction:column;text-align:center;align-items:end}.TagsRechts div{border:1px solid var(--UI-Border-Color);border-radius:20px;margin:2%;padding:5%;font-size:70%}.comment-edit-container{display:flex;flex-direction:row;justify-content:space-evenly;text-align:center}.comment-edit-container div{border:1px solid var(--UI-Border-Color);border-radius:5px;width:40%;padding:2%}.comment-edit-container div img{width:10%}.TopBanner{background-color:var(--UI-Dunkel-Grün);color:#fff;padding:2%}.TextContainer{width:100%;max-width:900px;margin-left:auto;margin-right:auto}.TopBanner div h3{margin-top:2%;margin-bottom:0}.WeekdayBarContainer{background-color:#f8f8f8;border-bottom:1px solid var(--UI-Border-Color);padding:2% 5%}.WeekdayBar{display:flex;flex-direction:row;justify-content:space-evenly;text-align:center;padding:1%;border-radius:5px;background-color:#f1f1f1}.WeekdayBarBackground{background-color:#f1f1f1;width:100%;border-radius:5px}.WeekdayBar div{margin:0;padding:1.5% 1%;background-color:#f1f1f1;width:17%;border-radius:5px;color:gray;max-width:100px}.WeekdayBar .selected{background-color:#fff;color:#000}.WeekdayBar div:hover{background-color:#f8f8f8;cursor:pointer}@media(min-width:900px){.WeekdayBarContainer{margin-top:0%;padding-top:0%;padding-right:0%;padding-left:0%}.WeekdayBar{justify-content:start;width:100%;max-width:900px;margin-left:auto;margin-right:auto}.WeekdayBar div{margin-right:1%}}.controls[data-v-7896475c]{display:flex;gap:1rem;margin-top:.5rem}.dropdown[data-v-7896475c]{position:relative}.dropdown-btn[data-v-7896475c]{background:#fff;border:1px solid #ddd;border-radius:14px;padding:.7rem 1rem;width:190px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.dropdown-btn[data-v-7896475c]:focus{outline:none;box-shadow:none}.dropdown-btn.active-frame[data-v-7896475c]{border-color:#00b36b;box-shadow:0 0 0 2px #00b36b4d}.dropdown-menu[data-v-7896475c]{position:absolute;top:110%;left:0;background:#fff;min-width:190px;border-radius:18px;box-shadow:0 4px 15px #0000001a;padding:.4rem .3rem}.dropdown-item[data-v-7896475c]{display:flex;align-items:center;gap:.5rem;padding:.45rem .9rem;margin:.1rem .3rem;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}.dropdown-item[data-v-7896475c]:hover:not(.active){background:#f2f2f2}.dropdown-item.active[data-v-7896475c]{background:#00b36b;color:#fff}.check-icon[data-v-7896475c]{width:18px;height:18px}.dropdown-item.active .check-icon[data-v-7896475c]{color:#fff}.dropdown-item:not(.active) .check-icon[data-v-7896475c]{color:#00b36b}.filter-container[data-v-7896475c]{max-width:850px;margin:1.5rem auto 0;padding:0 1.25rem}.filter-header[data-v-7896475c]{display:flex;align-items:center;gap:.35rem;color:#6b7280;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.filter-icon[data-v-7896475c]{width:16px;height:16px;color:#6b7280;margin-left:4px}.arrow-icon[data-v-7896475c]{width:18px;height:18px;color:#6b7280;transition:transform .2s}.arrow-icon.rotate[data-v-7896475c]{transform:rotate(180deg)}.container{display:block}.DishCardContainer{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-evenly;max-width:900px;margin-left:auto;margin-right:auto}