:root{--color:#505e14;--background:#e1f5dc;--midcolor:#bed363;--categoryArticle:#c8d68b;--tooltipColor:#3c480f;--tooltipBackground:#cde9c5}body,html{width:100%;min-height:100vh;margin:0;padding:0}body{display:grid;grid-template-rows:min-content auto min-content;background-color:var(--background);font-family:Arial,Helvetica,sans-serif;color:var(--color);font-size:1rem;overflow-x:hidden}body *{background-color:var(--background);color:var(--color);background-color:transparent}a{white-space:nowrap;text-decoration:none}[tooltip]{position:relative}[tooltip]::after{font-weight:bold;content:attr(tooltip);position:absolute;top:100%;left:50%;transform:translateX(-50%);background-color:var(--tooltipBackground);color:var(--tooltipColor);padding:6px 10px;border-radius:8px;white-space:nowrap;font-size:0.85rem;opacity:0;pointer-events:none;border:1px solid var(--color);transition:opacity 0.4s ease,transform 0.4s ease;z-index:10}[tooltip]::before{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-5px);border-width:5px;border-style:solid;border-color:var(--color) transparent transparent transparent;opacity:0;pointer-events:none;transition:opacity 0.4s ease,transform 0.4s ease;z-index:9}[tooltip]:hover::after,[tooltip]:focus::after{opacity:1;transform:translateX(-50%) translateY(5px)}a:hover[tooltip]::before,a:focus[tooltip]::before{opacity:1;transform:translateX(-50%) translateY(0)}header{position:sticky;top:0;z-index:100;padding-bottom:5px;border-bottom:lightgray 1px solid;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);border-radius:20px;background:var(--background)}header .info{display:none;flex-direction:row-reverse;align-items:center;background-color:var(--midcolor);padding:4px;font-weight:bolder;font-size:smaller}header .info a{padding:4px 10px}header .info a:hover{background-color:var(--color);color:var(--background);border-radius:8px}header .selectLang{background-image:url("/img/globe.svg");background-position:left top;background-size:contain;background-repeat:no-repeat;padding-right:10px;padding-left:25px;position:relative;display:inline-block;cursor:pointer;font-weight:bold;font-size:large}header .selectLang a{padding:5px 10px}header .langContent{text-align:left;display:none;position:absolute;box-shadow:4px 4px 10px rgba(0,0,0,0.2);padding:10px;z-index:1;font-weight:normal;background-color:var(--background);flex-direction:column;width:min-content}header .selectLang:focus-within .langContent{display:flex}header .about_us{background-image:url("/img/location.svg");background-position:left top;background-size:contain;background-repeat:no-repeat;padding-left:15px;margin-left:10px;max-height:min-content}.phone,header .phone{background-image:url("/img/phone.svg");background-position:left top;background-size:contain;background-repeat:no-repeat;padding-right:10px;padding-left:15px;margin-left:10px;max-height:min-content}header .info .contact{background-image:url("/img/qr-code.svg");background-position:left top;background-size:contain;background-repeat:no-repeat;padding-right:10px;padding-left:25px;margin-left:10px;position:relative;display:inline-block;cursor:pointer}header .info .contact:hover .vCard{display:block}header .info .contact .vCard{display:none;position:absolute;box-shadow:4px 4px 10px rgba(0,0,0,0.2);padding:10px;z-index:1;width:min-content;font-weight:normal;font-size:smaller;background-color:var(--background);text-align:center}header .info .contact .vCard img{width:200px;height:200px}header .topNavigation{display:grid;gap:0;row-gap:5px;grid-template-columns:min-content 20px auto;padding:0 10px 0px 10px;margin:0}header .topNavigation .left{grid-column:1;display:flex;align-items:center;margin:0;padding:0;position:relative}header .topNavigation .left .logo{width:max-content;font-weight:bold;font-size:xx-large;cursor:pointer;display:flex;align-items:center;white-space:nowrap}.topNavigation .left .logo img{height:1em;margin-right:10px}.topNavigation .left .dropdown{position:relative;display:flex;margin-top:15px;margin-left:10px;cursor:pointer}.topNavigation .left .dropdown .menu{display:relative;margin:0 10px}.topNavigation .left .dropdown .menu span{display:block;width:30px;height:2px;background-color:black;margin-bottom:5px;transition:all ease-in 0.4s}.topNavigation .left.open .dropdown .menu span:nth-child(1){transform:rotate(45deg) translateY(10px)}.topNavigation .left.open .dropdown .menu span:nth-child(2){opacity:0;width:0}.topNavigation .left.open .dropdown .menu span:nth-child(3){transform:rotate(-45deg) translateY(-10px)}.topNavigation .left nav{display:flex;flex-flow:column;position:absolute;top:65px;left:-250px !important;padding:10px;width:200px !important;height:min-content;background-color:var(--background);box-shadow:4px 4px 10px rgba(0,0,0,0.2);z-index:0;transition:left ease-in 0.4s}.topNavigation .open nav{left:-15px !important}.topNavigation .left nav a:hover{font-weight:bold}header .searchForm{justify-self:stretch;grid-row:2;grid-column:span 3;display:flex;flex-direction:row;align-items:center;border:1px solid gray;border-radius:10px;align-items:center;padding:0 10px}header .searchForm button{background-image:url("/img/search.svg");background-size:contain;background-repeat:no-repeat;background-position:center;height:2em;width:2em;background-color:transparent;border:0;cursor:pointer;margin:0px 10px;padding:0px 0px}header .searchForm input{flex:1;margin:0px 10px;padding:0;border-width:0;box-shadow:none;background-color:transparent;font-size:1em;align-self:stretch}header .searchForm input:focus{outline:none;background-color:transparent}header .navRight{grid-column:3;display:flex;flex-direction:row;align-items:center;width:stretch;justify-content:space-evenly}main{display:grid;grid-template-rows:min-content 1fr;margin:0 1em}.mainContainer{display:flex;flex-direction:column;margin:auto;margin-bottom:10px;margin-top:20px;align-items:center;place-content:center}footer{background-color:var(--midcolor);color:var(--color);padding:5px;margin:0 10px;border-top-left-radius:8px;border-top-right-radius:8px}footer a{font-weight:bold;color:var(--color);padding:5px 10px;margin:0px 10px;text-decoration:none;white-space:nowrap}footer a:hover{background-color:var(--color);color:var(--midcolor);border-radius:8px}footer .footer_links{display:flex;flex-flow:row wrap;text-align:center;justify-content:center}footer .copyright{font-size:smaller;text-align:center}.aboutUs h2{width:auto}.aboutUs .mapOuter{border:gray 1px solid;height:400px;width:590px;margin:auto}.aboutUs .photos{margin:0 auto}.notFound{display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:center}.notFound div{background-color:yellow;margin:auto}.categoryContainer{display:flex;flex-direction:row}.categoryContainer aside{width:50%;min-width:350px}@media (max-width:700px){.categoryContainer{flex-direction:column}.categoryContainer aside{width:auto}}.categoryContainer aside article{padding-left:10px;padding-right:10px;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:justify;border-radius:10px;background:var(--categoryArticle)}.categoryContainer aside article img{justify-self:center;object-fit:cover;border:2px solid white;border-radius:50%;box-shadow:4px 4px 10px rgba(0,0,0,0.2);display:block;width:200px;height:200px}.categoryContainer .productListContainer{display:flex;flex:1 1 auto;flex-flow:row wrap;align-items:flex-start;justify-content:center;height:min-content}.privacy_policy{display:flex;flex-direction:row;align-items:flex-start}.privacy_policy span{margin-left:20px;text-align:justify}.privacy_policy h1{text-align:center}.privacy_policy img{width:200px;margin-top:80px}.gdpr_policy{display:flex;flex-direction:row;align-items:flex-start}.gdpr_policy span{margin-left:20px;text-align:justify}.gdpr_policy h1{text-align:center}.gdpr_policy img{width:200px;margin-top:80px}.productContainer{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.productContainer article{text-align:justify}.productContainer div{display:flex;text-align:justify}.productContainer .productPrices{justify-items:right}.productContainer div img{object-fit:cover;border:2px solid white;border-radius:30px;box-shadow:4px 4px 10px rgba(0,0,0,0.2);display:block;height:auto;width:100%}header .userAccount img,header .favoriteLink img,header .shoppingCart img{display:block;height:25px;width:25px}header .shoppingCart .shoppingCartCount{position:absolute;top:-5px;right:-5px;background-color:red;color:white;font-size:10px !important;font-weight:bold;border-radius:50%;width:20px;height:20px;display:flex;justify-content:center;align-items:center}.favoriteLink,.shoppingCart{margin-right:15px;position:relative;display:inline-block}.userAccount:hover,.shoppingCart:hover{cursor:pointer}.box{border:lightgray 1px solid;box-shadow:4px 4px 10px rgba(0,0,0,0.2);border-radius:20px}button{background-color:var(--midcolor);border:1px solid var(--color);border-radius:8px;font-weight:bold;font-size:1em;padding:10px 20px;margin-top:5px;margin-bottom:5px;cursor:pointer}.hidden{display:none !important}.noTextSelection{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modalPopup{top:0;left:0;width:100vw;height:100vh;position:fixed;background:gray;background-color:rgba(0,0,0,0.2);display:flex;justify-content:center;align-items:center;z-index:1000}.popup{top:0;left:0;width:100vw;height:100vh;position:fixed;background:gray;background-color:rgba(0,0,0,0.2);display:flex;justify-content:center;align-items:center;z-index:1000}.dialog{background-color:#fff;text-align:center;display:flex;flex-direction:column;padding:10px 20px;border:lightgray 1px solid;box-shadow:4px 4px 10px rgba(0,0,0,0.2);border-radius:20px}.dialogTitle{display:flex;justify-content:space-between;padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid gray;white-space:nowrap;font-weight:bold;justify-content:space-between;align-content:center}.dialogTitle .closeBtn{background-image:url('/img/close.svg');background-position:center;background-repeat:no-repeat;background-size:cover;height:1.3em;width:1.3em;margin-left:20px;cursor:pointer;vertical-align:middle}::placeholder{color:var(--color);opacity:0.6;font-style:italic}input,textarea{width:auto;padding:8px;margin:5px 0 0px 0;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:1em;background-color:inherit}select{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;font-size:16px;color:#333;cursor:pointer}select:hover{border-color:#007bff}select:focus{outline:none;border-color:#0056b3;box-shadow:0 0 3px rgba(0,123,255,0.5)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}select{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23000" d="M2 0L0 2h4z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:12px}select:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}option{background-color:#ffffff;color:#333333;font-size:16px;padding:10px}option:hover{background-color:#007bff;color:#ffffff}option:disabled{background-color:#e9ecef;color:#6c757d}.switch{position:relative;display:inline-block;width:50px;height:25px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#f14848;transition:0.4s;border-radius:25px}.slider:before{position:absolute;content:"";height:19px;width:19px;left:3px;bottom:3px;background-color:white;transition:0.4s;border-radius:50%}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translateX(25px)}input:focus+.slider{box-shadow:0 0 1px 1px rgba(0,123,255,0.6);outline:none}input:focus+.slider:before{background-color:rgb(232,242,117)}img{pointer-events:none}.category{margin:20px;display:flex;flex-direction:column;width:min-content;justify-content:center}.category img{margin:10px;object-fit:cover;border:2px solid white;border-radius:100px;box-shadow:4px 4px 10px rgba(0,0,0,0.5);display:block;width:200px;height:200px}.category:hover img{margin:5px;width:210px;height:210px;border-color:gold;border-radius:105px}.category span{margin:10px;font-weight:bold;text-align:center;white-space:wrap;font-style:italic}.product{position:relative;margin:20px;display:flex;flex-direction:column;width:min-content;justify-content:center}.product img{margin:10px;object-fit:cover;border:2px solid rgb(218,248,120);border-radius:30px;box-shadow:4px 4px 10px rgba(0,0,0,0.5);display:block;width:200px;height:200px}.product:hover img{margin:5px;width:210px;height:210px;border-color:gold}.product span{margin:10px;font-weight:bold;white-space:wrap;text-align:center;font-style:italic}.cover{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.favorite{position:absolute;top:2em;right:1em;background:url(/img/favorite.svg) no-repeat center;background-size:contain;cursor:pointer;transition:transform 0.2s ease-in-out;width:34px;height:34px;z-index:2}.favorite:hover{transform:scale(1.2)}.favorite.isFavorite{background:url(/img/favorite-red.svg) no-repeat center !important}.priceList{position:relative;display:flex;flex-direction:column;justify-content:center}.priceList button{margin-top:20px;font-size:1rem}.priceList .productPrices{display:grid;margin:auto;margin-top:10px;row-gap:10px;column-gap:30px;grid-template-columns:max-content max-content}.vcard img{max-width:300px;max-height:300px}@media (max-width:599px){header{margin:0}}@media (min-width:600px) and (max-width:1023px){header .info{display:none}}@media (min-width:1024px){body{padding:0px 0px}header{padding-bottom:0;margin:0 10px}header .info{display:flex}header .searchForm{grid-row:1;grid-column:2;width:35vw;margin:5px 0}header .searchForm{justify-self:center}.userAccount img,.favoriteLink img,.shoppingCart img{height:30px;width:30px}header .topNavigation{grid-template-columns:min-content auto min-content}.productContainer{display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:space-between}.productContainer article{flex:0 1 65%;max-width:100%;min-height:80%;text-align:justify}.productContainer>div{flex:0 1 30%;max-width:40%;display:flex;padding-top:20px;text-align:justify;justify-items:right;align-items:top}.productContainer div img{object-fit:cover;border:2px solid white;border-radius:30px;box-shadow:4px 4px 10px rgba(0,0,0,0.4);display:block;height:auto;width:100%}}.step-navigation{display:flex;align-items:center;justify-content:space-between;width:94vw}.deliveryMobile .nav-button,.step-navigation .nav-button{background-color:var(--midcolor);color:var(--color);padding:10px 20px;font-weight:bold;border-radius:8px;cursor:pointer;transition:background-color 0.3s ease;position:relative;display:inline-flex;align-items:center;gap:10px;margin:10px}.step-navigation_mobile{display:flex;flex-direction:column;align-items:center}.step-navigation_mobile img{height:80px;margin-bottom:10px}@media (min-width:800px){.step-navigation_mobile{display:none}}.step-navigation_mobile .nav-button.previous .arrow,.step-navigation .nav-button.previous .arrow{content:'';width:10px;height:10px;border-top:3px solid var(--color);border-left:3px solid var(--color);transform:rotate(-45deg);display:inline-block}.step-navigation .nav-button.next .arrow{content:'';width:10px;height:10px;border-top:3px solid var(--color);border-right:3px solid var(--color);transform:rotate(45deg);display:inline-block}.step-navigation .nav-button:disabled{visibility:hidden}.step-navigation .step-indicator{display:flex;justify-content:space-between;align-items:flex-start;position:relative;padding:20px 10px;background-color:#f8f8f8;border:1px solid lightgray;border:2px solid lightgray;border-radius:8px;box-shadow:4px 4px 10px rgba(0,0,0,0.2);margin:10px 0;flex:1}.step-navigation .step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;position:relative}.step-navigation .step img{width:50px;height:50px;margin-bottom:10px;z-index:2}.step-navigation .step p{margin:0;font-size:14px;margin-bottom:10px;z-index:3;position:relative;background-color:#f8f8f8}.step-navigation .bullet{width:24px;height:24px;background-color:var(--midcolor);color:var(--color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1em;font-weight:bold;position:relative;z-index:3;margin-top:5px;border:1px solid #b3b3b3}.step-navigation .step::after{content:'';position:absolute;top:102px;left:50%;width:100%;height:6px;background-color:lightgray;z-index:1}.step-navigation .step-indicator .step.completed::after{background-color:#28a745}.step-navigation .step:last-child::after{display:none}.step-navigation .step-indicator .step.active .bullet{color:var(--background);background-color:var(--color)}.step-navigation .step-indicator .step.completed .bullet{background-color:#28a745}.step-navigation .step-indicator .step.completed .bullet::before{content:"✔";color:#fff;font-size:1em;font-weight:bold;display:block;position:absolute}.step-navigation .step-indicator .step:not(.completed) .bullet::before{content:""}@media (max-width:800px){.step-navigation{display:none}.step-navigation .step p{font-size:12px}.step-navigation .bullet{width:20px;height:20px}}.panelContainer{display:flex;flex-direction:column;align-items:center;align-content:center;border-radius:8px;border:1px solid lightgray;box-shadow:4px 4px 10px rgba(0,0,0,0.2);background:#ffffff}.orderSummary{display:flex;flex-direction:column;gap:10px;padding:20px;background:#ffffff;border-radius:8px;box-shadow:4px 4px 10px rgba(0,0,0,0.2);box-sizing:border-box;width:100%;height:fit-content;white-space:nowrap}@media (min-width:600px){.orderSummary{width:fit-content}}.orderSummary div{flex:1;display:flex;flex-direction:row;gap:10px;width:100%;justify-content:space-between}@media (max-width:800px){.dropdown.deliveryArea.dropdown-label{display:flex;flex-direction:column;gap:5px}}