body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#ffd0e8;--primary-grey-color1:#54424b;--primary-grey-color2:#dedede;--contrary-color:#d0ffe7;--light-color:#fff;--dark-color:#000;--positive-color:#43b05c;--negative-color:#ed8a19;--navbar-border:solid #bebebe 1px;--dropdown-border:var(--navbar-border)}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}@font-face{font-family:DancingScript;src:url(/jennys-toertchen-einmaleins/static/media/DancingScript-VariableFont_wght.3e7e73f4e34e4945f363.ttf)}@font-face{font-family:PlayFair;src:url(/jennys-toertchen-einmaleins/static/media/PlayfairDisplay-VariableFont_wght.3f7c141215e6d22d0f1e.ttf)}.button-add{background:#43b05c;background:var(--positive-color);font-size:1.5rem;font-size:3rem}.button-add,.button-remove{border:none;border-radius:50%;color:#fff;color:var(--light-color);font-weight:700;height:100%;width:100%}.button-remove{background:#ed8a19;background:var(--negative-color);font-size:1.5rem;font-size:2rem}.button-edit{border:none;border-radius:50%;font-size:1.5rem;height:100%;width:100%}.modal-title{font-size:1.75rem;margin-bottom:2rem}.flex-row-break{flex-basis:100%;height:0}.app{display:flex;flex-direction:column;font-family:PlayFair,serif;height:100vh;justify-content:flex-start}.atoms-layouts-boxes{display:flex;width:100%}.atoms-layouts-boxes .box{flex:1 1 100%}.recipe-converter-form-wrapper .molekuls-four-controlledform .molekuls-three-listitem .atoms-layouts-spacebetween .molekules-two-tags{justify-content:space-evenly;width:100%}.recipe-converter-form-wrapper .molekuls-four-controlledform .atoms-layouts-boxes.convert-boxes{align-items:center;-webkit-column-gap:1rem;column-gap:1rem;font-size:1.2rem;justify-content:space-between}.recipe-converter-form-wrapper .molekuls-four-controlledform .atoms-layouts-boxes.convert-boxes .box{background:#fff;background:var(--light-color);border-radius:1rem;max-width:300px;min-width:280px;padding:1rem}.recipe-converter-form-wrapper .molekuls-four-controlledform .atoms-layouts-boxes.convert-boxes .box-1{background:transparent;display:flex;flex:1 0 auto;height:150px;justify-content:center;min-width:0}.recipe-converter-form-wrapper .molekuls-four-controlledform .atoms-layouts-boxes.convert-boxes .box-2 .molekules-two-unitinput{margin-bottom:0}.recipe-converter-form-wrapper .molekuls-four-controlledform .atoms-layouts-boxes.convert-boxes .box-2 .molekules-two-unitinput .atoms-inputs-number,.recipe-converter-form-wrapper .molekuls-four-controlledform .atoms-layouts-boxes.convert-boxes .box-2 .molekules-two-unitinput .atoms-inputs-selection{font-size:1.2rem}.recipe-converter-form-wrapper .molekuls-four-controlledform .atoms-layouts-boxes.convert-boxes .box-2 .molekules-two-unitinput .atoms-inputs-number input,.recipe-converter-form-wrapper .molekuls-four-controlledform .atoms-layouts-boxes.convert-boxes .box-2 .molekules-two-unitinput .atoms-inputs-number select,.recipe-converter-form-wrapper .molekuls-four-controlledform .atoms-layouts-boxes.convert-boxes .box-2 .molekules-two-unitinput .atoms-inputs-selection input,.recipe-converter-form-wrapper .molekuls-four-controlledform .atoms-layouts-boxes.convert-boxes .box-2 .molekules-two-unitinput .atoms-inputs-selection select{flex:0 1;font-size:1.2rem;width:60px}.recipe-converter-form-wrapper .molekuls-four-controlledform .atoms-layouts-boxes.result-boxes{-webkit-column-gap:1rem;column-gap:1rem;display:flex;justify-content:space-between;margin-top:1rem}.recipe-converter-form-wrapper .molekuls-four-controlledform .atoms-layouts-boxes.result-boxes .box{background:#fff;background:var(--light-color);border-radius:1rem;padding:1rem}.recipe-converter-form-wrapper .molekuls-four-controlledform .atoms-layouts-boxes.result-boxes-prices{text-align:right}.recipe-converter-form-wrapper .molekuls-four-controlledform .atoms-layouts-boxes.result-boxes-prices .box{padding:1rem}.recipe-converter-form-wrapper .molekuls-four-controlledform .atoms-layouts-boxes.result-boxes-prices .box output{border-top:1px solid #000}@media only screen and (max-width:1050px){.recipe-converter-form-wrapper .molekuls-four-controlledform .atoms-layouts-boxes.convert-boxes{flex-flow:column}.recipe-converter-form-wrapper .molekuls-four-controlledform .atoms-layouts-boxes.convert-boxes .box-1{background:transparent;display:flex;flex:1 0 auto;height:auto;justify-content:center;min-width:0;width:150px}}.molekules-two-informationlist{-webkit-column-gap:1rem;column-gap:1rem;width:100%}.molekules-two-informationlist .information{display:flex;justify-content:space-between;list-style:none}header{background:#ffd0e8;background:var(--primary-color);flex:0 0}header .title{font-family:DancingScript,serif;font-size:3rem;font-weight:400;padding:2rem;text-align:center}header nav{display:flex}header nav ul{display:flex;list-style-type:none;width:100%}header nav ul li{display:flex;flex:1 0;font-size:1.5rem;justify-content:center;width:200px}header nav ul li .dropdown-item svg{height:30%}header nav ul li .dropdown-item label{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.body-wrapper{display:flex;flex:1 1;height:100%;overflow:auto;position:relative}.body-wrapper ::-webkit-scrollbar{display:none}.body-wrapper .background-image{background-image:url(/jennys-toertchen-einmaleins/static/media/cake-pattern-seemless.ca73b81b4b3492c193cc.jpg);background-repeat:repeat;background-size:800px auto;bottom:0;left:0;opacity:.6;position:absolute;right:0;top:0}.body-wrapper .body{margin:0 auto;overflow-y:scroll;padding:2rem 0;position:relative;width:80%}.ingredients-form-wrapper{margin:0 auto;max-width:750px}.ingredients-form-wrapper .atoms-inputs-text{margin-bottom:1rem}.ingredients-form-wrapper label{min-width:100px}.modal-cover{align-items:center;background:rgba(0,0,0,.4);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.modal-cover .cutom-modal{background:#fff;background:var(--light-color);height:100px;width:100px;z-index:101}.atoms-inputs-number{display:flex;font-size:1.5rem;justify-content:space-between}.atoms-inputs-number label{display:block}.atoms-inputs-number input{flex:1 1;font-size:1.5rem}.atoms-inputs-selection{display:flex;font-size:1.5rem;justify-content:space-between}.atoms-inputs-selection label{display:block}.atoms-inputs-selection input{flex:1 1;font-size:1.5rem}.atoms-inputs-text{align-items:center;display:flex;font-size:1.5rem;justify-content:space-between}.atoms-inputs-text label{display:block}.atoms-inputs-text input,.atoms-inputs-text textarea{flex:1 1;font-size:1.5rem}.molekules-two-unitinput{align-items:stretch;-webkit-column-gap:1rem;column-gap:1rem;display:flex;font-size:1.5rem;margin-bottom:2rem;width:100%}.submission-wrapper{-webkit-column-gap:2rem;column-gap:2rem;display:flex;justify-content:space-evenly;margin-top:3rem;width:100%}.submission-wrapper .submit-button{background:#ffd0e8;background:var(--primary-color);border:none;border-radius:15px;cursor:pointer;flex:1 1;font-size:1.5rem;padding:.5em 1em;transition:-webkit-filter .25s linear,-webkit-transform .1s linear;transition:filter .25s linear,transform .1s linear;transition:filter .25s linear,transform .1s linear,-webkit-filter .25s linear,-webkit-transform .1s linear}.submission-wrapper .submit-button:active,.submission-wrapper .submit-button:hover{-webkit-filter:brightness(80%);filter:brightness(80%)}.submission-wrapper .submit-button:active{-webkit-transform:scale(.9);transform:scale(.9);transition:-webkit-transform 60ms linear;transition:transform 60ms linear;transition:transform 60ms linear,-webkit-transform 60ms linear}.submission-wrapper .cancel-button{background:#ffd0e8;background:var(--primary-color);border:none;border-radius:15px;cursor:pointer;flex:1 1;font-size:1.5rem;padding:.5em 1em;transition:-webkit-filter .25s linear,-webkit-transform .1s linear;transition:filter .25s linear,transform .1s linear;transition:filter .25s linear,transform .1s linear,-webkit-filter .25s linear,-webkit-transform .1s linear}.submission-wrapper .cancel-button:active,.submission-wrapper .cancel-button:hover{-webkit-filter:brightness(80%);filter:brightness(80%)}.submission-wrapper .cancel-button:active{-webkit-transform:scale(.9);transform:scale(.9);transition:-webkit-transform 60ms linear;transition:transform 60ms linear;transition:transform 60ms linear,-webkit-transform 60ms linear}.molekuls-four-controlledform{background:#d0ffe7;background:var(--contrary-color);border-radius:1rem;flex-flow:row wrap;padding:1rem 2rem;width:100%}.molekuls-two-selectionunitinput{padding:.5rem 1rem 1rem}.molekuls-two-selectionunitinput .label-bar{align-items:center;display:flex}.molekuls-two-selectionunitinput .label-bar label{display:block;font-size:1.5rem;margin-bottom:.5rem}.molekuls-two-selectionunitinput .label-bar .atoms-actions-roundbutton{background:transparent}.molekuls-two-selectionunitinput .label-bar .atoms-actions-roundbutton svg{height:70%}.molekuls-two-selectionunitinput .inputs{align-items:stretch;-webkit-column-gap:1rem;column-gap:1rem;display:flex;justify-content:space-between;margin-top:.5rem;width:100%}.molekuls-two-selectionunitinput .inputs .atoms-inputs-number,.molekuls-two-selectionunitinput .inputs .atoms-inputs-selection{flex:1 1 33%}.divider,.molekuls-two-selectionunitinput .inputs .atoms-inputs-number input,.molekuls-two-selectionunitinput .inputs .atoms-inputs-number select,.molekuls-two-selectionunitinput .inputs .atoms-inputs-selection input,.molekuls-two-selectionunitinput .inputs .atoms-inputs-selection select{width:100%}.divider{background:#000;background:var(--dark-color);height:1px;margin:.5rem 0;opacity:.4}.recipe-form-wrapper .molekuls-two-selectionunitinput{margin:.5rem 0 1rem}.recipe-form-wrapper .atoms-layouts-center{margin-top:2rem}.molekuls-four-controlledform .molekuls-two-selectionunitinput .molekuls-two-buttonactions .atoms-actions-roundbutton{height:40px;-webkit-transform:translateY(-3px);transform:translateY(-3px);width:40px}.molekuls-four-controlledform .molekuls-two-selectionunitinput .molekuls-two-buttonactions .atoms-actions-roundbutton svg{height:100%}.molekuls-four-controlledform .molekuls-two-selectionunitinput .molekuls-two-buttonactions .atoms-actions-roundbutton:hover{-webkit-filter:brightness(120%);filter:brightness(120%);-webkit-transform:translateY(-3px) scale(1.2);transform:translateY(-3px) scale(1.2)}.molekuls-four-controlledform .molekuls-two-selectionunitinput .molekuls-two-buttonactions .atoms-actions-roundbutton:active{-webkit-filter:brightness(120%);filter:brightness(120%);-webkit-transform:translateY(-3px) scale(.9);transform:translateY(-3px) scale(.9);transition:-webkit-transform 60ms linear;transition:transform 60ms linear;transition:transform 60ms linear,-webkit-transform 60ms linear}.recipe-form-wrapper{margin:0 auto;max-width:1000px}.recipe-form-wrapper .atoms-inputs-text,.recipe-form-wrapper .molekuls-four-controlledform .molekules-two-unitinput+.recipe-form-wrapper .molekuls-three-controlledform .molekules-two-unitinput{margin-bottom:2rem}.recipe-form-wrapper label{min-width:150px}.molekuls-four-controlledform .molekules-two-unitinput .atoms-inputs-number{flex-basis:calc(50% + 50px)}.molekuls-four-controlledform .molekules-two-unitinput .atoms-inputs-number input{width:100%}.molekuls-four-controlledform .molekules-two-unitinput .atoms-inputs-selection{flex-basis:calc(50% - 50px)}.molekuls-four-controlledform .molekules-two-unitinput .atoms-inputs-selection select{width:100%}.molekules-two-tags{-webkit-column-gap:1rem;column-gap:1rem;display:flex}.molekules-two-tags .tag{background:#dedede;background:var(--primary-grey-color2);border-radius:20px;list-style:none;padding:.5rem 1rem}.molekuls-two-buttonactions{align-items:center;-webkit-column-gap:1rem;column-gap:1rem;display:flex}.atoms-layouts-spacebetween{flex:1 1}.atoms-layouts-spacebetween,.molekuls-three-listitem{align-items:center;display:flex;justify-content:space-between}.molekuls-three-listitem{background:#fff;background:var(--light-color);border-radius:20px;margin-bottom:1rem;padding:1rem;width:100%}.molekuls-three-listitem:hover{-webkit-filter:brightness(95%);filter:brightness(95%)}.atoms-actions-roundbutton{border:none;border-radius:50%;cursor:pointer;font-size:2rem;font-weight:700;height:50px;transition:-webkit-filter .25s linear,-webkit-transform .1s linear;transition:filter .25s linear,transform .1s linear;transition:filter .25s linear,transform .1s linear,-webkit-filter .25s linear,-webkit-transform .1s linear;width:50px}.atoms-actions-roundbutton:hover{-webkit-filter:brightness(80%);filter:brightness(80%);-webkit-transform:scale(1.2);transform:scale(1.2)}.atoms-actions-roundbutton:active{-webkit-filter:brightness(80%);filter:brightness(80%);-webkit-transform:scale(.8);transform:scale(.8);transition:-webkit-transform 60ms linear;transition:transform 60ms linear;transition:transform 60ms linear,-webkit-transform 60ms linear}.atoms-layouts-center{align-items:center;display:flex;justify-content:center}.organisms-ingredientslistview .item-name{width:100px}.organisms-ingredientslistview .atoms-actions-roundbutton{align-items:center;background:#ffd0e8;background:var(--primary-color);display:flex;justify-content:center}.organisms-ingredientslistview .atoms-actions-roundbutton:nth-of-type(2) svg{height:70%;-webkit-transform:translate(4px);transform:translate(4px)}.organisms-ingredientslistview .atoms-actions-roundbutton:first-of-type:hover{-webkit-filter:brightness(120%);filter:brightness(120%)}.atoms-actions-roundlink{border:none;border-radius:50%;cursor:pointer;font-size:2rem;font-weight:700;height:50px;transition:-webkit-filter .25s linear,-webkit-transform .1s linear;transition:filter .25s linear,transform .1s linear;transition:filter .25s linear,transform .1s linear,-webkit-filter .25s linear,-webkit-transform .1s linear;width:50px}.atoms-actions-roundlink:hover{-webkit-filter:brightness(80%);filter:brightness(80%);-webkit-transform:scale(1.2);transform:scale(1.2)}.atoms-actions-roundlink:active{-webkit-filter:brightness(80%);filter:brightness(80%);-webkit-transform:scale(.8);transform:scale(.8);transition:-webkit-transform 60ms linear;transition:transform 60ms linear;transition:transform 60ms linear,-webkit-transform 60ms linear}.organisms-recipeslistview .item-name{width:100px}.organisms-recipeslistview .atoms-actions-roundbutton,.organisms-recipeslistview .atoms-actions-roundlink{align-items:center;background:#ffd0e8;background:var(--primary-color);display:flex;justify-content:center}.organisms-recipeslistview .molekuls-three-listitem .atoms-actions-roundlink svg{height:70%}.organisms-recipeslistview .molekuls-three-listitem .atoms-actions-roundlink:nth-of-type(2){background:#a3a3ff}.organisms-recipeslistview .molekuls-three-listitem .atoms-actions-roundlink:first-of-type svg{-webkit-transform:translate(4px);transform:translate(4px)}.organisms-recipeslistview .molekuls-two-buttonactions .atoms-actions-roundbutton:hover{-webkit-filter:brightness(120%);filter:brightness(120%)}.organisms-recipeslistview .molekuls-two-buttonactions .atoms-actions-roundlink:hover{-webkit-filter:brightness(80%);filter:brightness(80%)}.organisms-recipeslistview .atoms-actions-roundlink:active,.organisms-recipeslistview .atoms-actions-roundlink:hover{-webkit-filter:brightness(120%);filter:brightness(120%)}.dropdown-menu{background:#dedede;background:var(--primary-grey-color2);left:0;position:absolute;right:0;top:100%;z-index:100}.dropdown-menu .dropdown-window{border-radius:10px}.dropdown-menu .dropdown-window .dropdown-item{align-items:center;background:#dedede;background:var(--primary-grey-color2);border-top:1px solid #bebebe;border-top:var(--dropdown-border);cursor:pointer;display:flex;font-size:1rem;height:50px;justify-content:center;transition:box-shadow .05s linear,-webkit-filter .2s linear;transition:filter .2s linear,box-shadow .05s linear;transition:filter .2s linear,box-shadow .05s linear,-webkit-filter .2s linear}.dropdown-menu .dropdown-window .dropdown-item:hover{box-shadow:0 0 10px -4px;-webkit-filter:brightness(80%);filter:brightness(80%)}.dropdown-menu .dropdown-window .dropdown-item:last-child{border-bottom:1px solid #bebebe;border-bottom:var(--dropdown-border)}.dropdown-menu .dropdown-window{-webkit-animation:dropdown .5s;animation:dropdown .5s}@-webkit-keyframes dropdown{0%{margin-top:-400px}to{margin-top:0}}@keyframes dropdown{0%{margin-top:-400px}to{margin-top:0}}.navbar .navbar-list .navbaritem-dropdown{align-items:center;display:flex}.navbar .navbar-list .navbaritem-dropdown svg{height:.9rem;margin-right:.5rem;-webkit-transform:translateY(2px);transform:translateY(2px);z-index:2}.navbar .navbar-list .navbaritem-dropdown .dropdown-item svg{-webkit-transform:none;transform:none}.navbar .navbar-list li+li{border-left:1px solid #bebebe;border-left:var(--navbar-border)}.navbar .navbar-list .navbaritem-dropdown:before{background:#dedede;background:var(--primary-grey-color2);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.navbar .navbar-list .navbaritem-dropdown{padding:1rem 0}.navbar .navbar-list .navbaritem-dropdown p{z-index:2}.navbar .navbar-list .navbaritem-dropdown:hover:before{box-shadow:0 0 10px -4px;-webkit-filter:brightness(80%);filter:brightness(80%)}.navbar .navbar-list .navbaritem-link{background:#dedede;background:var(--primary-grey-color2);cursor:pointer;transition:box-shadow .05s linear,-webkit-filter .2s linear;transition:filter .2s linear,box-shadow .05s linear;transition:filter .2s linear,box-shadow .05s linear,-webkit-filter .2s linear}.navbar .navbar-list .navbaritem-link a{align-items:center;color:#000;color:var(--dark-color);display:flex;height:100%;justify-content:center;padding:1rem 0;text-align:center;text-decoration:none;width:100%}.navbar .navbar-list .navbaritem-link:hover{box-shadow:0 0 10px -4px;-webkit-filter:brightness(80%);filter:brightness(80%)}.navbar .navbar-list .navbaritem-link:hover a{color:#d0ffe7;color:var(--contrary-color)}.navbar .navbar-list .navbaritem-dropdown{position:relative}
/*# sourceMappingURL=main.495a1566.css.map*/