.header-nav{z-index:100;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#ffffffa8;width:100%;margin-bottom:3rem;padding:1rem 0;position:fixed;top:0;box-shadow:0 0 22px -2px #cecece}.header-nav .nav-inner{text-align:center;grid-template-columns:auto 1fr auto;max-width:1300px;margin:auto;display:grid}.header-nav a.router-link-exact-active:not(.home-link),.header-nav a:hover{color:var(--secondary-color)}.nav-main-container{justify-content:space-between;display:flex}.home-link{margin-right:2rem;font-size:2rem}.nav-brand{align-items:flex-start;font-weight:700;display:flex}.nav-links,.nav-login,.nav-profile,.nav-extra-items{align-items:center;display:flex}.nav-item{cursor:pointer;padding:.5rem .5rem .5rem 0;text-decoration:none}.nav-profile{background-color:var(--light-grey);border-radius:50%;padding:.5rem}.nav-mobile-menu{align-items:center;display:none}.nav-close-icon{display:none}.nav-mobile-show .nav-close-icon{display:initial}.nav-mobile-show .nav-menu-icon{display:none}@media (width<=1500px){.header-nav .nav-inner{width:80vw;margin-left:10vw;margin-right:10vw}}@media (width<=768px){.nav-mobile-menu{justify-content:flex-end;display:flex}.home-link{font-size:1.5rem}.nav-profile{background-color:#0000}.nav-profile:after{content:"Profile";margin-left:.5rem}.nav-main-container{display:none}.nav-mobile-show .nav-main-container{grid-area:main}.nav-mobile-show .nav-brand{text-align:left;grid-area:brand}.nav-mobile-show .nav-mobile-menu{grid-area:menu}body.nav-mobile-show{width:100%;height:100%;position:fixed;overflow:hidden}.nav-mobile-show nav,.nav-mobile-show .nav-inner{height:100vh}.nav-mobile-show .nav-inner{grid-template:"brand menu""main main"1fr/1fr auto}.nav-mobile-show .nav-main-container{flex-direction:column;align-items:flex-start;margin:2rem 0 3rem;display:flex}.nav-links>.nav-item{font-size:1.7rem;font-weight:light;padding-top:1.2rem;padding-bottom:1.2rem}.nav-links>.nav-item:after{content:"";background-image:url(/img/chevron-forward-outline.65e801bd.svg);background-position:50%;background-repeat:no-repeat;width:20px;height:100%;display:inline-block}.nav-mobile-show .nav-links{flex-direction:column;align-items:flex-start}.nav-mobile-show .nav-extra-items{border-top:1px solid var(--dark-grey);width:100%;padding-top:.8rem}}@media (width<=550px){.header-nav .nav-inner{width:90vw;margin-left:5vw;margin-right:5vw}}footer{border-top:1px solid var(--light-grey);padding:1rem}.footer-content{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.footer-content .footer-link:hover{color:var(--secondary-color)}.footer-brand-name{cursor:default;margin-top:1rem;font-size:smaller}:root{--main-color:#212e2f;--secondary-color:#c3a452;--tertiary-color:#fdfdfa;--dark-grey:#333;--light-grey:#e3e3e3;--light-font:#fdfdfa}html{box-sizing:border-box;background-color:var(--tertiary-color)}:visited,:active,a,ion-icon{color:var(--dark-grey)}*{margin:0;padding:0}*,:before,:after{box-sizing:inherit;font-family:Avenir,Helvetica,Arial,sans-serif}h1,h2{padding-bottom:1rem}main{width:auto;max-width:1300px;height:100%;margin:10vw auto}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--dark-grey)}.construction{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.app-container>div>:nth-child(2){margin-top:10rem}ion-icon{font-size:1.5rem}@media (width<=1500px){main{margin-left:10vw;margin-right:10vw}}@media (width<=550px){main{margin-left:5vw;margin-right:5vw}}.chip{cursor:pointer;background-color:#e1e1e1;border-radius:20px;align-items:center;height:100%;display:inline-flex;overflow:hidden}.chip span{padding:.3rem .7rem;display:inline-block}.chip img{height:100%}.chip--close{background-color:#0000;border:none;height:100%;padding:0 .25rem 0 0;display:inline-flex}.card{background-position:50%;background-size:cover;border-radius:10px;align-items:flex-end;height:100%;display:grid;overflow:hidden}.card *{color:#ebebeb}.card-content{text-align:left;background:linear-gradient(#01010100 0%,#000000e3 50%);flex-direction:column;justify-content:space-evenly;max-height:50%;padding:20px;display:flex}.card-content .recipe-author{margin-top:1rem;font-size:.5rem}.card-content h2{margin:0 0 1rem}.card-content ul{list-style:none}h2{padding:initial;font-size:2rem}.search[data-v-3c837fcb],.search-wrapper[data-v-3c837fcb]{flex-direction:column;justify-content:flex-start;gap:1rem;display:flex}.search-wrapper[data-v-3c837fcb]{min-height:200px}.search form[data-v-3c837fcb]{border-radius:22px;width:100%;box-shadow:0 0 6px #74747480}.search-button-container[data-v-3c837fcb]{width:20px;height:20px;margin-right:10px}.search-input-wrapper button[data-v-3c837fcb]{all:unset;cursor:pointer;width:100%;height:100%;margin-right:10px;display:block}.search svg[data-v-3c837fcb]{box-sizing:border-box;color:#fff;margin:5px}ol.results>li[data-v-3c837fcb]{cursor:pointer;padding:.25rem 0}ol.results>li[data-v-3c837fcb]:hover{text-decoration:underline}[data-v-3c837fcb]::placeholder{opacity:.4}#query-form[data-v-3c837fcb]:focus-within{outline:2px solid #8e8e8e24}.search-result-wrapper[data-v-3c837fcb]{width:100%;height:0;transition:height .3s ease-out;overflow:hidden}.search-result-wrapper ul[data-v-3c837fcb],.search-result-wrapper ol[data-v-3c837fcb]{border-top:1px solid #8e8e8eac;padding:.5rem 1.5rem;list-style:none}#query-form:focus-within .search-result-wrapper[data-v-3c837fcb],.search-result-wrapper[data-v-3c837fcb]:hover{height:auto;max-height:200px}.search-input-wrapper[data-v-3c837fcb]{justify-content:center;align-items:center;width:100%;height:44px;display:flex}input#search-input[data-v-3c837fcb]:focus{outline:none}.search ion-icon.search-icon[data-v-3c837fcb]{cursor:pointer;padding:0 1rem}.search input[data-v-3c837fcb]{height:100%;width:inherit;text-overflow:ellipsis;border:none;margin:0 1rem;font-size:1.2rem}.search input[type=search][data-v-3c837fcb]{background-color:#0000!important}.search input[type=search][data-v-3c837fcb]::-moz-search-decoration{display:none}.search input[type=search][data-v-3c837fcb]::-webkit-search-decoration{display:none}.filter-container[data-v-3c837fcb]{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.selected-ingredients-list[data-v-3c837fcb]{flex-wrap:wrap;gap:10px;display:flex}.search[data-v-fc32d85d],.search-wrapper[data-v-fc32d85d]{flex-direction:column;justify-content:center;gap:1rem;display:flex}.search form[data-v-fc32d85d]{border-radius:22px;width:100%;box-shadow:0 0 6px #74747480}.search-button-container[data-v-fc32d85d]{width:20px;height:20px;margin-right:10px}.search-input-wrapper button[data-v-fc32d85d]{all:unset;cursor:pointer;width:100%;height:100%;margin-right:10px;display:block}.search svg[data-v-fc32d85d]{box-sizing:border-box;color:#fff;margin:5px}ol.results>li[data-v-fc32d85d]{cursor:pointer;padding:.25rem 0}ol.results>li[data-v-fc32d85d]:hover{text-decoration:underline}[data-v-fc32d85d]::placeholder{opacity:.4}#query-form[data-v-fc32d85d]:focus-within{outline:2px solid #8e8e8e24}.search-result-wrapper[data-v-fc32d85d]{width:100%;height:0;transition:height .3s ease-out;overflow:hidden}.search-result-wrapper ul[data-v-fc32d85d],.search-result-wrapper ol[data-v-fc32d85d]{border-top:1px solid #8e8e8eac;padding:.5rem 1.5rem;list-style:none}#query-form:focus-within .search-result-wrapper[data-v-fc32d85d],.search-result-wrapper[data-v-fc32d85d]:hover{height:200px}.search-input-wrapper[data-v-fc32d85d]{justify-content:center;align-items:center;width:100%;height:44px;display:flex}input#search-input[data-v-fc32d85d]:focus{outline:none}.search ion-icon.search-icon[data-v-fc32d85d]{cursor:pointer;padding:0 1rem}.search input[data-v-fc32d85d]{height:100%;width:inherit;text-overflow:ellipsis;border:none;margin:0 1rem;font-size:1.2rem}.search input[type=search][data-v-fc32d85d]{background-color:#0000!important}.search input[type=search][data-v-fc32d85d]::-moz-search-decoration{display:none}.search input[type=search][data-v-fc32d85d]::-webkit-search-decoration{display:none}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.index-page>section+section{margin-top:4rem}.swiper{width:100%}.home-search-wrapper{width:100%;max-width:584px;min-height:60vh}.home-search-wrapper h1{font-size:3rem}h1{margin-bottom:2rem}h2{margin-bottom:1rem}.search-type-ingredients{position:relative}.search-type-toggle-nudge{text-align:center;filter:brightness();background-color:#caf5ff;border-radius:.5rem;width:200px;padding:.25rem .5rem;animation:1s ease-out 3 nudgeBounce;display:block;position:absolute;top:-200%;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 2px 11px #d1d1d1}@keyframes nudgeBounce{0%{top:-200%}50%{top:-180%}to{top:-200%}}.search-type-toggle-nudge:after{content:"";background-color:#caf5ff;width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:rotate(45deg)}.search-type-toggle-nudge.nudge-hide{opacity:0;transition:opacity 1s}.search-type-toggle{align-items:center;gap:10px;margin-bottom:1rem;display:flex}.search-type-button{all:unset}.search-type-toggle-item{cursor:pointer;color:var(--primary-color);text-underline-offset:.6ch;line-height:1.6;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.search-type-toggle-item.selected{text-decoration:underline;-webkit-text-decoration-color:var(--secondary-color);text-decoration-color:var(--secondary-color);font-weight:700}.search-type-toggle input{display:none}a:not(nav a){color:inherit;text-decoration:none}.card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-auto-rows:460px;gap:10px;display:grid}.card-wrapper{width:100%;min-width:230px;max-width:460px;height:460px;display:inline-block}@media (width<=768px){.search-wrapper h1{font-size:2.2rem;line-height:3rem}}.preview-image-container{justify-items:start;height:auto;display:flex}.preview-image{aspect-ratio:1;background-position:50%;background-size:cover;border-radius:100%;width:auto;max-width:50px;max-height:50px}.preview-image+.preview-image{margin-left:5px}.add-element-wrapper{text-align:center;justify-content:center;height:2rem;margin:15px 10px 0;display:flex}.form-section legend{padding:0 .7rem}.form-field-wrapper{align-items:center;display:flex;position:relative}.form-field-wrapper>label{color:gray;font-size:small;transition:all .15s ease-in-out;position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}.form-field-wrapper>input:focus+label,.form-field-wrapper>input:not(:placeholder-shown)+label{background-color:#fff;padding:0 .5rem;font-size:x-small;top:-25%;transform:translateY(0)}.form-field-wrapper>input::placeholder{color:#0000}.form-field-wrapper>input{width:100%;height:100%}.add-element{height:inherit;background-color:none;text-align:center;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20id='Outline'%20viewBox='0%200%2024%2024'%20width='512'%20height='512'%3e%3cpath%20d='M23,11H13V1a1,1,0,0,0-1-1h0a1,1,0,0,0-1,1V11H1a1,1,0,0,0-1,1H0a1,1,0,0,0,1,1H11V23a1,1,0,0,0,1,1h0a1,1,0,0,0,1-1V13H23a1,1,0,0,0,1-1h0A1,1,0,0,0,23,11Z'/%3e%3c/svg%3e") .7rem/15px no-repeat;padding-left:2.5rem}.recipe-create-form{border:1px solid #64646f33;border-radius:10px;grid-auto-rows:minmax(2rem,auto);gap:10px;min-width:320px;max-width:40rem;margin:auto;padding:20px;display:grid}.ingredients-grid{grid-auto-rows:minmax(2rem,auto);gap:5px;display:grid}.ingredient{grid-template-columns:3rem 5rem auto;gap:5px;display:grid}.boxshadow{box-shadow:0 7px 29px #64646f33}input,textarea,.add-element{border:1px solid #64646f33;border-radius:10px}fieldset{border:1px solid #64646fb3;border-radius:10px;padding:20px}.custom-file-input input[type=file]{display:none}.custom-file-input input[type=button]{width:100%;height:100%}.preparationSteps-grid{grid-auto-rows:minmax(2rem,auto);gap:10px;display:grid}.preparationStep{grid-auto-rows:minmax(2rem,auto);gap:5px;display:grid}input{max-height:2rem;padding:0 .5rem}input[type=submit]{color:#fff;background-color:#006400}form>h2{margin:0;font-size:1.5rem}textarea{max-height:inherit;resize:none;padding:.5rem}.login-form{border:1px solid #64646f33;border-radius:10px;grid-auto-rows:minmax(2rem,auto);gap:10px;min-width:320px;max-width:40rem;margin:auto;padding:20px;display:grid}.recipe-pdp-content{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:2rem;width:auto;height:100%;display:grid}.ingredients-wrapper table,.ingredients-wrapper-sticky table{width:100%;max-height:50vh;display:grid;overflow-y:auto}.ingredients-wrapper tr+tr,.ingredients-wrapper-sticky tr+tr,.preparationSteps-wrapper .preparationStep+.preparationStep{border-collapse:collapse;border-top:1px solid #0000001c}.preparationSteps-wrapper .preparationStep+.preparationStep{margin:1rem 0}.ingredients-wrapper tr,.ingredients-wrapper-sticky tr,.preparationSteps-wrapper .preparationStep{padding:.5rem}.ingredients-wrapper tr td:first-child,.ingredients-wrapper-sticky tr td:first-child{width:150px;padding-left:1rem}.img-wrapper>img{aspect-ratio:5/4;object-fit:cover;object-position:center}.recipe-pdp-wrapper img{width:100%}.ingredients-wrapper-sticky{cursor:pointer;background-color:#fff;padding:10px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 0 22px -2px #cecece}.ingredients-wrapper-sticky.visible{display:block}.ingredients-wrapper-sticky>h2{align-items:center;margin-left:2rem;display:flex}.ingredients-wrapper-sticky.dropdown-closed>h2{margin-bottom:0}.ingredients-wrapper-sticky:not(.dropdown-closed) .chevron-up-outline{transform:rotate(180deg)}.ingredients-wrapper-sticky .chevron-up-outline{margin-left:.5rem}.ingredients-wrapper-sticky.dropdown-closed>table{display:none}.impressum{min-height:100vh}.impressum h1{padding:0}.impressum h3{margin:1rem 0}