.catering-off {
opacity: 0 !important;
pointer-events: none !important;
}
.catering-off + .boxed-page #templates-container ~ * {
pointer-events: none;
}
.catering-off + .boxed-page #templates-container ~ * * {
pointer-events: none;
}
.catering-on {
transform: translateX(-50%) translateY(-50%) !important;
transition-duration: .3s !important;
}
.catering-out {
transform: translateX(50vw) translateY(-50%) !important;
transition-duration: .3s !important;
}
.catering-waiting {
pointer-events: none;
}
.catering-waiting .waiting-icon {
display: block;
}
.catering-waiting .initial-icon {
display: none;
}
.catering-ready {
opacity: 1 !important;
pointer-events: all !important;
}
.catering-here, .focus-highlight-enabled *:focus {
outline: 3px dashed #fa0 !important;
outline-offset: 10px;
}
.catering-inactive {
filter: grayscale(100%);
pointer-events: none;
}
.catering-shown {
opacity: 1 !important;
transform: scale(1) !important;
}
.catering-none {
display: none !important;
}
body:not([data-catering-shop="events"]) [data-catering-type="events"],
body:not([data-catering-shop="business"]) [data-catering-type="business"] {
display: none !important;
} .catering-highlight {
color: #72A862;
}
.catering-attention {
color: #ED6954;
} #order-now-button {
display: none;
}
.boxed-page {
z-index: 100;
position: relative;
}
.content-area {
padding-top: 0 !important;
}
#templates-container {
display: none;
}
#loadingIndicator {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 400px;
height: 240px;
max-width: 100%;
box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
z-index: 999999;
box-sizing: content-box;
padding: 10px 18px;
background: rgba(255, 255, 255, .95);
border-radius: 10px;
}
#loadingIndicator svg {
display: block;
width: 90px;
height: 106px;
object-fit: contain;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
#loadingIndicator .waiting-icon {
display: block;
}
select, option, input {
font-family: inherit !important;
}
.clickarea {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
cursor: pointer;
} #country-selector {
display: flex;
flex-direction: column;
width: 900px;
max-width: calc(100vw - 2 * 30px);
max-height: calc(100vh - 90px - 30px);
overflow: auto;
transform: translateX(calc(-50vw - 100%)) translateY(-50%);
transition: transform 0s;
position: fixed;
top: 41%;
left: 50%;
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
border-radius: 10px;
padding: 69px 30px 51px 30px;
margin-bottom: 90px;
z-index: 999999;
}
@media (max-width: 1023px) {
#country-selector {
top: 50%;
}
}
@media (max-height: 719px) {
#country-selector {
top: 50%;
}
}
#country-selector h1 {
font-style: normal;
font-weight: 300;
font-size: 30px;
line-height: 32px;
text-align: center;
letter-spacing: 0.11em;
text-transform: uppercase;
color: #6F7072;
margin: 0;
}
#country-selector .image-container {
width: 90px;
height: 106px;
margin: 23px auto 10px;
position: relative;
flex: 1 0 139px;
}
#country-selector .image-container svg {
width: 100%;
height: 100%;
object-fit: contain;
position: absolute;
top: 0;
left: 0;
}
#country-selector p {
font-weight: 400;
font-size: 18px;
line-height: 30px;
text-align: center;
letter-spacing: 0.11em;
text-transform: uppercase;
color: #4F614F;
margin-bottom: 35px;
}
.country-btn-container {
width: 689px;
max-width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
margin: auto;
gap: 2%;
row-gap: 30px;
margin-bottom: 30px;
}
#country-selector .catering-btn {
flex: 0 0 calc(50% - 7.5px);
margin-bottom: 0 !important;
}
@media (max-width: 1023px) {
#country-selector .catering-btn {
flex-basis: 100%;
}
}
.waiting-icon {
display: none;
} #country-locations {
margin-top: 91px;
background: #F5F5F5;
padding: 22px 0 30px;
opacity: 1;
pointer-events: all;
transition: opacity .3s;
}
.country-locations-content {
position: relative;
margin: 0 auto;
width: 1114px;
max-width: 100%;
}
@media (max-width: 1023px) {
.country-locations-content {
max-width: 100%;
}
}
@media (min-width: 1024px) {
.country-locations-content {
max-width: calc(100% - 160px);
padding: 0 80px;
box-sizing: content-box;
}
}
.locations {
display: flex;
justify-content: space-between;
width: 100%;
column-gap: 30px;
}
#country-locations p {
font-weight: 400;
font-size: 18px;
line-height: 30px;
text-align: center;
letter-spacing: 0.11em;
text-transform: uppercase;
color: #4F614F;
margin-bottom: 35px;
margin-top: 0;
}
.country-locations-container {
width: calc(100% - 392px);
max-width: 100%;
position: relative;
margin: 30px auto 0;
}
.locations-text > div {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 30px;
}
.country-locations-select label {        
text-transform: uppercase;
margin-top: 0 !important;
padding-bottom: 3px;
font-weight: 400;
font-size: 14px;
line-height: 20px;
}
.catering-btn {
background-color: #72a862 !important;
color: #ffffff !important;
font-size: 22px !important;
font-weight: 300;
line-height: 19px !important;
text-align: center !important;
padding: 11px 20px !important;
opacity: 1;
transition: opacity .3s;
}
.catering-btn:hover {
opacity: 0.7;
}
.locations-btn {
background: #72a862 url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuOTQ1MzEgOC40MjM4M1Y3SDE1LjA1NDdWOC40MjM4M0gzLjk0NTMxWk0xNi42MTkxIDAuMjVDMTcuMTQ2NSAwLjI1IDE3LjU4NTkgMC40NDMzNTkgMTcuOTU1MSAwLjgzMDA3OEMxOC4zMDY2IDEuMjE2OCAxOC41IDEuNjczODMgMTguNSAyLjIwMTE3VjEyLjg1MzVDMTguNSAxMy4zODA5IDE4LjMwNjYgMTMuODM3OSAxNy45NTUxIDE0LjE4OTVDMTcuNTg1OSAxNC41NDEgMTcuMTQ2NSAxNC43MTY4IDE2LjYxOTEgMTQuNzE2OEg4LjUzMzJMMy42NDY0OCAxNy40OTQxVjE0LjcxNjhIMi4zODA4NkMxLjg1MzUyIDE0LjcxNjggMS4zOTY0OCAxNC41NDEgMS4wNDQ5MiAxNC4xODk1QzAuNjc1NzgxIDEzLjgzNzkgMC41IDEzLjM4MDkgMC41IDEyLjg1MzVWMi4yMDExN0MwLjUgMS42NzM4MyAwLjY3NTc4MSAxLjIxNjggMS4wNDQ5MiAwLjgzMDA3OEMxLjM5NjQ4IDAuNDQzMzU5IDEuODUzNTIgMC4yNSAyLjM4MDg2IDAuMjVIMTYuNjE5MVpNMTcuMTQ2NSAxMi44NTM1VjIuMjAxMTdDMTcuMTQ2NSAyLjA2MDU1IDE3LjA5MzggMS45Mzc1IDE2Ljk4ODMgMS44MzIwM0MxNi44ODI4IDEuNzI2NTYgMTYuNzU5OCAxLjY3MzgzIDE2LjYxOTEgMS42NzM4M0gyLjM4MDg2QzIuMjIyNjYgMS42NzM4MyAyLjA5OTYxIDEuNzI2NTYgMS45OTQxNCAxLjgzMjAzQzEuODg4NjcgMS45Mzc1IDEuODUzNTIgMi4wNjA1NSAxLjg1MzUyIDIuMjAxMTdWMTIuODUzNUMxLjg1MzUyIDEzLjAxMTcgMS44ODg2NyAxMy4xMzQ4IDEuOTk0MTQgMTMuMjQwMkMyLjA5OTYxIDEzLjM0NTcgMi4yMjI2NiAxMy4zODA5IDIuMzgwODYgMTMuMzgwOUg1VjE1LjEwMzVMOC4xNDY0OCAxMy4zODA5SDE2LjYxOTFDMTYuNzU5OCAxMy4zODA5IDE2Ljg4MjggMTMuMzQ1NyAxNi45ODgzIDEzLjI0MDJDMTcuMDkzOCAxMy4xMzQ4IDE3LjE0NjUgMTMuMDExNyAxNy4xNDY1IDEyLjg1MzVaTTMuOTQ1MzEgNi4wMzMyVjQuNTkxOEgxNS4wNTQ3VjYuMDMzMkgzLjk0NTMxWk0zLjk0NTMxIDEwLjc0NDFWOS40MDgySDEzLjQ3MjdWMTAuNzQ0MUgzLjk0NTMxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==") 47.5px center no-repeat !important;
color: #ffffff !important;
font-weight: 600;
font-size: 20px !important;
line-height: 20px !important;
text-align: center !important;
padding: 10px 47.5px 10px 79.5px !important;
text-transform: none !important;
position: relative;
text-align: left !important;
display: inline-block;
}
.country-locations-select {
margin-top: 8px;
margin-bottom: 30px;
}
#city {
padding: 8px 18px;
margin-bottom: 0;
width: 256px;
height: 43px;
border: 1px solid #CCCCCC;
border-radius: 3px;
outline: none;
cursor: pointer;
opacity: 1;
transform-origin: 0% 50%;
transition: opacity .3s, transform .3s;
}
@media (min-width: 1024px) {
#city:not([disabled]):hover {
opacity: .7;
transform: scale(1.09);
}
}
#city[disabled] {
cursor: auto;
}
.country-locations-text {
flex: 1 1 calc((100% - 2 * 30px) / 3);
}
.mobile-drop-down {
position: relative;
font-weight: 300;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
margin-top: 5px;
}
.mobile-drop-down:after {
content: "";
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyNyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0LjM5MjYgMC45ODA0NjlDMjQuNTY0NSAwLjc2NTYyNSAyNC44MjIzIDAuNjM2NzE5IDI1LjE2NiAwLjYzNjcxOUMyNS41MDk4IDAuNjM2NzE5IDI1Ljc2NzYgMC43NjU2MjUgMjYuMDI1NCAwLjk4MDQ2OUMyNi4yNDAyIDEuMjM4MjggMjYuMzY5MSAxLjQ5NjA5IDI2LjM2OTEgMS43OTY4OEMyNi4zNjkxIDIuMTQwNjIgMjYuMjQwMiAyLjM5ODQ0IDI2LjAyNTQgMi42MTMyOEwxNC4yOTQ5IDE0LjMwMDhDMTQuMTY2IDE0LjQyOTcgMTQuMDM3MSAxNC41MTU2IDEzLjkwODIgMTQuNTU4NkMxMy43NzkzIDE0LjY0NDUgMTMuNjUwNCAxNC42NDQ1IDEzLjQ3ODUgMTQuNjQ0NUMxMy4zMDY2IDE0LjY0NDUgMTMuMTc3NyAxNC42NDQ1IDEzLjA0ODggMTQuNTU4NkMxMi45MTk5IDE0LjUxNTYgMTIuNzkxIDE0LjQyOTcgMTIuNzA1MSAxNC4zMDA4TDAuOTc0NjA5IDIuNjEzMjhDMC43MTY3OTcgMi4zOTg0NCAwLjYzMDg1OSAyLjE0MDYyIDAuNjMwODU5IDEuNzk2ODhDMC42MzA4NTkgMS40OTYwOSAwLjcxNjc5NyAxLjIzODI4IDAuOTc0NjA5IDAuOTgwNDY5QzEuMTg5NDUgMC43NjU2MjUgMS40NDcyNyAwLjYzNjcxOSAxLjc5MTAyIDAuNjM2NzE5QzIuMDkxOCAwLjYzNjcxOSAyLjM0OTYxIDAuNzY1NjI1IDIuNjA3NDIgMC45ODA0NjlMMTMuNTIxNSAxMS44OTQ1TDI0LjM5MjYgMC45ODA0NjlaIiBmaWxsPSIjNzJBODYyIi8+Cjwvc3ZnPgo=");
width: 33px;
height: 20px;
position: absolute;
display: block;
top: 0;
right: 0;
background-repeat: no-repeat;
background-position: center;
}
.mobile-drop-down:focus + .locations-text {
display: block;
}
@media (min-width: 1024px) {
.mobile-drop-down {
display: none;
}
}
@media (max-width: 1023px) {
.locations, #country-locations, .country-locations-container {
flex-direction: column;
} 
#country-locations {
padding: 22px 30px 30px;
margin-top: 0;
}
.smartbanner + #st-container #country-locations {
margin-top: 40px;
}
.country-locations-container {
flex-direction: column;
margin: 0 0 38px;
}
.country-locations-select {
display: flex;
flex-direction: column;
}
#city {
margin-bottom: 10px;
}
.locations-text {
display: none;
}
.locations-text > div {
flex-direction: column;
}
.country-locations-text:first-child {
margin-top: 30px;
}
#city, .country-locations-container, .locations-btn {
width: 100%;
}
.locations-btn {
text-align: center !important;
}
}
#customCateringRequest, #cateringTypeSwitch {
margin-top: 10px;
vertical-align: top;
}
#cateringTypeSwitch {
border-radius: 3px;
border: 1px solid #6BAB6A;
padding: 9px 20px 7px 49px;
box-sizing: border-box;
background: url(//deananddavid.com/wp-content/themes/shopkeeper-child/catering-page/ico_anfrage.svg) no-repeat 20px center / 15px auto ;
color: #72A862;
font-family: inherit !important;
font-size: 18px !important;
line-height: 24px;
text-transform: none;
cursor: pointer;
}
@media (min-width: 1024px) {
#cateringTypeSwitch {
margin-left: 27px;
}
} #cateringPageContainer {
position: relative;
padding: 0px 20px;
margin: 0 -20px;
}
.catering-page {
position: relative;
opacity: 1;
transition: all .3s;
z-index: 2;
}
.catering-page.catering-off {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
} .category-title {
color: #72A862;
padding-top: 90px;
margin-top: 0;
font-size: 32px;
line-height: 32px;
text-transform: uppercase;
}
.category-text {
font-size: 14px;
line-height: 20px !important;
}
.articles-container {
margin-top: 30px;
border-top: 1px solid #6BAB6A;
display: flex;
flex-wrap: wrap;
gap: 30px;
} #categoryMenuWrapper {
position: fixed;
left: 0;
top: 30%;
z-index: 999;
opacity: 0;
pointer-events: none;
}
#category-menu-container {
height: 253px;
width: 60px;
background-color: #72A862;
box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
border-radius: 0px 3px 3px 0px;
transition: all .3s;
cursor: pointer;
}
#category-menu-container::before {
content: "";
width: 40px;
height: 40px;
display: block;
position: absolute;
left: 10px;
top: 10px;
transition: all .3s;
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1LjM1MDIgMzAuOTU2NUMyNS40NTYzIDMwLjk1NjUgMjUuNTU4IDMwLjkxNDQgMjUuNjMzIDMwLjgzOTNDMjUuNzA4IDMwLjc2NDMgMjUuNzUwMiAzMC42NjI2IDI1Ljc1MDIgMzAuNTU2NVY5LjgwNjQ5QzI1Ljc1MDIgOS43MDA0MSAyNS43MDggOS41OTg2NyAyNS42MzMgOS41MjM2NUMyNS41NTggOS40NDg2NCAyNS40NTYzIDkuNDA2NDkgMjUuMzUwMiA5LjQwNjQ5QzIzLjMwMzcgOS40MDY0OSAyMS42Mzg3IDExLjQyNCAyMS42Mzg3IDEzLjkwNjVWMjIuODk3QzIxLjYzODcgMjMuMDAzMSAyMS42ODA4IDIzLjEwNDggMjEuNzU1OCAyMy4xNzk4QzIxLjgzMDggMjMuMjU0OSAyMS45MzI2IDIzLjI5NyAyMi4wMzg3IDIzLjI5N0gyMy45MzA3VjIyLjQ5N0gyMi40MzcyVjEzLjkwNUMyMi40MzcyIDEyLjAzODUgMjMuNTMyNyAxMC40OTUgMjQuOTQ4NyAxMC4yNDZWMzAuNTU2NUMyNC45NDg3IDMwLjYwOTEgMjQuOTU5MSAzMC42NjEzIDI0Ljk3OTMgMzAuNzA5OUMyNC45OTk1IDMwLjc1ODUgMjUuMDI5MSAzMC44MDI3IDI1LjA2NjQgMzAuODM5OUMyNS4xMDM3IDMwLjg3NyAyNS4xNDc5IDMwLjkwNjUgMjUuMTk2NiAzMC45MjY1QzI1LjI0NTMgMzAuOTQ2NSAyNS4yOTc1IDMwLjk1NjcgMjUuMzUwMiAzMC45NTY1VjMwLjk1NjVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTYuODM2MSAxNS4wODlWOS44MDdDMTYuODM2MSA5LjcwMDkxIDE2Ljc5NCA5LjU5OTE3IDE2LjcxOSA5LjUyNDE2QzE2LjY0NCA5LjQ0OTE0IDE2LjU0MjIgOS40MDcgMTYuNDM2MSA5LjQwN0MxNi4zMyA5LjQwNyAxNi4yMjgzIDkuNDQ5MTQgMTYuMTUzMyA5LjUyNDE2QzE2LjA3ODMgOS41OTkxNyAxNi4wMzYxIDkuNzAwOTEgMTYuMDM2MSA5LjgwN1YxNS4wODlDMTYuMDM2MSAxNS4xOTUxIDE2LjA3ODMgMTUuMjk2OCAxNi4xNTMzIDE1LjM3MThDMTYuMjI4MyAxNS40NDY5IDE2LjMzIDE1LjQ4OSAxNi40MzYxIDE1LjQ4OUMxNi41NDIyIDE1LjQ4OSAxNi42NDQgMTUuNDQ2OSAxNi43MTkgMTUuMzcxOEMxNi43OTQgMTUuMjk2OCAxNi44MzYxIDE1LjE5NTEgMTYuODM2MSAxNS4wODlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTQuMDcwOSA5LjQwN0MxNC4wMTg0IDkuNDA3IDEzLjk2NjQgOS40MTczNCAxMy45MTc4IDkuNDM3NDVDMTMuODY5MyA5LjQ1NzU1IDEzLjgyNTIgOS40ODcwMSAxMy43ODgxIDkuNTI0MTZDMTMuNzUwOSA5LjU2MTMgMTMuNzIxNCA5LjYwNTM5IDEzLjcwMTMgOS42NTM5MkMxMy42ODEyIDkuNzAyNDYgMTMuNjcwOSA5Ljc1NDQ3IDEzLjY3MDkgOS44MDdWMTYuMDM1QzEzLjY3MiAxNi42OTgzIDEzLjkxMTUgMTcuMzM5MiAxNC4zNDU2IDE3Ljg0MDhDMTQuNzc5NyAxOC4zNDIzIDE1LjM3OTYgMTguNjcxMiAxNi4wMzU5IDE4Ljc2NzVWMzAuNTU2NUMxNi4wMzU5IDMwLjY2MjYgMTYuMDc4IDMwLjc2NDMgMTYuMTUzMSAzMC44MzkzQzE2LjIyODEgMzAuOTE0NCAxNi4zMjk4IDMwLjk1NjUgMTYuNDM1OSAzMC45NTY1QzE2LjU0MiAzMC45NTY1IDE2LjY0MzcgMzAuOTE0NCAxNi43MTg3IDMwLjgzOTNDMTYuNzkzOCAzMC43NjQzIDE2LjgzNTkgMzAuNjYyNiAxNi44MzU5IDMwLjU1NjVWMTguNzY3NUMxNy40OTIxIDE4LjY3MTEgMTguMDkxOCAxOC4zNDIyIDE4LjUyNTcgMTcuODQwNkMxOC45NTk2IDE3LjMzOSAxOS4xOTg5IDE2LjY5ODIgMTkuMTk5OSAxNi4wMzVWOS44MDdDMTkuMTk5OSA5LjcwMDkxIDE5LjE1NzggOS41OTkxNyAxOS4wODI3IDkuNTI0MTZDMTkuMDA3NyA5LjQ0OTE0IDE4LjkwNiA5LjQwNyAxOC43OTk5IDkuNDA3QzE4LjY5MzggOS40MDcgMTguNTkyMSA5LjQ0OTE0IDE4LjUxNzEgOS41MjQxNkMxOC40NDIgOS41OTkxNyAxOC4zOTk5IDkuNzAwOTEgMTguMzk5OSA5LjgwN1YxNi4wMzVDMTguMzkxNyAxNi41NTA4IDE4LjE4MSAxNy4wNDI3IDE3LjgxMzMgMTcuNDA0NUMxNy40NDU3IDE3Ljc2NjQgMTYuOTUwNSAxNy45NjkyIDE2LjQzNDYgMTcuOTY5MkMxNS45MTg4IDE3Ljk2OTIgMTUuNDIzNiAxNy43NjY0IDE1LjA1NiAxNy40MDQ1QzE0LjY4ODMgMTcuMDQyNyAxNC40Nzc2IDE2LjU1MDggMTQuNDY5NCAxNi4wMzVWOS44MDdDMTQuNDY5NCA5LjcwMTE3IDE0LjQyNzUgOS41OTk2NiAxNC4zNTI4IDkuNTI0NjhDMTQuMjc4MSA5LjQ0OTcxIDE0LjE3NjcgOS40MDczOSAxNC4wNzA5IDkuNDA3VjkuNDA3WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTMzLjkyMzkgNi43MjY1QzMzLjgxNzggNi43MjY1IDMzLjcxNjEgNi43Njg2NCAzMy42NDEgNi44NDM2NkMzMy41NjYgNi45MTg2NyAzMy41MjM5IDcuMDIwNDIgMzMuNTIzOSA3LjEyNjVWMzUuMzA4NUMzMy41MjM5IDM1LjY3OTggMzMuMzc2NCAzNi4wMzU5IDMzLjExMzggMzYuMjk4NUMzMi44NTEzIDM2LjU2MSAzMi40OTUyIDM2LjcwODUgMzIuMTIzOSAzNi43MDg1SDguODQyMzhDOC43ODk4NSAzNi43MDg1IDguNzM3ODQgMzYuNzE4OCA4LjY4OTMxIDM2LjczOUM4LjY0MDc4IDM2Ljc1OTEgOC41OTY2OCAzNi43ODg1IDguNTU5NTQgMzYuODI1N0M4LjUyMjQgMzYuODYyOCA4LjQ5MjkzIDM2LjkwNjkgOC40NzI4MyAzNi45NTU0QzguNDUyNzMgMzcuMDA0IDguNDQyMzggMzcuMDU2IDguNDQyMzggMzcuMTA4NUM4LjQ0MjM4IDM3LjE2MSA4LjQ1MjczIDM3LjIxMyA4LjQ3MjgzIDM3LjI2MTZDOC40OTI5MyAzNy4zMTAxIDguNTIyNCAzNy4zNTQyIDguNTU5NTQgMzcuMzkxM0M4LjU5NjY4IDM3LjQyODUgOC42NDA3OCAzNy40NTggOC42ODkzMSAzNy40NzgxQzguNzM3ODQgMzcuNDk4MiA4Ljc4OTg1IDM3LjUwODUgOC44NDIzOCAzNy41MDg1SDMyLjEyNDRDMzIuNDEzMyAzNy41MDg1IDMyLjY5OTQgMzcuNDUxNiAzMi45NjYzIDM3LjM0MUMzMy4yMzMyIDM3LjIzMDUgMzMuNDc1NyAzNy4wNjg0IDMzLjY4IDM2Ljg2NDFDMzMuODg0MyAzNi42NTk4IDM0LjA0NjQgMzYuNDE3MyAzNC4xNTY5IDM2LjE1MDRDMzQuMjY3NSAzNS44ODM1IDM0LjMyNDQgMzUuNTk3NCAzNC4zMjQ0IDM1LjMwODVWNy4xMjY1QzM0LjMyNDQgNy4wNzM5MyAzNC4zMTQgNy4wMjE4OCAzNC4yOTM5IDYuOTczMzFDMzQuMjczNyA2LjkyNDc1IDM0LjI0NDIgNi44ODA2MyAzNC4yMDcgNi44NDM0OEMzNC4xNjk4IDYuODA2MzMgMzQuMTI1NyA2Ljc3Njg4IDM0LjA3NzEgNi43NTY4MUMzNC4wMjg1IDYuNzM2NzMgMzMuOTc2NSA2LjcyNjQ0IDMzLjkyMzkgNi43MjY1VjYuNzI2NVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik04LjA0MzE2IDIxLjkxMTVINy4yNDMxNlYyNS42NTM1SDguMDQzMTZWMjEuOTExNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik04LjA0MzE2IDE0Ljc2OTVINy4yNDMxNlYxOC41MTJIOC4wNDMxNlYxNC43Njk1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTMwLjExMjcgMzQuODk2NUMzMC41MzcgMzQuODk2NSAzMC45NDQgMzQuNzI3OSAzMS4yNDQxIDM0LjQyNzlDMzEuNTQ0MSAzNC4xMjc4IDMxLjcxMjcgMzMuNzIwOSAzMS43MTI3IDMzLjI5NjVWNy4xMjY1QzMxLjcxMjcgNi43MDIxNiAzMS41NDQxIDYuMjk1MTkgMzEuMjQ0MSA1Ljk5NTEzQzMwLjk0NCA1LjY5NTA4IDMwLjUzNyA1LjUyNjUgMzAuMTEyNyA1LjUyNjVIOC44NDIxOUM4LjQxNzg0IDUuNTI2NSA4LjAxMDg4IDUuNjk1MDggNy43MTA4MiA1Ljk5NTEzQzcuNDEwNzYgNi4yOTUxOSA3LjI0MjE5IDYuNzAyMTYgNy4yNDIxOSA3LjEyNjVWMTEuMzY5NUg4LjA0MjE5VjcuMTI2NUM4LjA0MjE5IDYuOTE0MzMgOC4xMjY0NyA2LjcxMDg1IDguMjc2NSA2LjU2MDgyQzguNDI2NTMgNi40MTA3OSA4LjYzMDAxIDYuMzI2NSA4Ljg0MjE5IDYuMzI2NUgzMC4xMTI3QzMwLjMyNDkgNi4zMjY1IDMwLjUyODMgNi40MTA3OSAzMC42Nzg0IDYuNTYwODJDMzAuODI4NCA2LjcxMDg1IDMwLjkxMjcgNi45MTQzMyAzMC45MTI3IDcuMTI2NVYzMy4yOTdDMzAuOTEyNyAzMy41MDkyIDMwLjgyODQgMzMuNzEyNyAzMC42Nzg0IDMzLjg2MjdDMzAuNTI4MyAzNC4wMTI3IDMwLjMyNDkgMzQuMDk3IDMwLjExMjcgMzQuMDk3SDguODQyMTlDOC42MzAwMSAzNC4wOTcgOC40MjY1MyAzNC4wMTI3IDguMjc2NSAzMy44NjI3QzguMTI2NDcgMzMuNzEyNyA4LjA0MjE5IDMzLjUwOTIgOC4wNDIxOSAzMy4yOTdWMjkuMDU0SDcuMjQyMTlWMzMuMjk3QzcuMjQyMTkgMzMuNTA3MSA3LjI4MzU3IDMzLjcxNTIgNy4zNjM5OCAzMy45MDkzQzcuNDQ0MzkgMzQuMTAzNCA3LjU2MjI0IDM0LjI3OTggNy43MTA4MiAzNC40Mjg0QzcuODU5MzkgMzQuNTc2OSA4LjAzNTc3IDM0LjY5NDggOC4yMjk4OSAzNC43NzUyQzguNDI0MDIgMzQuODU1NiA4LjYzMjA3IDM0Ljg5NyA4Ljg0MjE5IDM0Ljg5N0wzMC4xMTI3IDM0Ljg5NjVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNi4wNzU3OCAxMy40NjlIOS4yMDk3OEM5LjMxNTg3IDEzLjQ2OSA5LjQxNzYxIDEzLjQyNjkgOS40OTI2MiAxMy4zNTE4QzkuNTY3NjQgMTMuMjc2OCA5LjYwOTc4IDEzLjE3NTEgOS42MDk3OCAxMy4wNjlDOS42MDk3OCAxMi45NjI5IDkuNTY3NjQgMTIuODYxMiA5LjQ5MjYyIDEyLjc4NjJDOS40MTc2MSAxMi43MTExIDkuMzE1ODcgMTIuNjY5IDkuMjA5NzggMTIuNjY5SDYuMDc1NzhDNS45Njk2OSAxMi42NjkgNS44Njc5NSAxMi43MTExIDUuNzkyOTQgMTIuNzg2MkM1LjcxNzkyIDEyLjg2MTIgNS42NzU3OCAxMi45NjI5IDUuNjc1NzggMTMuMDY5QzUuNjc1NzggMTMuMTc1MSA1LjcxNzkyIDEzLjI3NjggNS43OTI5NCAxMy4zNTE4QzUuODY3OTUgMTMuNDI2OSA1Ljk2OTY5IDEzLjQ2OSA2LjA3NTc4IDEzLjQ2OVYxMy40NjlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNOS42MDk3OCAyNy4zNTRDOS42MDk3OCAyNy4yNDc5IDkuNTY3NjQgMjcuMTQ2MiA5LjQ5MjYyIDI3LjA3MTJDOS40MTc2MSAyNi45OTYxIDkuMzE1ODcgMjYuOTU0IDkuMjA5NzggMjYuOTU0SDYuMDc1NzhDNS45Njk2OSAyNi45NTQgNS44Njc5NSAyNi45OTYxIDUuNzkyOTQgMjcuMDcxMkM1LjcxNzkyIDI3LjE0NjIgNS42NzU3OCAyNy4yNDc5IDUuNjc1NzggMjcuMzU0QzUuNjc1NzggMjcuNDYwMSA1LjcxNzkyIDI3LjU2MTggNS43OTI5NCAyNy42MzY4QzUuODY3OTUgMjcuNzExOSA1Ljk2OTY5IDI3Ljc1NCA2LjA3NTc4IDI3Ljc1NEg5LjIwOTc4QzkuMzE1ODcgMjcuNzU0IDkuNDE3NjEgMjcuNzExOSA5LjQ5MjYyIDI3LjYzNjhDOS41Njc2NCAyNy41NjE4IDkuNjA5NzggMjcuNDYwMSA5LjYwOTc4IDI3LjM1NFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik02LjA3NTc4IDIwLjYxMTVIOS4yMDk3OEM5LjMxNTg3IDIwLjYxMTUgOS40MTc2MSAyMC41NjkzIDkuNDkyNjIgMjAuNDk0M0M5LjU2NzY0IDIwLjQxOTMgOS42MDk3OCAyMC4zMTc2IDkuNjA5NzggMjAuMjExNUM5LjYwOTc4IDIwLjEwNTQgOS41Njc2NCAyMC4wMDM3IDkuNDkyNjIgMTkuOTI4NkM5LjQxNzYxIDE5Ljg1MzYgOS4zMTU4NyAxOS44MTE1IDkuMjA5NzggMTkuODExNUg2LjA3NTc4QzUuOTY5NjkgMTkuODExNSA1Ljg2Nzk1IDE5Ljg1MzYgNS43OTI5NCAxOS45Mjg2QzUuNzE3OTIgMjAuMDAzNyA1LjY3NTc4IDIwLjEwNTQgNS42NzU3OCAyMC4yMTE1QzUuNjc1NzggMjAuMzE3NiA1LjcxNzkyIDIwLjQxOTMgNS43OTI5NCAyMC40OTQzQzUuODY3OTUgMjAuNTY5MyA1Ljk2OTY5IDIwLjYxMTUgNi4wNzU3OCAyMC42MTE1VjIwLjYxMTVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K") no-repeat center;
}
#category-menu-container:after {
content: "";
width: 16px;
height: 20px;
display: block;
position: absolute;
left: 22px;
bottom: 15px;
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjAxOTUzIDExLjY5NTNDMC45MjE4NzUgMTEuNTk3NyAwLjg4MjgxMiAxMS40ODA1IDAuODgyODEyIDExLjM0MzhDMC44ODI4MTIgMTEuMjI2NiAwLjkyMTg3NSAxMS4xMDk0IDEuMDE5NTMgMTAuOTkyMkw1LjkyMTg4IDYuMTA5MzhMMS4wMTk1MyAxLjIyNjU2QzAuOTIxODc1IDEuMTI4OTEgMC44ODI4MTIgMS4wMTE3MiAwLjg4MjgxMiAwLjg3NUMwLjg4MjgxMiAwLjc1NzgxMiAwLjkyMTg3NSAwLjY0MDYyNSAxLjAxOTUzIDAuNTIzNDM4QzEuMTE3MTkgMC40MjU3ODEgMS4yMzQzOCAwLjM2NzE4OCAxLjM3MTA5IDAuMzY3MTg4QzEuNTA3ODEgMC4zNjcxODggMS42MjUgMC40MjU3ODEgMS43MjI2NiAwLjUyMzQzOEw2Ljk3NjU2IDUuNzU3ODFDNy4wNTQ2OSA1Ljg3NSA3LjExMzI4IDUuOTkyMTkgNy4xMTMyOCA2LjEwOTM4QzcuMTEzMjggNi4yNDYwOSA3LjA1NDY5IDYuMzYzMjggNi45NzY1NiA2LjQ2MDk0TDEuNzIyNjYgMTEuNjk1M0MxLjY4MzU5IDExLjc1MzkgMS42MjUgMTEuNzkzIDEuNTY2NDEgMTEuODEyNUMxLjQ4ODI4IDExLjg1MTYgMS40Mjk2OSAxMS44NTE2IDEuMzcxMDkgMTEuODUxNkMxLjMxMjUgMTEuODUxNiAxLjI1MzkxIDExLjg1MTYgMS4xOTUzMSAxMS44MTI1QzEuMTE3MTkgMTEuNzkzIDEuMDU4NTkgMTEuNzUzOSAxLjAxOTUzIDExLjY5NTNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K") no-repeat center 80%;
background-size: 50% auto;
transition: all .3s;
}
.category-menu-header {
position: absolute;
bottom: 45px;
left: 23px;
font-weight: 600;
font-size: 14px;
line-height: 14px;
color: #fff;
transform-origin: 5px 7px;
transform: rotate(-90deg);
display: table;
white-space: nowrap;
transition: all .3s;
}
#categoryMenuWrapper.catering-visible #category-menu-container {
width: 300px;
height: 60px;
}
#categoryMenuWrapper.catering-visible .category-menu-header {
transform: rotate(0deg);
bottom: 22px;
left: 60px;
}
#categoryMenuWrapper.catering-visible #category-menu-container::after {
left: 273px;
transform: rotate(180deg);
}
.category-menu-content {
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding: 0 10px;
max-height: calc(70vh - 60px - 73px);
min-height: 129px;
overflow: auto;
display: none;
box-sizing: border-box;
background: #fff;
box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
}
#categoryMenuWrapper.catering-visible .category-menu-content {
display: block;
}
.category-menu-content ul {
margin: 0;
padding: 10px 0 0;
}
.category-item {
list-style: none;
padding: 5px 0 9px;
border-bottom: 1px solid #CCCCCC;
}
.category-item:last-child {
margin-bottom: 10px;
border-bottom: none;
}
.category-item-content {
position: relative;
display: flex;
align-items: center;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
text-decoration: none;
color: #72A862;
}
.category-item-content span {
margin-left: 6px;
margin-top: 2px;
}
.category-item-content img {
width: 60px;
height: 40px;
object-fit: contain;
}
@media (max-width: 1023px) {
#categoryMenuWrapper {
bottom: 0;
top: auto;
width: 100%;
}
#category-menu-container {
width: 100% !important;
height: 60px;
}
#category-menu-container:before {
display: none;
}
#category-menu-container::after {
left: 22px;
top: 21px;
transform: rotate(-90deg);
background-size: 70% auto;
}
#categoryMenuWrapper.catering-visible #category-menu-container::after {
left: 22px;
transform: rotate(90deg);
}
.category-menu-header {
transform: rotate(0deg);
bottom: 22px;
left: 60px;
}
.category-menu-content {
bottom: 100%;
top: auto;
max-height: calc(100vh - 60px - 85px - 60px);
}
} .category-article {
flex: 0 1 calc(50% - 15px);
margin-top: 40px;
padding-bottom: 191px;
border-bottom: 1px dashed #4D604E;
position: relative;
}
.category-article {
display: none;
}
.features-all .category-article {
display: block;
}
.features-vege .category-article[has-0] {
display: block;
}
.features-vegan .category-article[has-1] {
display: block;
}
.features-laktosefrei .category-article[has-2] {
display: block;
}
.features-glutenfrei .category-article[has-3] {
display: block;
}
.article-bottom {
height: 141px;
width: 100%;
position: absolute;
bottom: 50px;
left: 0;
}
.article-image-container {
position: relative;
}
.article-image-container:after {
content: "";
display: block;
padding-bottom: 62.96%;
}
.article-image {
position: absolute;
width: 100%;
height: 100%;
background-size: contain;
display: block;
}
.article-title {
color: #2C2C31;
font-weight: 600;
font-size: 22px !important;
line-height: 32px;
margin-top: 30px !important;
margin-bottom: 5px !important;
}
.article-feature-content {
display: inline-block;
}
.article-features .article-feature {
font-weight: 600;
margin-right: 10px;
}
.article-feature:before {
content: "";
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 20px;
height: 20px;
display: inline-block;
margin-right: 5px;
margin-bottom: 0px;
vertical-align: middle;
}
[data-feature="0"].article-feature:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjI5NiAwLjJDOC40MTYgMC4zNiA1LjU2OCAxLjY0IDMuNDcyIDMuOTkyQzEuMzkyIDYuMzYgMC40OCA5LjMzNiAwLjY4OCAxMi4yQzMuNTY4IDEyLjA1NiA2LjQxNiAxMC43NzYgOC41MTIgOC40MjRDMTAuNTkyIDYuMDU2IDExLjUwNCAzLjA4IDExLjI5NiAwLjJaIiBmaWxsPSIjNzJBODYyIi8+Cjwvc3ZnPgo=");
}
[data-feature="0"].article-feature:after {
content: "Vegetarisch";
}
[data-feature="1"].article-feature:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2Ljk2OCAwLjU0NEMxNC4yOCAwLjY3MiAxMS42MjQgMS44MDggOS42ODggMy45MkM5LjE5MiA0LjQ0OCA4Ljc3NiA1LjAwOCA4LjQyNCA1LjZDOC4wNzIgNC44MTYgNy41OTIgNC4wOCA3IDMuNDA4QzUuMzg0IDEuNTY4IDMuMTkyIDAuNTkyIDEgMC41NDRDMC44NzIgMi44MzIgMS42MDggNS4xODQgMy4yMjQgNy4wNEM0LjMyOCA4LjI3MiA1LjY3MiA5LjEyIDcuMTEyIDkuNTUyQzcuMDQ4IDEwLjExMiA3LjA0OCAxMC42NzIgNy4wOCAxMS4yMzJDOS43NjggMTEuMTA0IDEyLjQyNCA5Ljk2OCAxNC4zNiA3Ljg1NkMxNi4zMTIgNS43NiAxNy4xNiAzLjEwNCAxNi45NjggMC41NDRaIiBmaWxsPSIjNzJBODYyIi8+Cjwvc3ZnPgo=");
}
[data-feature="1"].article-feature:after {
content: "Vegan";
}
[data-feature="2"].article-feature:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjU1NTIgNC4yMzM3SDcuMzMxNzlDNy4yNzUyOCA0LjQwNDE5IDYuNTA4OTEgNi4zNzg5NyA2LjQ5MTI1IDYuNDkyNjNIMTEuNjU4MUMxMS43MTExIDYuMzIyMTQgMTIuNTU1MiA0LjI1MTQ2IDEyLjU1NTIgNC4yMzM3WiIgZmlsbD0iIzZCQUI2QiIvPgo8cGF0aCBkPSJNMTIuNjY4IDIuOTkwNTlINy4zODgxNVYzLjk0OTU3SDEyLjY2OFYyLjk5MDU5WiIgZmlsbD0iIzZCQUI2QiIvPgo8cGF0aCBkPSJNMTMuMzQyNCA1LjM2MzE3QzEzLjM0MjQgNS4zNjMxNyAxMi43OTg2IDQuMzQ3MzYgMTIuNzgwOSA0LjM0NzM2QzEyLjY4OTEgNC43OTEzMyAxMS45OTMzIDYuMzQzNDUgMTEuOTkzMyA2LjM3ODk3QzEyLjA2NzUgNi4zMzk5IDEzLjM0MjQgNS4zNjMxNyAxMy4zNDI0IDUuMzYzMTdaIiBmaWxsPSIjNkJBQjZCIi8+CjxwYXRoIGQ9Ik02LjQzNDQ3IDE3LjEwODlIMTEuNzEwOFY2Ljc3MzIySDYuNDM0NDdWMTcuMTA4OVpNOS4wMTk2NiA4Ljk1NzU1QzEwLjA3NTYgOC45NTc1NSAxMC45MjY4IDkuNDYxOTEgMTAuOTI2OCAxMC4wODdDMTAuOTI2OCAxMC43MTIxIDEwLjA3MjEgMTEuMjE2NSA5LjAxOTY2IDExLjIxNjVDNy45NjM2OSAxMS4yMTY1IDcuMTA5MDIgMTAuNzEyMSA3LjEwOTAyIDEwLjA4N0M3LjEwOTAyIDkuNDY1NDYgNy45NjM2OSA4Ljk1NzU1IDkuMDE5NjYgOC45NTc1NVoiIGZpbGw9IiM2QkFCNkIiLz4KPHBhdGggZD0iTTExLjk5MzMgMTYuOTk1MkMxMi40ODA3IDE2LjYxODcgMTIuOTY4MSAxNi4wNzE3IDEzLjQ1NTQgMTUuNjk1M1Y1LjY0Mzc2QzEzLjI5NjUgNS42NzkyOCAxMi4wNTM0IDYuNjk4NjMgMTEuOTkzMyA2LjcxNjM5VjE2Ljk5NTJaIiBmaWxsPSIjNkJBQjZCIi8+CjxwYXRoIGQ9Ik05Ljk0MTcgMEM0LjQ2MDUyIDAgMCA0LjQ4NTg4IDAgMTAuMDAxOEMwIDE1LjUxNDEgNC40NjA1MiAyMCA5Ljk0MTcgMjBDMTUuNDIyOSAyMCAxOS44ODM0IDE1LjUxNDEgMTkuODgzNCAxMC4wMDE4QzE5Ljg4NjkgNC40ODU4OCAxNS40MjY0IDAgOS45NDE3IDBaTTkuOTQxNyAxOC42MTEzQzcuMjAxMTEgMTguNjExMyA0Ljc4MTkxIDE3LjI4MjkgMy4yMTM4NCAxNS4yNTg0TDUuMDM5NzIgMTMuOTk0TDUuMTQ5MiAxMS4yOTExTDIuMDMwNzIgMTMuMjYyM0MxLjYxNzUxIDEyLjI1MzYgMS4zODQ0MiAxMS4xNTYxIDEuMzg0NDIgMTAuMDAxOEMxLjM4NDQyIDUuMjUzMDYgNS4yMjY5IDEuMzg4NzQgOS45NDUyMyAxLjM4ODc0QzEyLjgxMyAxLjM4ODc0IDE1LjM0NTIgMi44MjcyMSAxNi44OTkxIDUuMDE1MDlMMTUuMTAxNSA2LjIxMjA0TDE1LjI2MDQgOC41OTE3MkwxNy45NjIyIDcuMDY4MDJDMTguMjk3NyA3Ljk4NzkyIDE4LjUwOTYgOC45NjgyMSAxOC41MDk2IDEwLjAwNTNDMTguNTA2IDE0Ljc0NjkgMTQuNjYzNiAxOC42MTEzIDkuOTQxNyAxOC42MTEzWiIgZmlsbD0iIzZCQUI2QiIvPgo8L3N2Zz4K");
}
[data-feature="2"].article-feature:after {
content: "Laktosefrei";
}
[data-feature="3"].article-feature:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjg4Mzc4OSAxMEMwLjg4Mzc4OSA0LjUwNDM3IDUuNDE2NiAwIDExLjAyOSAwQzE2LjY0MTQgMCAyMS4yMTEyIDQuNTA0MzcgMjEuMTc0MiAxMEMyMS4xNzQyIDE1LjQ5NTYgMTYuNjA0NCAyMCAxMS4wMjkgMjBDNS40NTM1NyAyMCAwLjg4Mzc4OSAxNS41MzIxIDAuODgzNzg5IDEwWk00LjI2Njc2IDE1LjQyMjdDNS44NjM5NyAxNy4zNjE1IDguMjc4MjYgMTguNjQ0MyAxMS4wMjkgMTguNjQ0M0MxNS44NjEzIDE4LjY0NDMgMTkuODAyNiAxNC43NTk1IDE5Ljc2NTYgMTAuMDcyOUMxOS43NjU2IDkuMDg1MjggMTkuNTQwMSA4LjE2NjkxIDE5LjI0NDMgNy4yODg2M0wxNi41MzA1IDguNzkwMDlMMTYuMzgyNiA2LjQxMDM1TDE4LjI0MjMgNS4yMDA0NEMxNi42ODIxIDIuOTMwMDMgMTQuMDA1MyAxLjQyODU3IDExLjAzMjcgMS40Mjg1N0M2LjIzNzM5IDEuNDI4NTcgMi4yOTk4MyA1LjI3MzMyIDIuMjk5ODMgMTAuMDM2NEMyLjI5OTgzIDExLjI0NjQgMi41OTU2MSAxMi4zODM0IDMuMDQyOTggMTMuNDQzOUw2LjIzNzM5IDExLjQ2NUw2LjEyNjQ3IDE0LjE3NjRMNC4yNjY3NiAxNS40MjI3Wk0xMS45NjA4IDMuMTg1MTNDMTIuNzA0IDQuNzIzMDMgMTIuNDA4MiA2LjAwNTgzIDExLjg0OTkgNi43NzQ3OEMxMC44NDQzIDguMjM5OCA5LjkxNjI0IDUuNjAxMzEgOS45NTMyMiA0LjY4NjU5QzEwLjAyNzIgMy42OTg5OCAxMC42NTk0IDAuNTEwMjA3IDExLjk2MDggMy4xODUxM1pNMTMuODU0IDEzLjExMjJDMTMuNDQzNiAxMy40MDM4IDEyLjg4OSAxMy42NjI1IDEyLjM2NzcgMTMuODA4M0MxMS41NTA2IDE0LjA2MzQgMTEuMzY1OCAxMy44NDQ4IDExLjI5MTggMTMuMTQ4N0MxMS4xODA5IDEyLjQxNjIgMTEuNzcyNSAxMS40MjQ5IDEyLjM2NzcgMTAuODc4M0MxMi44NTIxIDEwLjQwMDkgMTQuNjM3OCA5LjUyMjYgMTQuOTcwNiAxMC4xNDU4QzE1LjMwMzMgMTAuODA1NCAxNC43ODIgMTIuNDUyNiAxMy44NTQgMTMuMTEyMlpNMTEuMTgwOSAxMC4xNDU4QzExLjE0MzkgMTAuNDczOCAxMS45NjEgMTAuNDAwOSAxMi4xNDU5IDEwLjMyOEMxMi44MTUxIDEwLjEwOTMgMTMuNTIxMyA5LjgxNDE0IDE0LjAwNTYgOS4yMjc0QzE0LjQxNiA4Ljc1IDE0LjY3NDggOC4zMTI2OCAxNC43ODU3IDcuNzI1OTVDMTQuODIyNyA3LjYxNjYyIDE0Ljk3MDYgNi45NTcgMTQuNzExOCA2LjQ3OTU5QzE0LjQxNiA2LjAzODYzIDEyLjcwNDIgNi44ODQxMSAxMi4xODY2IDcuMzU3ODdDMTEuMzI4OCA4LjIzOTc5IDExLjI1NDggOS4xMTgwNyAxMS4xODA5IDEwLjE0NThaTTExLjQwMzIgMTYuNTg4OUMxMS4yOTIzIDE1Ljc4MzUgMTIuMDcyNCAxNC43MjMgMTIuNjY3NyAxNC4yNDU2QzEzLjE0ODMgMTMuODQ0OCAxNC44NjAxIDEzLjAzOTQgMTUuMTE4OSAxMy42NTg5QzE1LjM3NzcgMTQuMjQ1NiAxNC41MjM3IDE2LjY2MTggMTMuMDc0NCAxNy4xMDI4QzEyLjk1OSAxNy4xMzc1IDEyLjg1MjIgMTcuMTc0MyAxMi43NDk1IDE3LjIwOTdDMTIuNDIwOCAxNy4zMjI5IDEyLjEzMzEgMTcuNDIyMSAxMS43MzYgMTcuMzk0M0MxMS4zNzQ2IDE3LjM2NjkgMTEuMzg5NCAxNy4wOTAzIDExLjQwMzMgMTYuODMwN0MxMS40MDc5IDE2Ljc0NTEgMTEuNDEyNCAxNi42NjEzIDExLjQwMzIgMTYuNTg4OVpNOC4zMTg1IDguNjA3ODdDOS4zMjA0NSA5LjE5NDYgMTEuMTA2MiAxMC4xODIyIDEwLjk1ODMgOS4wODUyN0MxMC44NDc0IDguMjA2OTkgMTAuNjI1NiA3LjU0NzM3IDEwLjAzMDMgNi44ODc3NUMxMC4wMzQ5IDYuODkyMjQgMTAuMDI1OSA2Ljg4NTA2IDEwLjAwNTQgNi44Njg2MkM5Ljg1OTE3IDYuNzUxNTYgOS4xMjYyNiA2LjE2NDc2IDguNTA3MDYgNS45NzMwM0w4LjQ3MDQ2IDUuOTYwOTdDOC4xMjI1NCA1Ljg0NjE0IDcuNDE5MzMgNS42MTQwNSA3LjA5NDcyIDUuODYzN0M2LjQyMTgyIDYuMzcwMjYgNy43OTcxOSA4LjI3NjI0IDguMzE4NSA4LjYwNzg3Wk0xMC40MDAzIDEwLjU0NjZDMTEuMTQzNSAxMS40Mjg2IDExLjE4MDUgMTEuNjgzNyAxMS4xMDY1IDEyLjQ1MjZDMTAuOTkxOSAxMy40NzY3IDkuMDYxOTQgMTIuNzgwNiA4Ljc2NjE2IDEyLjQxNjJMOC43MDIwNCAxMi4zNUM3Ljk1MTU2IDExLjU3NiA3LjM0ODczIDEwLjk1NDMgNy4xNjg5NiA5Ljc3NzdDNi45MDY0NSA4LjMxMjY4IDkuNjU3MiA5LjY2ODM3IDEwLjQwMDMgMTAuNTQ2NlpNNy4yMzkyNiAxMy4yOTQ1QzcuMjM5MjYgMTQuNDY3OSA4LjEzMDI5IDE1LjI3MzMgOC44NzM0NCAxNS45MzI5QzkuNDMxNzIgMTYuNDQ2OCAxMS4yNTA4IDE2LjkyMDYgMTEuMjEzOCAxNS44MjM2QzExLjIxMzggMTUuNTMyMSAxMC45OTIgMTQuMzk1IDEwLjI0ODggMTMuODA4M0M5LjUwNTY2IDEzLjI1OCA3LjIzOTI2IDExLjc1NjYgNy4yMzkyNiAxMy4yOTQ1WiIgZmlsbD0iIzZCQUI2QiIvPgo8L3N2Zz4K");
}
[data-feature="3"].article-feature:after {
content: "Glutenfrei";
}
.overflow-container {
max-height: 80px;
margin-top: 16px;
overflow: hidden;
}
.overflow-container.too-small {
padding-bottom: 20px;
height: 80px;
box-sizing: content-box;
}
.overflow-container.too-small > *:first-child {
height: 100%;
overflow: hidden;
}
.overflow-container.too-small::after {
content: "mehr";
text-decoration: underline;
color: #72A862;
font-size: 14px;
line-height: 20px;
cursor: pointer;
}
.overflow-container.too-small.showing-more {
max-height: none;
padding-bottom: 0;
height: auto;
}
.overflow-container.too-small.showing-more > *:first-child {
height: auto;
}
.overflow-container.too-small.showing-more::after {
content: "weniger";
}
.article-text {
font-size: 14px;
line-height: 20px !important;
margin: 0;
}
.article-allergenic {
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #2C2C31;
margin-top: 15px;
}
.allergenic-content {
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #2C2C31;
}
.article-quantity {
position: relative;
height: 96px;
display: flex;
align-items: center;
justify-content: space-between;
}
.quantity-content {
position: absolute;
bottom: 36px;
width: 100%;
display: table;
}
.article-quantity-container {
position: absolute;
left: 50%;
top: 15%;
transform: translateX(-50%);
display: flex;
flex-direction: column;
gap: 10px;
text-align: center;
}
.article-quantity-cart {
position: absolute;
right: 177px;
top: 24%;
font-size: 17px;
line-height: 20px;
padding: 3px 10px;
background: #72A862;
border-radius: 23px;
color: #fff;
}
.article-quantity-up-down {
display: flex;
gap: 67px;
float: right;
position: relative;
}
.article-quantity-sum-container {
font-weight: 600;
font-size: 30px;
line-height: 20px;
}
.article-quantity-min-container {
font-size: 17px;
line-height: 20px;
}
.article-quantity-minus, .article-quantity-plus {
width: 40px;
height: 40px;
border-radius: 50%;
border: 2px solid #72A862;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: 18px auto;
cursor: pointer;
}
.article-quantity-minus {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxN3B4IiBoZWlnaHQ9IjE3cHgiIHZpZXdCb3g9IjAgMCAxNyAxNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTcgMTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM3MkE4NjI7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDcuNnYyaDE3di0ySDB6Ii8+DQo8L3N2Zz4NCg==");
}
.article-quantity-plus {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxN3B4IiBoZWlnaHQ9IjE3cHgiIHZpZXdCb3g9IjAgMCAxNyAxNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTcgMTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM3MkE4NjI7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDcuN3YxLjhoMTdWNy43SDB6IE03LjYsMC4xdjE3aDEuOHYtMTdINy42eiIvPg0KPC9zdmc+DQo=");
}
.article-btn {
margin-top: 0 !important;
margin-bottom: 0 !important;
display: flex !important;
justify-content: space-between;
padding: 12px 15px !important;
text-transform: none;
width: 100%;
font-size: 20px !important;
line-height: 20px !important;
}
.single-price {
opacity: .7;
}
.no-multiprice .single-price {
opacity: 1;
}
.no-multiprice .multi-price-container {
display: none;
}
.single-price::after, .multi-price::after {        
content: "€";
margin-left: 5px;
}
.article-btn-price {        
text-transform: none;
}
.netprice-note {
font-size: 14px;
line-height: 10px;
margin-left: 5px;
}
@media (max-width: 1023px) {
.category-article {
flex: 1 1 100%;
}
.article-image {
background-size: cover;
}
.article-icon {
display: none;
}
.article-quantity-cart {
right: auto;
left: 0;
}
.article-quantity-cart:after {
content: "";
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNjc1NzggMTUuODI4MUM3LjY3NTc4IDE1LjQzNzUgNy41MTk1MyAxNS4xMDU1IDcuMjQ2MDkgMTQuODMyQzYuOTcyNjYgMTQuNTU4NiA2LjY0MDYyIDE0LjQyMTkgNi4yNSAxNC40MjE5QzUuODU5MzggMTQuNDIxOSA1LjUwNzgxIDE0LjU1ODYgNS4yMzQzOCAxNC44MzJDNC45NjA5NCAxNS4xMDU1IDQuODI0MjIgMTUuNDM3NSA0LjgyNDIyIDE1LjgyODFDNC44MjQyMiAxNi4yMTg4IDQuOTYwOTQgMTYuNTcwMyA1LjIzNDM4IDE2Ljg0MzhDNS41MDc4MSAxNy4xMTcyIDUuODU5MzggMTcuMjUzOSA2LjI1IDE3LjI1MzlDNi42NDA2MiAxNy4yNTM5IDYuOTcyNjYgMTcuMTE3MiA3LjI0NjA5IDE2Ljg0MzhDNy41MTk1MyAxNi41NzAzIDcuNjc1NzggMTYuMjE4OCA3LjY3NTc4IDE1LjgyODFaTTE3LjI0NjEgMTUuODI4MUMxNy4yNDYxIDE1LjQzNzUgMTcuMTA5NCAxNS4xMDU1IDE2LjgzNTkgMTQuODMyQzE2LjU2MjUgMTQuNTU4NiAxNi4yMzA1IDE0LjQyMTkgMTUuODM5OCAxNC40MjE5QzE1LjQ0OTIgMTQuNDIxOSAxNS4wOTc3IDE0LjU1ODYgMTQuODI0MiAxNC44MzJDMTQuNTUwOCAxNS4xMDU1IDE0LjQxNDEgMTUuNDM3NSAxNC40MTQxIDE1LjgyODFDMTQuNDE0MSAxNi4yMTg4IDE0LjU1MDggMTYuNTcwMyAxNC44MjQyIDE2Ljg0MzhDMTUuMDk3NyAxNy4xMTcyIDE1LjQ0OTIgMTcuMjUzOSAxNS44Mzk4IDE3LjI1MzlDMTYuMjMwNSAxNy4yNTM5IDE2LjU2MjUgMTcuMTE3MiAxNi44MzU5IDE2Ljg0MzhDMTcuMTA5NCAxNi41NzAzIDE3LjI0NjEgMTYuMjE4OCAxNy4yNDYxIDE1LjgyODFaTTE5LjgyNDIgMy45OTIxOUMxOS45MDIzIDQuMDg5ODQgMTkuOTYwOSA0LjIwNzAzIDE5Ljk2MDkgNC4zNjMyOEMxOS45NjA5IDQuNTE5NTMgMTkuOTAyMyA0LjU3ODEyIDE5LjgyNDIgNC41NzgxMkwxNy4yNDYxIDExLjA4MkMxNy4xNjggMTEuMjU3OCAxNy4wNzAzIDExLjM5NDUgMTYuOTcyNyAxMS40NzI3QzE2Ljg3NSAxMS41NTA4IDE2LjczODMgMTEuNTg5OCAxNi41ODIgMTEuNTg5OEw2LjE3MTg4IDEyLjkxOEg1Ljk5NjA5QzUuODIwMzEgMTIuOTE4IDUuNjY0MDYgMTIuODc4OSA1LjUyNzM0IDEyLjc4MTJDNS4zNzEwOSAxMi43MDMxIDUuMjkyOTcgMTIuNTQ2OSA1LjI1MzkxIDEyLjMzMkwyLjc1MzkxIDIuNTA3ODFIMC44Mzk4NDRDMC42MjUgMi41MDc4MSAwLjQyOTY4OCAyLjQxMDE2IDAuMjUzOTA2IDIuMjE0ODRDMC4wNzgxMjUgMi4wMTk1MyAwIDEuODQzNzUgMCAxLjY2Nzk3QzAgMS41MTE3MiAwLjA1ODU5MzggMS4zMzU5NCAwLjIxNDg0NCAxLjE3OTY5QzAuMzcxMDk0IDEuMDIzNDQgMC41NjY0MDYgMC45MjU3ODEgMC44Mzk4NDQgMC45MjU3ODFIMy40MTc5N0MzLjYxMzI4IDAuOTI1NzgxIDMuNzg5MDYgMC45ODQzNzUgMy45NDUzMSAxLjA2MjVDNC4wODIwMyAxLjE0MDYyIDQuMTYwMTYgMS4yOTY4OCA0LjE2MDE2IDEuNDkyMTlMNi42NjAxNiAxMS4xNjAyTDE1LjkxOCAxMC4wMDc4TDE3LjgzMiA1LjA4NTk0SDguNjcxODhDOC40OTYwOSA1LjA4NTk0IDguMzIwMzEgNS4wMDc4MSA4LjE2NDA2IDQuODMyMDNDNy45ODgyOCA0LjY3NTc4IDcuOTEwMTYgNC41IDcuOTEwMTYgNC4zMjQyMkM3LjkxMDE2IDQuMTY3OTcgNy45Njg3NSA0LjAxMTcyIDguMTI1IDMuODM1OTRDOC4yODEyNSAzLjY3OTY5IDguNDU3MDMgMy41ODIwMyA4LjY3MTg4IDMuNTgyMDNIMTkuMDgyQzE5LjIzODMgMy41ODIwMyAxOS4zOTQ1IDMuNjIxMDkgMTkuNTExNyAzLjY5OTIyQzE5LjYyODkgMy43NzczNCAxOS43NDYxIDMuODc1IDE5LjgyNDIgMy45OTIxOVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat center;
width: 14px;
height: 14px;
display: inline-block;
background-size: 14px;
margin-bottom: -2px;
}
} #categoryCartWrapper {
position: fixed;
right: 0;
top: 100px;
z-index: 999;
opacity: 0;
pointer-events: none;
}
#category-cart-container {
height: 347px;
width: 60px;
border-radius: 3px 0px 0px 3px;
transition: all .3s;
cursor: pointer;
background-color: #72A862;
box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
}
#categoryCartWrapper.catering-visible #category-cart-container {
width: 380px;
height: 60px;
}
#categoryCartWrapper.catering-visible .category-cart-header {
transform: rotate(0deg);
left: 123px;
bottom: 23px;
}
.category-cart-header {
font-size: 14px;
line-height: 16px;
letter-spacing: 0.1em;
position: absolute;
bottom: 45px;
left: 23px;
font-weight: 600;
color: #fff;
transform-origin: 7px 8px;
transform: rotate(-90deg);
display: table;
white-space: nowrap;
transition: all .3s;
}
#category-cart-container::before {
content: "";
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjAxOTUzIDExLjY5NTNDMC45MjE4NzUgMTEuNTk3NyAwLjg4MjgxMiAxMS40ODA1IDAuODgyODEyIDExLjM0MzhDMC44ODI4MTIgMTEuMjI2NiAwLjkyMTg3NSAxMS4xMDk0IDEuMDE5NTMgMTAuOTkyMkw1LjkyMTg4IDYuMTA5MzhMMS4wMTk1MyAxLjIyNjU2QzAuOTIxODc1IDEuMTI4OTEgMC44ODI4MTIgMS4wMTE3MiAwLjg4MjgxMiAwLjg3NUMwLjg4MjgxMiAwLjc1NzgxMiAwLjkyMTg3NSAwLjY0MDYyNSAxLjAxOTUzIDAuNTIzNDM4QzEuMTE3MTkgMC40MjU3ODEgMS4yMzQzOCAwLjM2NzE4OCAxLjM3MTA5IDAuMzY3MTg4QzEuNTA3ODEgMC4zNjcxODggMS42MjUgMC40MjU3ODEgMS43MjI2NiAwLjUyMzQzOEw2Ljk3NjU2IDUuNzU3ODFDNy4wNTQ2OSA1Ljg3NSA3LjExMzI4IDUuOTkyMTkgNy4xMTMyOCA2LjEwOTM4QzcuMTEzMjggNi4yNDYwOSA3LjA1NDY5IDYuMzYzMjggNi45NzY1NiA2LjQ2MDk0TDEuNzIyNjYgMTEuNjk1M0MxLjY4MzU5IDExLjc1MzkgMS42MjUgMTEuNzkzIDEuNTY2NDEgMTEuODEyNUMxLjQ4ODI4IDExLjg1MTYgMS40Mjk2OSAxMS44NTE2IDEuMzcxMDkgMTEuODUxNkMxLjMxMjUgMTEuODUxNiAxLjI1MzkxIDExLjg1MTYgMS4xOTUzMSAxMS44MTI1QzEuMTE3MTkgMTEuNzkzIDEuMDU4NTkgMTEuNzUzOSAxLjAxOTUzIDExLjY5NTNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K") no-repeat center;
width: 16px;
height: 20px;
background-size: 9px;
display: block;
position: absolute;
left: 21px;
bottom: 20px;
transform: rotate(180deg);
transition: all .3s;
}
#category-cart-container::after {
content: "";
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNjc1NzggMTUuODI4MUM3LjY3NTc4IDE1LjQzNzUgNy41MTk1MyAxNS4xMDU1IDcuMjQ2MDkgMTQuODMyQzYuOTcyNjYgMTQuNTU4NiA2LjY0MDYyIDE0LjQyMTkgNi4yNSAxNC40MjE5QzUuODU5MzggMTQuNDIxOSA1LjUwNzgxIDE0LjU1ODYgNS4yMzQzOCAxNC44MzJDNC45NjA5NCAxNS4xMDU1IDQuODI0MjIgMTUuNDM3NSA0LjgyNDIyIDE1LjgyODFDNC44MjQyMiAxNi4yMTg4IDQuOTYwOTQgMTYuNTcwMyA1LjIzNDM4IDE2Ljg0MzhDNS41MDc4MSAxNy4xMTcyIDUuODU5MzggMTcuMjUzOSA2LjI1IDE3LjI1MzlDNi42NDA2MiAxNy4yNTM5IDYuOTcyNjYgMTcuMTE3MiA3LjI0NjA5IDE2Ljg0MzhDNy41MTk1MyAxNi41NzAzIDcuNjc1NzggMTYuMjE4OCA3LjY3NTc4IDE1LjgyODFaTTE3LjI0NjEgMTUuODI4MUMxNy4yNDYxIDE1LjQzNzUgMTcuMTA5NCAxNS4xMDU1IDE2LjgzNTkgMTQuODMyQzE2LjU2MjUgMTQuNTU4NiAxNi4yMzA1IDE0LjQyMTkgMTUuODM5OCAxNC40MjE5QzE1LjQ0OTIgMTQuNDIxOSAxNS4wOTc3IDE0LjU1ODYgMTQuODI0MiAxNC44MzJDMTQuNTUwOCAxNS4xMDU1IDE0LjQxNDEgMTUuNDM3NSAxNC40MTQxIDE1LjgyODFDMTQuNDE0MSAxNi4yMTg4IDE0LjU1MDggMTYuNTcwMyAxNC44MjQyIDE2Ljg0MzhDMTUuMDk3NyAxNy4xMTcyIDE1LjQ0OTIgMTcuMjUzOSAxNS44Mzk4IDE3LjI1MzlDMTYuMjMwNSAxNy4yNTM5IDE2LjU2MjUgMTcuMTE3MiAxNi44MzU5IDE2Ljg0MzhDMTcuMTA5NCAxNi41NzAzIDE3LjI0NjEgMTYuMjE4OCAxNy4yNDYxIDE1LjgyODFaTTE5LjgyNDIgMy45OTIxOUMxOS45MDIzIDQuMDg5ODQgMTkuOTYwOSA0LjIwNzAzIDE5Ljk2MDkgNC4zNjMyOEMxOS45NjA5IDQuNTE5NTMgMTkuOTAyMyA0LjU3ODEyIDE5LjgyNDIgNC41NzgxMkwxNy4yNDYxIDExLjA4MkMxNy4xNjggMTEuMjU3OCAxNy4wNzAzIDExLjM5NDUgMTYuOTcyNyAxMS40NzI3QzE2Ljg3NSAxMS41NTA4IDE2LjczODMgMTEuNTg5OCAxNi41ODIgMTEuNTg5OEw2LjE3MTg4IDEyLjkxOEg1Ljk5NjA5QzUuODIwMzEgMTIuOTE4IDUuNjY0MDYgMTIuODc4OSA1LjUyNzM0IDEyLjc4MTJDNS4zNzEwOSAxMi43MDMxIDUuMjkyOTcgMTIuNTQ2OSA1LjI1MzkxIDEyLjMzMkwyLjc1MzkxIDIuNTA3ODFIMC44Mzk4NDRDMC42MjUgMi41MDc4MSAwLjQyOTY4OCAyLjQxMDE2IDAuMjUzOTA2IDIuMjE0ODRDMC4wNzgxMjUgMi4wMTk1MyAwIDEuODQzNzUgMCAxLjY2Nzk3QzAgMS41MTE3MiAwLjA1ODU5MzggMS4zMzU5NCAwLjIxNDg0NCAxLjE3OTY5QzAuMzcxMDk0IDEuMDIzNDQgMC41NjY0MDYgMC45MjU3ODEgMC44Mzk4NDQgMC45MjU3ODFIMy40MTc5N0MzLjYxMzI4IDAuOTI1NzgxIDMuNzg5MDYgMC45ODQzNzUgMy45NDUzMSAxLjA2MjVDNC4wODIwMyAxLjE0MDYyIDQuMTYwMTYgMS4yOTY4OCA0LjE2MDE2IDEuNDkyMTlMNi42NjAxNiAxMS4xNjAyTDE1LjkxOCAxMC4wMDc4TDE3LjgzMiA1LjA4NTk0SDguNjcxODhDOC40OTYwOSA1LjA4NTk0IDguMzIwMzEgNS4wMDc4MSA4LjE2NDA2IDQuODMyMDNDNy45ODgyOCA0LjY3NTc4IDcuOTEwMTYgNC41IDcuOTEwMTYgNC4zMjQyMkM3LjkxMDE2IDQuMTY3OTcgNy45Njg3NSA0LjAxMTcyIDguMTI1IDMuODM1OTRDOC4yODEyNSAzLjY3OTY5IDguNDU3MDMgMy41ODIwMyA4LjY3MTg4IDMuNTgyMDNIMTkuMDgyQzE5LjIzODMgMy41ODIwMyAxOS4zOTQ1IDMuNjIxMDkgMTkuNTExNyAzLjY5OTIyQzE5LjYyODkgMy43NzczNCAxOS43NDYxIDMuODc1IDE5LjgyNDIgMy45OTIxOVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=") no-repeat center;
width: 20px;
height: 20px;
display: block;
position: absolute;
right: 21px;
top: 20px;
background-size: contain;
transition: all .3s;
}
#categoryCartWrapper.catering-visible #category-cart-container::before {
transform: rotate(0deg);
}
#categoryCartWrapper.catering-visible #category-cart-container::after {
right: calc(380px - 55px - 20px);
}
.has-cart-item {
width: 10px;
height: 10px;
background: #ED6954;
border-radius: 50%;
position: absolute;
display: block;
text-align: center;
right: 16px;
top: 19px;
font-weight: 600;
font-size: 16px;
line-height: 27px;
z-index: 2;
transition: all .3s;
opacity: 0;
transform: scale(10);
pointer-events: none;
}
#categoryCartWrapper.catering-visible .has-cart-item {
right: 301px;
}
.category-cart-content-container {
width: 100%;
position: absolute;
top: 100%;
max-height: calc(100vh - 100px - 60px - 9px);
overflow: auto;
padding: 10px;
background: #ffffff;
box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
cursor: auto;
display: none;
}
@media (max-width: 1023px) {
.category-cart-content-container {
max-height: calc(100vh - 60px - 130px);
}
}
#categoryCartWrapper.catering-visible .category-cart-content-container {
display: block;
}
.category-cart-content-container ul {
margin: 0;
padding: 0;
max-height: calc(100vh - 100px - 60px - 192px - 73px - 20px - 82px);
overflow: auto;
}
@media (max-width: 1023px) {
.category-cart-content-container ul {
max-height: calc(100vh - 60px - 85px - 192px - 73px - 173px);
}
}
.category-cart-content-container ul:not(:empty) {
min-height: 79px;
}
.category-cart {
list-style: none;
padding: 5px 0 9px;
border-bottom: 1px solid #CCCCCC;
display: flex;
justify-content: space-between;
height: 54px;
align-items: center;
position: relative;
}
.category-cart-quantifier, .category-cart-end {
display: flex;
align-items: center;
}
.category-cart-end {
flex: 0 0 auto;
}
.category-cart-close,
.category-cart-minus,
.category-cart-plus {
width: 26px;
height: 26px;
border-radius: 50%;
border: 2px solid #72A862;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: 16px auto;
cursor: pointer;
}
.category-cart-minus {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxN3B4IiBoZWlnaHQ9IjE3cHgiIHZpZXdCb3g9IjAgMCAxNyAxNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTcgMTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM3MkE4NjI7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDcuNnYyaDE3di0ySDB6Ii8+DQo8L3N2Zz4NCg==");
}
.category-cart-plus {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxN3B4IiBoZWlnaHQ9IjE3cHgiIHZpZXdCb3g9IjAgMCAxNyAxNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTcgMTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM3MkE4NjI7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDcuN3YxLjhoMTdWNy43SDB6IE03LjYsMC4xdjE3aDEuOHYtMTdINy42eiIvPg0KPC9zdmc+DQo=");
}
.category-cart-close {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9IjAgMCAxMiAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIgMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM3MkE4NjI7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMSwwLjJMMC4yLDEwLjlMMSwxMS44TDExLjgsMS4xTDExLDAuMnogTTEsMC4yTDAuMiwxLjFMMTEsMTEuOGwwLjktMC45TDEsMC4yeiIvPg0KPC9zdmc+DQo=");
background-size: 14px auto;
margin-left: 10px;
width: 26px;
height: 26px;
}
.category-cart-text {
font-size: 14px;
line-height: 20px;
margin-left: 15px;
flex: 1 1 auto;
}
.catering-toofew {
text-decoration: line-through;
}
.category-cart-price {
font-size: 16px;
line-height: 20px;
font-weight: 400;
}
.category-cart-price:after {
content: " €";
}
.category-cart-sum-subtotal + .category-cart-price,
.category-cart-sum-subtotal,
.category-cart-sum .category-cart-price,
.category-cart-sum {
font-weight: 600;
}
.category-cart-sum .category-cart-price,
.category-cart-sum-vat,
.category-cart-sum-subtotal,
.category-cart-sum {
font-weight: 600;
font-size: 14px;
line-height: 20px;
}
.category-cart-sum-vat {
font-weight: 400;
}
.category-cart-content {
display: flex;
flex-direction: column;
padding: 20px 36px 20px 92px;
border-bottom: 1px solid #cccccc;
}
.category-cart-prices {
display: flex;
justify-content: space-between;
}
.category-cart-price {
font-size: 16px;
line-height: 20px;
}
.category-cart-sum .category-cart-price {
font-size: 22px;
line-height: 20px;
}
.category-cart-quantity {
width: 25px;
font-weight: 600;
text-align: center;
}
.category-cart-sum {
padding: 20px 36px 20px 92px;
border-bottom: 1px solid #cccccc;
}
.category-cart-sum .category-cart-text {
margin-left: 0; 
}
.category-cart-sum-per-person {
display: flex;
justify-content: space-between;
align-items: flex-end;
padding: 20px 36px 20px 92px;
font-size: 14px;
line-height: 20px;
}
.cart-btn {
font-weight: 600;
font-size: 20px;
line-height: 20px;
padding: 12px 30px;
width: 100%;
}
#noMinOrderValue, #hasMinOrderValue {
margin-top: 10px;
}
#minOrderValue {
font-weight: 400;
}
#minOrderValueLine {
font-weight: 600;
}
#orderValueRemainderToMin {
margin-top: 3px;
display: flex;
justify-content: space-between;
}
#orderValueRemainderToMinContainer {
font-size: 16px;
}
@media (max-width: 1023px) {
#categoryCartWrapper {
bottom: 0;
top: auto;
z-index: 1000;
}
#category-cart-container {
width: 60px !important;
height: 60px !important;
border-left: 1px solid rgba(255, 255, 255, .1);
}
#category-cart-container::before, .category-cart-header {
display: none;
}
#category-cart-container::after {
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.category-cart-content-container {
width: 100vw;
top: auto;
right: 0;
bottom: 100%;
}
#categoryCartWrapper.catering-visible .has-cart-item {
right: 16px;
}
} #container-guide-features.catering-off {
display: none;
}
.container-features {
width: 100%;
background: #ffffff;
margin: 25px 0 38px 0;
}
.container-features-title {
font-weight: 600;
font-size: 18px;
line-height: 32px;
letter-spacing: 2.15px;
text-transform: uppercase;
color: #6BAB6A;
margin-bottom: 20px;
padding-right: 50px;
}
.container-features-content {
position: relative;
display: flex;
color: #6F7072;
font-size: 14px;
line-height: 20px;
gap: 30px;
}
.container-features-content-1,
.container-features-content-2,
.container-features-content-3 {
display: flex;
gap: 12px;
flex: 30%;
flex-wrap: wrap;
margin-left: 42px;
}
.container-features-content-1:before,
.container-features-content-2:before,
.container-features-content-3:before {
content: "1";
width: 28px;
height: 28px;
color: #ffffff;
border: 1px solid #72A862;
background: #72A862;
font-weight: 600;
font-size: 20px;
line-height: 20px;
text-align: center;
letter-spacing: 0.11em;
text-transform: uppercase;
display: block;
border-radius: 50%;
position: absolute;
margin-left: -42px;
}
.container-features-content-2:before {
content: "2";
}
.container-features-content-3:before {
content: "3";
}
.number-of-people-expected {
display: flex;
align-items: baseline;
margin-bottom: 20px;
}
.features-inputs {    
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #6F7072;
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px dashed #4D604E;
padding-top: 20px;
flex-wrap: wrap;
gap: 30px;
border-top: 1px dashed #4D604E;
}
.features-inputs-content, .features-inputs-container {
display: flex;
flex-wrap: wrap;
gap: 30px;
align-items: center;
}
[for="features-vege"] span:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjI5NiAwLjJDOC40MTYgMC4zNiA1LjU2OCAxLjY0IDMuNDcyIDMuOTkyQzEuMzkyIDYuMzYgMC40OCA5LjMzNiAwLjY4OCAxMi4yQzMuNTY4IDEyLjA1NiA2LjQxNiAxMC43NzYgOC41MTIgOC40MjRDMTAuNTkyIDYuMDU2IDExLjUwNCAzLjA4IDExLjI5NiAwLjJaIiBmaWxsPSIjNzJBODYyIi8+Cjwvc3ZnPgo=);
}
[for="features-vegan"] span:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2Ljk2OCAwLjU0NEMxNC4yOCAwLjY3MiAxMS42MjQgMS44MDggOS42ODggMy45MkM5LjE5MiA0LjQ0OCA4Ljc3NiA1LjAwOCA4LjQyNCA1LjZDOC4wNzIgNC44MTYgNy41OTIgNC4wOCA3IDMuNDA4QzUuMzg0IDEuNTY4IDMuMTkyIDAuNTkyIDEgMC41NDRDMC44NzIgMi44MzIgMS42MDggNS4xODQgMy4yMjQgNy4wNEM0LjMyOCA4LjI3MiA1LjY3MiA5LjEyIDcuMTEyIDkuNTUyQzcuMDQ4IDEwLjExMiA3LjA0OCAxMC42NzIgNy4wOCAxMS4yMzJDOS43NjggMTEuMTA0IDEyLjQyNCA5Ljk2OCAxNC4zNiA3Ljg1NkMxNi4zMTIgNS43NiAxNy4xNiAzLjEwNCAxNi45NjggMC41NDRaIiBmaWxsPSIjNzJBODYyIi8+Cjwvc3ZnPgo=);
}
[for="features-laktosefrei"] span:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjU1NTIgNC4yMzM3SDcuMzMxNzlDNy4yNzUyOCA0LjQwNDE5IDYuNTA4OTEgNi4zNzg5NyA2LjQ5MTI1IDYuNDkyNjNIMTEuNjU4MUMxMS43MTExIDYuMzIyMTQgMTIuNTU1MiA0LjI1MTQ2IDEyLjU1NTIgNC4yMzM3WiIgZmlsbD0iIzZCQUI2QiIvPgo8cGF0aCBkPSJNMTIuNjY4IDIuOTkwNTlINy4zODgxNVYzLjk0OTU3SDEyLjY2OFYyLjk5MDU5WiIgZmlsbD0iIzZCQUI2QiIvPgo8cGF0aCBkPSJNMTMuMzQyNCA1LjM2MzE3QzEzLjM0MjQgNS4zNjMxNyAxMi43OTg2IDQuMzQ3MzYgMTIuNzgwOSA0LjM0NzM2QzEyLjY4OTEgNC43OTEzMyAxMS45OTMzIDYuMzQzNDUgMTEuOTkzMyA2LjM3ODk3QzEyLjA2NzUgNi4zMzk5IDEzLjM0MjQgNS4zNjMxNyAxMy4zNDI0IDUuMzYzMTdaIiBmaWxsPSIjNkJBQjZCIi8+CjxwYXRoIGQ9Ik02LjQzNDQ3IDE3LjEwODlIMTEuNzEwOFY2Ljc3MzIySDYuNDM0NDdWMTcuMTA4OVpNOS4wMTk2NiA4Ljk1NzU1QzEwLjA3NTYgOC45NTc1NSAxMC45MjY4IDkuNDYxOTEgMTAuOTI2OCAxMC4wODdDMTAuOTI2OCAxMC43MTIxIDEwLjA3MjEgMTEuMjE2NSA5LjAxOTY2IDExLjIxNjVDNy45NjM2OSAxMS4yMTY1IDcuMTA5MDIgMTAuNzEyMSA3LjEwOTAyIDEwLjA4N0M3LjEwOTAyIDkuNDY1NDYgNy45NjM2OSA4Ljk1NzU1IDkuMDE5NjYgOC45NTc1NVoiIGZpbGw9IiM2QkFCNkIiLz4KPHBhdGggZD0iTTExLjk5MzMgMTYuOTk1MkMxMi40ODA3IDE2LjYxODcgMTIuOTY4MSAxNi4wNzE3IDEzLjQ1NTQgMTUuNjk1M1Y1LjY0Mzc2QzEzLjI5NjUgNS42NzkyOCAxMi4wNTM0IDYuNjk4NjMgMTEuOTkzMyA2LjcxNjM5VjE2Ljk5NTJaIiBmaWxsPSIjNkJBQjZCIi8+CjxwYXRoIGQ9Ik05Ljk0MTcgMEM0LjQ2MDUyIDAgMCA0LjQ4NTg4IDAgMTAuMDAxOEMwIDE1LjUxNDEgNC40NjA1MiAyMCA5Ljk0MTcgMjBDMTUuNDIyOSAyMCAxOS44ODM0IDE1LjUxNDEgMTkuODgzNCAxMC4wMDE4QzE5Ljg4NjkgNC40ODU4OCAxNS40MjY0IDAgOS45NDE3IDBaTTkuOTQxNyAxOC42MTEzQzcuMjAxMTEgMTguNjExMyA0Ljc4MTkxIDE3LjI4MjkgMy4yMTM4NCAxNS4yNTg0TDUuMDM5NzIgMTMuOTk0TDUuMTQ5MiAxMS4yOTExTDIuMDMwNzIgMTMuMjYyM0MxLjYxNzUxIDEyLjI1MzYgMS4zODQ0MiAxMS4xNTYxIDEuMzg0NDIgMTAuMDAxOEMxLjM4NDQyIDUuMjUzMDYgNS4yMjY5IDEuMzg4NzQgOS45NDUyMyAxLjM4ODc0QzEyLjgxMyAxLjM4ODc0IDE1LjM0NTIgMi44MjcyMSAxNi44OTkxIDUuMDE1MDlMMTUuMTAxNSA2LjIxMjA0TDE1LjI2MDQgOC41OTE3MkwxNy45NjIyIDcuMDY4MDJDMTguMjk3NyA3Ljk4NzkyIDE4LjUwOTYgOC45NjgyMSAxOC41MDk2IDEwLjAwNTNDMTguNTA2IDE0Ljc0NjkgMTQuNjYzNiAxOC42MTEzIDkuOTQxNyAxOC42MTEzWiIgZmlsbD0iIzZCQUI2QiIvPgo8L3N2Zz4K);
}
[for="features-glutenfrei"] span:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjg4Mzc4OSAxMEMwLjg4Mzc4OSA0LjUwNDM3IDUuNDE2NiAwIDExLjAyOSAwQzE2LjY0MTQgMCAyMS4yMTEyIDQuNTA0MzcgMjEuMTc0MiAxMEMyMS4xNzQyIDE1LjQ5NTYgMTYuNjA0NCAyMCAxMS4wMjkgMjBDNS40NTM1NyAyMCAwLjg4Mzc4OSAxNS41MzIxIDAuODgzNzg5IDEwWk00LjI2Njc2IDE1LjQyMjdDNS44NjM5NyAxNy4zNjE1IDguMjc4MjYgMTguNjQ0MyAxMS4wMjkgMTguNjQ0M0MxNS44NjEzIDE4LjY0NDMgMTkuODAyNiAxNC43NTk1IDE5Ljc2NTYgMTAuMDcyOUMxOS43NjU2IDkuMDg1MjggMTkuNTQwMSA4LjE2NjkxIDE5LjI0NDMgNy4yODg2M0wxNi41MzA1IDguNzkwMDlMMTYuMzgyNiA2LjQxMDM1TDE4LjI0MjMgNS4yMDA0NEMxNi42ODIxIDIuOTMwMDMgMTQuMDA1MyAxLjQyODU3IDExLjAzMjcgMS40Mjg1N0M2LjIzNzM5IDEuNDI4NTcgMi4yOTk4MyA1LjI3MzMyIDIuMjk5ODMgMTAuMDM2NEMyLjI5OTgzIDExLjI0NjQgMi41OTU2MSAxMi4zODM0IDMuMDQyOTggMTMuNDQzOUw2LjIzNzM5IDExLjQ2NUw2LjEyNjQ3IDE0LjE3NjRMNC4yNjY3NiAxNS40MjI3Wk0xMS45NjA4IDMuMTg1MTNDMTIuNzA0IDQuNzIzMDMgMTIuNDA4MiA2LjAwNTgzIDExLjg0OTkgNi43NzQ3OEMxMC44NDQzIDguMjM5OCA5LjkxNjI0IDUuNjAxMzEgOS45NTMyMiA0LjY4NjU5QzEwLjAyNzIgMy42OTg5OCAxMC42NTk0IDAuNTEwMjA3IDExLjk2MDggMy4xODUxM1pNMTMuODU0IDEzLjExMjJDMTMuNDQzNiAxMy40MDM4IDEyLjg4OSAxMy42NjI1IDEyLjM2NzcgMTMuODA4M0MxMS41NTA2IDE0LjA2MzQgMTEuMzY1OCAxMy44NDQ4IDExLjI5MTggMTMuMTQ4N0MxMS4xODA5IDEyLjQxNjIgMTEuNzcyNSAxMS40MjQ5IDEyLjM2NzcgMTAuODc4M0MxMi44NTIxIDEwLjQwMDkgMTQuNjM3OCA5LjUyMjYgMTQuOTcwNiAxMC4xNDU4QzE1LjMwMzMgMTAuODA1NCAxNC43ODIgMTIuNDUyNiAxMy44NTQgMTMuMTEyMlpNMTEuMTgwOSAxMC4xNDU4QzExLjE0MzkgMTAuNDczOCAxMS45NjEgMTAuNDAwOSAxMi4xNDU5IDEwLjMyOEMxMi44MTUxIDEwLjEwOTMgMTMuNTIxMyA5LjgxNDE0IDE0LjAwNTYgOS4yMjc0QzE0LjQxNiA4Ljc1IDE0LjY3NDggOC4zMTI2OCAxNC43ODU3IDcuNzI1OTVDMTQuODIyNyA3LjYxNjYyIDE0Ljk3MDYgNi45NTcgMTQuNzExOCA2LjQ3OTU5QzE0LjQxNiA2LjAzODYzIDEyLjcwNDIgNi44ODQxMSAxMi4xODY2IDcuMzU3ODdDMTEuMzI4OCA4LjIzOTc5IDExLjI1NDggOS4xMTgwNyAxMS4xODA5IDEwLjE0NThaTTExLjQwMzIgMTYuNTg4OUMxMS4yOTIzIDE1Ljc4MzUgMTIuMDcyNCAxNC43MjMgMTIuNjY3NyAxNC4yNDU2QzEzLjE0ODMgMTMuODQ0OCAxNC44NjAxIDEzLjAzOTQgMTUuMTE4OSAxMy42NTg5QzE1LjM3NzcgMTQuMjQ1NiAxNC41MjM3IDE2LjY2MTggMTMuMDc0NCAxNy4xMDI4QzEyLjk1OSAxNy4xMzc1IDEyLjg1MjIgMTcuMTc0MyAxMi43NDk1IDE3LjIwOTdDMTIuNDIwOCAxNy4zMjI5IDEyLjEzMzEgMTcuNDIyMSAxMS43MzYgMTcuMzk0M0MxMS4zNzQ2IDE3LjM2NjkgMTEuMzg5NCAxNy4wOTAzIDExLjQwMzMgMTYuODMwN0MxMS40MDc5IDE2Ljc0NTEgMTEuNDEyNCAxNi42NjEzIDExLjQwMzIgMTYuNTg4OVpNOC4zMTg1IDguNjA3ODdDOS4zMjA0NSA5LjE5NDYgMTEuMTA2MiAxMC4xODIyIDEwLjk1ODMgOS4wODUyN0MxMC44NDc0IDguMjA2OTkgMTAuNjI1NiA3LjU0NzM3IDEwLjAzMDMgNi44ODc3NUMxMC4wMzQ5IDYuODkyMjQgMTAuMDI1OSA2Ljg4NTA2IDEwLjAwNTQgNi44Njg2MkM5Ljg1OTE3IDYuNzUxNTYgOS4xMjYyNiA2LjE2NDc2IDguNTA3MDYgNS45NzMwM0w4LjQ3MDQ2IDUuOTYwOTdDOC4xMjI1NCA1Ljg0NjE0IDcuNDE5MzMgNS42MTQwNSA3LjA5NDcyIDUuODYzN0M2LjQyMTgyIDYuMzcwMjYgNy43OTcxOSA4LjI3NjI0IDguMzE4NSA4LjYwNzg3Wk0xMC40MDAzIDEwLjU0NjZDMTEuMTQzNSAxMS40Mjg2IDExLjE4MDUgMTEuNjgzNyAxMS4xMDY1IDEyLjQ1MjZDMTAuOTkxOSAxMy40NzY3IDkuMDYxOTQgMTIuNzgwNiA4Ljc2NjE2IDEyLjQxNjJMOC43MDIwNCAxMi4zNUM3Ljk1MTU2IDExLjU3NiA3LjM0ODczIDEwLjk1NDMgNy4xNjg5NiA5Ljc3NzdDNi45MDY0NSA4LjMxMjY4IDkuNjU3MiA5LjY2ODM3IDEwLjQwMDMgMTAuNTQ2NlpNNy4yMzkyNiAxMy4yOTQ1QzcuMjM5MjYgMTQuNDY3OSA4LjEzMDI5IDE1LjI3MzMgOC44NzM0NCAxNS45MzI5QzkuNDMxNzIgMTYuNDQ2OCAxMS4yNTA4IDE2LjkyMDYgMTEuMjEzOCAxNS44MjM2QzExLjIxMzggMTUuNTMyMSAxMC45OTIgMTQuMzk1IDEwLjI0ODggMTMuODA4M0M5LjUwNTY2IDEzLjI1OCA3LjIzOTI2IDExLjc1NjYgNy4yMzkyNiAxMy4yOTQ1WiIgZmlsbD0iIzZCQUI2QiIvPgo8L3N2Zz4K); 
}
input[type="checkbox"] + label span::before {
content: "";
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 20px;
height: 20px;
display: inline-block;
margin-right: 5px;
margin-bottom: 0px;
vertical-align: middle;
}
input[type="checkbox"] {
display: none;
}
input[type="checkbox"] + label {
display: flex;
gap: 10px;
text-transform: none;
position: relative;
margin: 0;
align-items: center;
}
input[type="checkbox"] + label::before {
content: "";
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgcng9IjIuNSIgc3Ryb2tlPSIjQ0NDQ0NDIi8+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 24px;
height: 24px;
display: block;
}
input[type="checkbox"]:checked + label::after {
content: "";
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuOTY0MDMgMTQuNzQ1NUw3LjI5MTMgMTIuMDcyN0w2LjQwMDM5IDEyLjk2MzZMOS45NjQwMyAxNi41MjczTDE3LjYwMDQgOC44OTA5MUwxNi43MDk1IDhMOS45NjQwMyAxNC43NDU1WiIgZmlsbD0iIzZCQUI2QSIvPgo8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjIzIiByeD0iMi41IiBzdHJva2U9IiNDQ0NDQ0MiLz4KPC9zdmc+Cg==");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 24px;
height: 24px;
display: block;
position: absolute;
left: 0;
}
.features-allergennotice a {
color: #72A862;
text-decoration: none;
}
.features-allergennotice a:before {
content: "";
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 20px;
height: 20px;
display: inline-block;
margin-right: 10px;
margin-bottom: 0px;
vertical-align: middle;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjUwNTkgNVY0LjI0NDE0SDExLjc0NDFWMC41SDExLjAwNTlWNUgxNS41MDU5Wk0xNS44NzUgMTMuNjMwOVY0LjQ3MjY2TDExLjUzMzIgMC4xMzA4NTlIMC4xMjVWMTMuNjMwOUgxNS44NzVaTTAuODgwODU5IDEyLjg3NVYwLjg2OTE0MUgxMS4yMTY4TDE1LjExOTEgNC43NzE0OFYxMi44NzVIMC44ODA4NTlaTTYuODc1IDYuODgwODZWMi4zODA4NkgyLjM3NVY2Ljg4MDg2SDYuODc1Wk0zLjEzMDg2IDYuMTI1VjMuMTE5MTRINi4xMTkxNFY2LjEyNUgzLjEzMDg2Wk0yLjM3NSA4LjM3NVY5LjEzMDg2SDEyLjg2OTFWOC4zNzVIMi4zNzVaTTIuMzc1IDEwLjYyNVYxMS4zODA5SDExLjM3NVYxMC42MjVIMi4zNzVaIiBmaWxsPSIjNzJBODYyIi8+Cjwvc3ZnPgo=");
}
@media (max-width: 1023px) {
.container-features-content {
flex-direction: column;
display: none;
}
.container-features-title {
position: relative;
cursor: pointer;
}
.container-features-title::after {            
content: "";
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTUiIGZpbGw9IiM2QkFCNkEiLz4KPHBhdGggZD0iTTE0Ljk5NjQgMTAuMzE0N0MxNS43ODg0IDEwLjMxNDcgMTYuNDcwNCA5LjcyMDY2IDE2LjQ3MDQgOC44NDA2NkMxNi40NzA0IDguMDA0NjYgMTUuNzg4NCA3LjM4ODY2IDE0Ljk5NjQgNy4zODg2NkMxNC4yMDQ0IDcuMzg4NjYgMTMuNTIyNCA4LjAwNDY2IDEzLjUyMjQgOC44NDA2NkMxMy41MjI0IDkuNzIwNjYgMTQuMjA0NCAxMC4zMTQ3IDE0Ljk5NjQgMTAuMzE0N1pNMTMuODc0NCAyMS42NjY3SDE2LjExODRWMTIuNDI2N0gxMy44NzQ0VjIxLjY2NjdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
width: 30px;
height: 30px;
display: inline-block;
margin-right: 10px;
margin-bottom: 0px;
vertical-align: middle;
position: absolute;
right: 0;
}
.container-features-title:hover + .container-features-content {
display: flex;
}
.features-inputs {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.features-allergennotice {
position: relative;
right: 0;
margin-top: 10px;
}
.features-inputs-content, .features-inputs-container {
width: 100%;        
gap: 20px;
}
.features-inputs-title  {
margin-bottom: 10px;
}
.features-inputs-title,
.feature-input:first-child {
width: 100%;
}
.feature-input {
width: calc(50% - 10px);
}
} #checkout-container {
padding-top:140px;
padding-bottom: 40px;
width: 100%;
}
.checkout-title {
font-size: 32px;
font-weight: 400;
line-height: 32px;
letter-spacing: 0.11em;
text-transform: uppercase;
color: #72A862;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #6BAB6A;
padding-bottom: 35px;
margin: 0;
position: relative;
}
.checkout-title span {
font-weight: 600;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
color: #72A862;
position: relative;
letter-spacing: 0;
height: 44px;
}
.checkout-items {
display: none;
}
#checkout-container .catering-visible + .checkout-items {
display: block;
}
#checkout-container .catering-visible span:after  {
transform: rotate(180deg) translateX(-50%);
right: 50%;
left: auto;
}
.checkout-title span:after {
content: "";
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyNyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0LjM5MjYgMC45ODA0NjlDMjQuNTY0NSAwLjc2NTYyNSAyNC44MjIzIDAuNjM2NzE5IDI1LjE2NiAwLjYzNjcxOUMyNS41MDk4IDAuNjM2NzE5IDI1Ljc2NzYgMC43NjU2MjUgMjYuMDI1NCAwLjk4MDQ2OUMyNi4yNDAyIDEuMjM4MjggMjYuMzY5MSAxLjQ5NjA5IDI2LjM2OTEgMS43OTY4OEMyNi4zNjkxIDIuMTQwNjIgMjYuMjQwMiAyLjM5ODQ0IDI2LjAyNTQgMi42MTMyOEwxNC4yOTQ5IDE0LjMwMDhDMTQuMTY2IDE0LjQyOTcgMTQuMDM3MSAxNC41MTU2IDEzLjkwODIgMTQuNTU4NkMxMy43NzkzIDE0LjY0NDUgMTMuNjUwNCAxNC42NDQ1IDEzLjQ3ODUgMTQuNjQ0NUMxMy4zMDY2IDE0LjY0NDUgMTMuMTc3NyAxNC42NDQ1IDEzLjA0ODggMTQuNTU4NkMxMi45MTk5IDE0LjUxNTYgMTIuNzkxIDE0LjQyOTcgMTIuNzA1MSAxNC4zMDA4TDAuOTc0NjA5IDIuNjEzMjhDMC43MTY3OTcgMi4zOTg0NCAwLjYzMDg1OSAyLjE0MDYyIDAuNjMwODU5IDEuNzk2ODhDMC42MzA4NTkgMS40OTYwOSAwLjcxNjc5NyAxLjIzODI4IDAuOTc0NjA5IDAuOTgwNDY5QzEuMTg5NDUgMC43NjU2MjUgMS40NDcyNyAwLjYzNjcxOSAxLjc5MTAyIDAuNjM2NzE5QzIuMDkxOCAwLjYzNjcxOSAyLjM0OTYxIDAuNzY1NjI1IDIuNjA3NDIgMC45ODA0NjlMMTMuNTIxNSAxMS44OTQ1TDI0LjM5MjYgMC45ODA0NjlaIiBmaWxsPSIjNzJBODYyIi8+Cjwvc3ZnPgo=")no-repeat center;
width: 33px;
height: 40px;
background-size: 36px;
display: block;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -10px;
font-weight: 400;
}
.checkout-items {
width: 100%;
position: relative;
margin-top: 50px;
background: #ffffff;
}
.checkout-items ul {
margin: 0;
padding: 0;
}
.checkout-template {
list-style: none;
border-bottom: 1px dashed #CCCCCC;
display: flex;
align-items: center;
position: relative;
justify-content: space-between;
gap: 58px;
}
.checkout-close,
.checkout-minus,
.checkout-plus {
width: 36px;
height: 36px;
border-radius: 50%;
border: 2px solid #72A862;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: 18px auto;
cursor: pointer;
}
.checkout-minus {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxN3B4IiBoZWlnaHQ9IjE3cHgiIHZpZXdCb3g9IjAgMCAxNyAxNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTcgMTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM3MkE4NjI7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDcuNnYyaDE3di0ySDB6Ii8+DQo8L3N2Zz4NCg==");
}
.checkout-plus {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxN3B4IiBoZWlnaHQ9IjE3cHgiIHZpZXdCb3g9IjAgMCAxNyAxNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTcgMTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM3MkE4NjI7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDcuN3YxLjhoMTdWNy43SDB6IE03LjYsMC4xdjE3aDEuOHYtMTdINy42eiIvPg0KPC9zdmc+DQo=");
}
.checkout-close {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9IjAgMCAxMiAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIgMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM3MkE4NjI7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMSwwLjJMMC4yLDEwLjlMMSwxMS44TDExLjgsMS4xTDExLDAuMnogTTEsMC4yTDAuMiwxLjFMMTEsMTEuOGwwLjktMC45TDEsMC4yeiIvPg0KPC9zdmc+DQo=");
}
.checkout-text {
font-weight: 600;
font-size: 18px;
line-height: 32px;
color: #2C2C31;
flex: 1 1 auto;
}
.checkout-price {
font-size: 16px;
line-height: 20px;
font-weight: 400;
}
.checkout-price-bold {
font-weight: 600;
}
.checkout-price:after {
content: " €";
}
.checkout-sum-vat,
.checkout-sum-subtotal {
font-size: 18px;
line-height: 32px;
}
.checkout-price {
font-size: 16px;
line-height: 20px;
flex: 0 0 auto;
}
.checkout-close {
margin-left: 40px;
}
.checkout-total {
display: flex;
flex-direction: column;
width: 48.65%;
padding-right: 76px;
justify-content: center;
}
.checkout-cart-prices {
display: flex;
justify-content: space-between;
align-items: center;
}
.checkout-container {
border-bottom: 1px dashed #6BAB6A;
display: flex;
justify-content: flex-end;
position: relative;
}
.checkout-quantity {
width: 25px;
text-align: center;
font-size: 18px;
line-height: 32px;
font-weight: 600;
}
.checkout-content {
display: flex;
flex: 1 0 48.65%;
justify-content: space-between;
align-items: center;
}
.checkout-extra-width {
flex: 46.14%;
}
.checkout-plus-min-position {
display: flex;
align-items: center;
gap: 15px;
}
.checkout-image {
width: 38.91%;
}
#minTotalInsufficentCheckout {
margin-top: 30px;
}
@media (max-width: 1023px) {    
.checkout-items {
margin-top: 0;
padding: 0;
width: 100%;
}
.checkout-template {
gap: 0;
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-top: 50px;
}
.checkout-total {
width: 100%;
padding-right: 0;
}
.checkout-container {
width:100%;
justify-content: space-between;
}
.checkout-price {
position: static;
}
.checkout-close {
position: absolute;
top: -40px;
right: 0px;
width: 20px !important;
height: 20px !important;
background-size: 8px !important;
}
.checkout-extra-width {
flex: calc(50% - 58px);
width: 100%;
}
.checkout-title {
font-size: 20px;
line-height: 22px;
}
.checkout-close, .checkout-minus, .checkout-plus {
width: 30px;
height: 30px;
background-size: 16px auto;
}
.checkout-title span:after {
width: 25px;
height: 30px;
background-size: 25px;
bottom: 0;
}
.checkout-content {
width: 100%;
}
}