:root{--main-bg-color:#fff;--second-bg-color:#90ee90;--accent-color:green;--dark-accent-color:#006400;--text-color:#000;--text-accent-color:#fff}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--main-bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root,body,html{height:100%}.content{color:#000;color:var(--text-color);display:flex;flex-direction:column;margin-inline:auto;margin-bottom:32px;min-height:min(100% - 266px);padding-inline:20px;padding-top:20px;width:min(100% - 100px,1200px)}.loader{-webkit-animation:load 2s linear infinite;animation:load 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:120px;width:120px}@-webkit-keyframes load{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (max-width:650px){.content{min-height:min(100% - 241px);padding-inline:5px;width:calc(100% - 20px)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.header{background-color:var(--second-bg-color);box-shadow:0 5px 20px 0 hsla(0,0%,80%,.3);height:150px}.headline{align-items:center;display:flex;height:70px;justify-content:center;padding-top:30px}.headline h1{color:var(--text-color);font-size:4rem}.headline a{text-decoration:none}.toolbar{display:flex;font-size:1em;font-weight:700;height:50px;margin-inline:auto;width:min(100% - 100px,1200px)}.toolbar .tbbtn{background-color:inherit;border:none;color:var(--text-color);cursor:pointer;font-size:inherit;font-weight:inherit;height:50px;margin:0;outline:none;padding:14px 16px;pointer-events:auto}.toolbar .tbbtn:hover:not(.clicked){background-color:var(--accent-color);color:var(--text-accent-color)}.toolbar .accountbtn{margin-left:auto;margin-right:0}.toolbar a{pointer-events:none}.toolbar a.active .tbbtn{background-color:var(--accent-color);color:var(--text-accent-color);pointer-events:none}.dropdown{float:left;overflow:hidden}.dropdown-content{background-color:var(--second-bg-color);box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;position:absolute;z-index:1}.dropdown:hover .dropdown-content{display:flex;flex-direction:column}@media screen and (max-width:600px){.header{height:125px}.headline h1{font-size:2rem}.toolbar{font-size:.7em;height:25px;padding-inline:5px;width:calc(100% - 20px)}.toolbar .tbbtn{height:25px;padding:7px 8px}}.reclist_wrap,.reclist_wrap .reclisttoolbar{position:relative}.reclist_wrap .reclisttoolbar .reclisttoolbtn{background-color:var(--accent-color);border:none;border-radius:5px;color:var(--text-accent-color);cursor:pointer;font-size:1.3em;font-weight:700;height:32px;margin-inline:5px;margin-bottom:10px;vertical-align:middle}.reclist_wrap .reclisttoolbar .reclisttoolbtn.filter_btn{background:url(/static/media/filter.58b6ad3a78fbba0f582b.svg);background-color:var(--accent-color);background-size:cover;width:32px}.reclist_wrap .reclisttoolbar .searchbar{background-color:inherit;border:2px solid #000;border-radius:15px;font-size:1em;height:30px;padding-inline:5px;position:absolute;right:0}.reclist_wrap .reclisttoolbar .searchbar:focus{background-color:#d3d3d3;border-color:var(--dark-accent-color);outline:none}.reclist_wrap .filterarea table tbody tr td label{font-size:1.1em;text-align:center;text-justify:auto}.reclist_wrap .filterarea table tbody tr td input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;height:20px;width:20px}.reclist_wrap .filterarea table tbody tr td input[type=text]{accent-color:var(--accent-color);cursor:pointer;height:20px;width:80px}.reclist_wrap .filterarea table tbody tr td input[type=date]{accent-color:var(--accent-color);cursor:pointer;font-size:1.1em;height:20px}.reclist_wrap .filterarea table tbody tr td:nth-child(2n){-webkit-padding-end:20px;padding-inline-end:20px}.reclist_wrap .recipelist{display:flex;flex-wrap:wrap}.reclist_wrap .recipelist .recipecard{aspect-ratio:15/22;margin:1em;overflow-wrap:break-word;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:15em}.reclist_wrap .recipelist .recipecard .recipename{font-size:1.5em;font-weight:700;margin:5px}.reclist_wrap .recipelist .recipecard .recshortdesc{font-size:.95em;margin:5px}.reclist_wrap .recipelist .recipecard .recipeimage{aspect-ratio:15/17;border-radius:3em;object-fit:cover;width:15em}.reclist_wrap .recipelist .recipecard:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.reclist_wrap .randbtn{background:url(/static/media/random.14dea89e7949b6377748.svg);background-color:var(--accent-color);background-size:cover;border:none;border-radius:60px;bottom:32px;height:60px;position:fixed;right:calc((100% - min(100% - 100px,1200px))/2 + 32px);width:60px;z-index:1}@media screen and (max-width:650px){.reclist_wrap .reclisttoolbar .reclisttoolbtn{border-radius:3px;font-size:1em;margin-inline:3px}.reclist_wrap .reclisttoolbar .searchbar{font-size:.7em;padding-inline:3px}.reclist_wrap .filterarea table tbody tr td label{font-size:.8em}.reclist_wrap .filterarea table tbody tr td input[type=checkbox],.reclist_wrap .filterarea table tbody tr td input[type=text]{height:15px}.reclist_wrap .filterarea table tbody tr td input[type=date]{font-size:.8em;height:15px}.reclist_wrap .filterarea table tbody tr td:nth-child(2n){-webkit-padding-end:10px;padding-inline-end:10px}.reclist_wrap .recipelist .recipecard{aspect-ratio:15/22;margin:5%;width:40%}.reclist_wrap .recipelist .recipecard .recipename{font-size:100%;margin:5px}.reclist_wrap .recipelist .recipecard .recshortdesc{font-size:.95em;margin:5px}.reclist_wrap .recipelist .recipecard .recipeimage{aspect-ratio:15/17;border-radius:15%;width:100%}.reclist_wrap .randbtn{bottom:16px;right:16px}}.categorylist{display:flex;flex-wrap:wrap}.categorycard{aspect-ratio:15/22;margin:1em;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:15em}.categorycard .reccardbar{align-items:baseline;display:flex;justify-content:space-between}.categorycard .reccardbar .optionsbtn{background:url(/static/media/options_button.01aaadf0a742fb13c26c.svg);background-size:cover;border:none;border-radius:8px;cursor:pointer;height:28px;margin-left:auto;width:28px}.categorycard .reccardbar .options{background-color:var(--main-bg-color);box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;position:absolute;z-index:2}.categorycard .reccardbar .options.show{display:flex;flex-direction:column}.categorycard .reccardbar .options button{background-color:inherit;border:none;color:var(--text-color);cursor:pointer;font-size:1em;font-weight:700;height:32px}.categorycard .reccardbar .options button:hover{background-color:var(--accent-color);color:var(--text-accent-color)}.categorycard .reccardbar .categoryname{font-size:1.5em;font-weight:700;margin:5px}.categorycard .catshortdesc{font-size:.95em;margin:5px}.categorycard .categoryimage{aspect-ratio:15/17;border-radius:3em;object-fit:cover;width:15em}.categorycard:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.katlisttoolbar{position:relative}.katlisttoolbar .catlistbtn{background-color:var(--accent-color);border:none;border-radius:5px;color:var(--text-accent-color);cursor:pointer;font-size:1.3em;font-weight:700;height:32px;margin-inline:5px;margin-bottom:10px}.katlisttoolbar .searchbar{background-color:inherit;border:2px solid #000;border-radius:15px;font-size:1em;height:30px;padding-inline:5px;position:absolute;right:0}.katlisttoolbar .searchbar:focus{background-color:#d3d3d3;border-color:var(--dark-accent-color);outline:none}.addCatWidBack{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:100%;left:0;position:fixed;top:0;width:100%}.addCatWidBack .addCatWid{background-color:var(--main-bg-color);border-radius:10px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;height:auto;left:50%;padding:5px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:240px}.addCatWidBack .addCatWid input{background-color:inherit;border:1px solid #000;border-radius:5px;font-size:1.3em;padding:5px}.addCatWidBack .addCatWid .buttonbar{display:flex;justify-content:space-evenly;padding:5px}.addCatWidBack .addCatWid .buttonbar button{background-color:var(--accent-color);border:none;border-radius:5px;color:var(--text-accent-color);cursor:pointer;font-size:1.3em;margin-top:10px}a{color:var(--text-color);text-decoration:none}@media screen and (max-width:650px){.katlisttoolbar .catlistbtn{border-radius:3px;font-size:1em;margin-inline:3px}.katlisttoolbar .searchbar{font-size:.7em;padding-inline:3px}.categorycard{aspect-ratio:15/22;margin:5%;width:40%}.categorycard .reccardbar .categoryname{font-size:100%;margin:5px}.categorycard .catshortdesc{font-size:.95em;margin:5px}.categorycard .categoryimage{aspect-ratio:15/17;border-radius:15%;width:100%}}details p{padding-left:16px}.logincontent{height:100%}.logincontent,.logincontent .logincard{align-items:center;display:flex;justify-content:center}.logincontent .logincard{background-image:radial-gradient(var(--main-bg-color),var(--second-bg-color));border-color:var(--dark-accent-color);border-radius:70px;border-style:solid;border-width:3px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);height:320px;width:280px}.logincontent .logincard .form_wrap{display:flex;flex-direction:column}.logincontent .logincard .form_wrap .input_wrap{padding:15px 0 0;position:relative}.logincontent .logincard .form_wrap .input_wrap.error{color:red;font-size:.8em;height:16px}.logincontent .logincard .form_wrap .input_wrap .loginbutton{background-color:var(--dark-accent-color);border:none;border-radius:.5em;color:var(--text-accent-color);font-size:1em;font-weight:700;padding:10px 20px}.logincontent .logincard .form_wrap .input_wrap label{display:block;font-size:.9em;left:-1px;position:absolute;top:0;transition:.3s}.logincontent .logincard .form_wrap .input_wrap input{background-color:inherit;border:none;border-bottom:2px solid #000;font-size:1em;outline:none;padding:4px 0}.logincontent .logincard .form_wrap .input_wrap input:focus{border-bottom:2px solid var(--dark-accent-color)}.logincontent .logincard .form_wrap .input_wrap input:focus~label{display:block;font-size:.9em;left:-1px;position:absolute;top:0;transition:.3s}.logincontent .logincard .form_wrap .input_wrap input::-webkit-input-placeholder{color:transparent}.logincontent .logincard .form_wrap .input_wrap input::placeholder{color:transparent}.logincontent .logincard .form_wrap .input_wrap input:placeholder-shown~label{cursor:text;font-size:1em;top:20px}.recipepage{display:grid;grid-template-columns:min(33.3333333333%,400px) min(66.6666666667%,800px);grid-template-rows:auto auto}.recipepage .recheadcontent{margin:0;min-width:250px;overflow-wrap:break-word;padding:2px}.recipepage .recheadcontent h1{margin-top:0}.recipepage .recheadcontent table{table-layout:fixed;width:99%}.recipepage .recheadcontent table tr td{vertical-align:top}.recipepage .recheadcontent table tr td:first-child{font-weight:700;padding:3px;width:6.3em}.recipepage .recheadcontent table tr td a{color:var(--accent-color)}.recipepage .recheadcontent table tr td input{accent-color:var(--accent-color);cursor:pointer;height:24px;width:24px}.recipepage .recheadcontent table tr td input:disabled{accent-color:var(--accent-color);cursor:default}.recipepage .recimg .recipeimg{border-radius:20px;height:auto;width:100%}.recipepage .recing{overflow:hidden}.recipepage .recing .portionpicker{display:flex;margin:10px}.recipepage .recing .portionpicker .amountbtn{background-color:var(--accent-color);border:none;color:var(--text-accent-color);cursor:pointer;font-size:1.5em;height:32px;padding:0;width:32px}.recipepage .recing .portionpicker .amountbtn.add{border-bottom-right-radius:20px;border-top-right-radius:20px}.recipepage .recing .portionpicker .amountbtn.sub{border-bottom-left-radius:20px;border-top-left-radius:20px}.recipepage .recing .portionpicker .portions{background-color:inherit;border:1px solid #000;border-left:none;border-right:none;font-size:1.3em;height:30px;padding:0;text-align:center;width:32px}.recipepage .recing .portionpicker .portions:disabled{border:1px solid #000;border-left:none;border-right:none;color:inherit}.recipepage .recing .portionpicker .portions::-webkit-inner-spin-button,.recipepage .recing .portionpicker .portions::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.recipepage .recing .zutatentable{border-collapse:collapse;font-size:1.2em;table-layout:auto;width:99%}.recipepage .recing .zutatentable tr:nth-child(odd){background-color:var(--second-bg-color)}.recipepage .recing .zutatentable tr td:first-child{padding-left:20px;width:70px}.recipepage .recing .zutatentable tr td:nth-child(2){width:75px}.recipepage .recing .zutatentable tr td:last-child{padding-right:20px;width:32px}.recipepage .recing .zutatentable tr td.IngHeader h4{margin:0;padding:8px 5px 5px}.recipepage .recing .zutatentable tr td select{background-color:inherit;border:1px solid #000;border-radius:5px;color:inherit;font-size:inherit;font-weight:inherit;padding:5px;width:65px}.recipepage .recing .zutatentable tr td select option{background-color:var(--main-bg-color)}.recipepage .recing .zutatentable tr td select:disabled{appearance:none;-webkit-appearance:none;border:1px solid transparent;color:inherit}.recipepage .recing .zutatentable tr td input{background-color:inherit;border:1px solid #000;border-radius:5px;color:inherit;font-size:inherit;font-weight:inherit;padding:5px;text-align:right;width:60px}.recipepage .recing .zutatentable tr td input:disabled{border:1px solid transparent;color:inherit}.recipepage .recing .zutatentable tr td input::-webkit-inner-spin-button,.recipepage .recing .zutatentable tr td input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.recipepage .recing .zutatentable tr td .deleteBtn{background:url(/static/media/delete_button.299575acf91e04a77be5.svg);background-size:cover;border:none;color:var(--text-color);cursor:pointer;height:24px;width:24px}.recipepage .recing .zutatentable tr td .deleteBtn:disabled{cursor:default;visibility:hidden}.recipepage .recing .zutatentable tr td .addingbtn{background-color:var(--bg-color);border:2px solid var(--accent-color);border-radius:12px;color:var(--text-color);cursor:pointer;font-size:1.2em;font-weight:700;height:32px;margin-inline:5px}.recipepage .recing .zutatentable tr td .addingbtn:hover{background-color:var(--accent-color);color:var(--text-accent-color)}.recipepage .recbody .recbodyhead{align-items:baseline;display:flex;justify-content:space-between}.recipepage .recbody .optionsbtn{background:url(/static/media/options_button.01aaadf0a742fb13c26c.svg);background-size:cover;border:none;border-radius:8px;cursor:pointer;height:32px;margin-left:auto;width:32px}.recipepage .recbody .options{background-color:var(--main-bg-color);box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;position:absolute;z-index:2}.recipepage .recbody .options.show{display:flex;flex-direction:column}.recipepage .recbody .options button{background-color:var(--main-bg-color);border:none;color:var(--text-color);cursor:pointer;font-size:1em;font-weight:700;min-height:32px;padding:5px}.recipepage .recbody .options button:hover{background-color:var(--accent-color);color:var(--text-accent-color)}.recipepage .recbody .zubereitung{font-size:1.2em;margin-top:36px;overflow-wrap:break-word;z-index:1}.recipepage .receditfooter{align-self:flex-end;padding:20px}.recipepage .receditfooter .receditbtn{border:none;border-radius:5px;cursor:pointer;font-size:1.3em;font-weight:700;height:32px;margin-inline:5px;margin-top:10px}.recipepage .receditfooter .receditbtn,.recipepage .receditfooter .receditbtn:hover{background-color:var(--accent-color);color:var(--text-accent-color)}.recipepage div.editable{border:1px solid transparent;overflow-wrap:break-word;padding:3px}.recipepage div.editable[contenteditable=true]{border:1px solid #000;border-radius:5px}.recipepage .catwidgetback{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:100%;left:0;position:fixed;top:0;width:100%}.recipepage .catwidgetback .catwidget{background-color:var(--main-bg-color);border-radius:10px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;height:auto;left:50%;padding:5px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:240px}.recipepage .catwidgetback .catwidget .catitem{border:1px solid #000;border-radius:5px;color:inherit;font-size:1.5em;margin:5px;padding:5px}.recipepage .catwidgetback .catwidget .catitem input{accent-color:var(--accent-color);cursor:pointer;height:16px;margin-right:5px;width:16px}.recipepage .catwidgetback .catwidget .catitem label{cursor:pointer}.recipepage .catwidgetback .catwidget .buttonbar{display:flex;justify-content:space-evenly;padding:5px}.recipepage .catwidgetback .catwidget .buttonbar button{background-color:var(--accent-color);border:none;border-radius:5px;color:var(--text-accent-color);cursor:pointer;font-size:1.3em;margin-top:10px}@media screen and (max-width:1000px){.recipepage{display:grid;grid-template-columns:min(100%,1200px);grid-template-rows:auto}.recipepage .recimg{order:-1}.recipepage .recing .zutatentable tr td:first-child{padding-left:5px;width:70px}.recipepage .recing .zutatentable tr td:nth-child(2){width:75px}.recipepage .recing .zutatentable tr td:last-child{padding-right:5px;width:32px}.recipepage .recbody .zubereitung{margin-top:3px}.recipepage .recbody .options{right:0}}.registercontent{height:100%}.registercontent,.registercontent .registercard{align-items:center;display:flex;justify-content:center}.registercontent .registercard{background-image:radial-gradient(var(--main-bg-color),var(--second-bg-color));border-color:var(--dark-accent-color);border-radius:70px;border-style:solid;border-width:3px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);height:320px;width:280px}.registercontent .registercard .form_wrap{display:flex;flex-direction:column}.registercontent .registercard .form_wrap .input_wrap{padding:15px 0 0;position:relative}.registercontent .registercard .form_wrap .input_wrap .registerbutton{background-color:var(--dark-accent-color);border:none;border-radius:.5em;color:var(--text-accent-color);cursor:pointer;font-size:1em;font-weight:700;height:40px;padding:10px 20px}.registercontent .registercard .form_wrap .input_wrap label{display:block;font-size:.9em;left:-1px;position:absolute;top:0;transition:.3s}.registercontent .registercard .form_wrap .input_wrap input{background-color:inherit;border:none;border-bottom:2px solid #000;font-size:1em;outline:none;padding:4px 0}.registercontent .registercard .form_wrap .input_wrap input:focus{border-bottom:2px solid var(--dark-accent-color)}.registercontent .registercard .form_wrap .input_wrap input:focus~label{display:block;font-size:.9em;left:-1px;position:absolute;top:0;transition:.3s}.registercontent .registercard .form_wrap .input_wrap input::-webkit-input-placeholder{color:transparent}.registercontent .registercard .form_wrap .input_wrap input::placeholder{color:transparent}.registercontent .registercard .form_wrap .input_wrap input:placeholder-shown~label{cursor:text;font-size:1em;top:20px}.usercredstab select{background-color:inherit;border:1px solid #000;border-radius:5px;color:inherit;font-size:inherit;font-weight:inherit;padding:5px}.usercredstab select option{background-color:var(--main-bg-color)}.usercredstab input{background-color:inherit;border:1px solid #000;border-radius:5px;color:inherit;font-size:inherit;font-weight:inherit;padding:5px}.usercredstab input.savebutton{background-color:var(--dark-accent-color);border:none;border-radius:.5em;color:var(--text-accent-color);cursor:pointer;font-size:1em;font-weight:700;height:40px;padding:10px 20px}.usercredstab th{font-size:1.3em;text-align:start}.footer{background-color:var(--second-bg-color);height:64px;position:relative;width:100%}.footer .links{margin-inline:auto;padding:16px;width:min(100% - 100px,1200px)}.footer .links .block1{display:flex;flex-direction:row}.footer .links .block1 a{margin-inline:8px}.ingredientSearch button{background-color:var(--accent-color);border:none;border-radius:5px;color:var(--text-accent-color);cursor:pointer;font-size:1.3em;height:32px;margin-inline:5px;vertical-align:middle}.ingredientSearch .ingredientSearchBar{background-color:inherit;border:2px solid #000;border-radius:15px;font-size:1em;height:30px;padding-inline:5px}.ingredientSearch .ingredientSearchBar:focus{background-color:#d3d3d3;border-color:var(--dark-accent-color);outline:none}.ingredientSearch .ingredientShowList{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.ingredientSearch .ingredientShowList .ingredientShow{background-color:var(--accent-color);border-radius:32px;color:var(--text-accent-color);height:32px;margin:8px;padding-inline:8px}.ingredientSearch .ingredientShowList .ingredientShow button{background-color:transparent;border:none;color:red;cursor:pointer;font-size:1.1em;margin-left:8px}
/*# sourceMappingURL=main.cda5c172.css.map*/