/*     @import url('https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap'); */
	/* improve performance of viewer */
      	canvas#yummymap:focus {
      		outline: none;
      		}
/* scrollbar */
*::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 5px;
  background-color: #F5F5F5;
}

*::-webkit-scrollbar
{
  width: 7px;
  background-color: #F5F5F5;
}

*::-webkit-scrollbar-thumb
{
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #f0e7c9;
}


      	body {
      		font-family: 'Balsamiq Sans', sans-serif !important;
		background: #7fbcff;
		-webkit-user-select: none; 
  		-moz-user-select: none; 
  		-ms-user-select: none; 
		user-select: none; 
		-webkit-touch-callout: none;
		-webkit-tap-highlight-color: transparent;
      		}
	textarea {
		border-radius: 0.5rem;
		}
	div#modal-582 p, div#modal-436 p {
		font-size: medium !important;
		}
	div#modal-582 h3 {
		color: #615854 !important;
    		padding-bottom: 10px;
		font-size: large;
		}
	/* remove ym-page Intro from yummy.world */
	div.ym-pageIntro {
		display: none;
		} 
	div.yw_more {
	    top: 1.5rem;
	    position: relative;
	    display: none;
	}
	div.yw_more .h-2 {
	        padding-top: 0.1rem;
	}

	div.yw_more::before {
	    content: "";
	    position: absolute;
	    top: 0;
	    width: 86%;
	    height: 2px;
	    background-color: #372d2c57;
	    left: 50%;
	    transform: translateX(-50%);
	}

	/* prevent iOS context selection menu on long touch */
	/* img.yw_cloud, img, div.YMviewer-canvas, div.YWviewer-container, div#os-rez13, div#page-wrapper, body */
/*	img.yw_cloud, img.ymad, div#toast-221, div.toast-4, div#modal-582, div#modal-589, div#modal-6, div#modal-331, div#modal-593, button.vimi_overlay_logomenu, a.ywfooterfeed i, i.fa-envelope {
		-webkit-user-select: none; 
                -moz-user-select: none; 
                -ms-user-select: none; 
                user-select: none; 
		-webkit-touch-callout: none !important;
		-webkit-user-drag: none !important;
		-khtml-user-select: none !important;
		outline: none !important;
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		}
        svg#connectionSvg, div.vimi_overlay_search, div.vimi_overlay_favorites, div.vimi_overlay_basket, a.ywfooterimprint, a.ywfooterterms, a.ywfooterfeed, button.vimi_overlay_logomenu, .overlay-ask-field button {
                -webkit-user-select: none; 
                -moz-user-select: none; 
                -ms-user-select: none; 
                user-select: none; 
                }
*/	
	/* required to copy Favorites Share Link */
	span#shareSpan, ul.sitemap-level1 li, ul.sitemap-level2 li, ul.sitemap-level3 li, button#quickSubmit {
		user-select: all!important;
                -webkit-user-select: all!important; /* Safari */
                -moz-user-select: all!important; /* Firefox */
                -ms-user-select: all!important;
		}
        a {
		color: #161c56;
		text-decoration: none;
		}
      	h1, h2, p.h3, h3, h4, h5 {
      		color: #615854 !important;
      		font-weight: 900;
		font-size: 1.5rem;
		}
	img.ymas.gif {
	    transform: rotate(-1deg);
	    border: #faf9f6;
	    border-width: 20px;
	    border-style: solid;
	    box-shadow: 0 4px 8px 0 rgb(0 0 0 / .2), 0 6px 20px 0 rgb(0 0 0 / .19);
	    object-position: top;
	}
	@media screen and (max-width: 575px) {
	    img.ymas.gif {
		bottom: 60px !important;
		width: 90% !important;
		height: 30% !important;
            }
	}
    
        button#payment {
      		width: 100%;
      		}
  	div.modal-backdrop.fade.show {
          	z-index: -1;
        	}
	div.toastify.on.toastify-left.toastify-top {
	    background: #5f5954 !important;
	}
	/* taost styling */
        div.toast-container {
           	z-index: 2000;
      		top: 25%!important;
      		left: 50%!important;
		transform: translate(-50%,-25%)!important;        
		}
  	div.toast-header {
                background-color: #f5f2e200;
                color: #615854;
    		font-size: large;
		padding-bottom: 0px !important;
        	}
	div#toast-4 {
          	background-size: cover;
    		background-position: center center;
        	}
	div#toast-4 h2, div#toast-4 p {
		color: #615854;
		font-weight: 900;
		margin-bottom: 0.2rem !important;
		}
        div#toast-4 h2, div#toast-4 div.intro, div#toast-4 h3 {
                font-size: 1.2rem;
                }
	div#toast-4 h3 {
                margin-bottom: 0rem !important;
                }
	div#toast-4 h2.yw-intro-kicker {
		font-size: xx-large;
    		padding-top: 30px;
		}
        div#toast-4 p.yw-intro-kicker {
                font-size: large;
                padding-top: 10px;
                }
	div#toast-4 #swiper-5143 div.card {
		background-color: #00ffff00;
    		border: 0px;
		text-align: center;
		}
	div#toast-4 #swiper-5143 {
		max-width: 320px;
    		height: 20rem;
		margin-left: 0px !important; 
		}  
	div#toast-4 #swiper-5143 div.swiper-pagination {
		margin-top: 0px !important;
		bottom: 23px !important;
		}
	div#toast-221, div#toast-4, div#modal-6 div.modal-content {
		transform: rotate(1deg);
    		/* border: #f5f2e2; */
    		/* border-width: 20px; */
    		border-style: solid;
    		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    		background-color: #f5f2e2;
		}
	@media only screen and (max-width: 600px) {
	  /* Replace 'element' with the actual selector for your element */
	  div#toast-221 {
	    width: 305px !important;
	  }
	}
        div#modal-6 .femanager_fieldset { 
                margin-bottom: 8px!important;
                }
	div#modal-6 .bg-danger { 
		background-color: rgb(250 180 66) !important;
		}
        div#modal-6 .alert.bg-danger {
		padding: 1px 10px!important;
		margin-top: 3px!important;
		margin-bottom: 3px!important;
		}
        div#modal-6 .alert.bg-danger button.close, div#modal-6 .alert.bg-danger h4, div#modal-6 div.tx-femanager h3 {
		display: none;
                }
	div#modal-6 div.tx-femanager div.typo3-message {
		font-size: x-large;
		margin-top: 25px;
		}
	div#modal-6 div.femanager_terms div.checkbox {
	    margin-top: 15px;
	}
	div#modal-6 div.femanager_submit input#femanager_field_submit, div#modal-6 button.btn.btn-primary {
		margin-top: 15px;
		}
	#toast-221 h1, #toast-4 h1, #modal-331 h4 {
		color: #615854;
    		font-weight: 600;
		font-size: 1.5rem;
		text-align: center;
		}
	#modal-331 div.gallery div {
		display: flex;
	    	flex-wrap: wrap;
	    	flex-direction: row;
	    	justify-content: space-evenly;
	    	align-items: center;
		}
        #toast-221 h5 { 
                color: #615854;
                font-weight: 500;
                }	
        div#modal-6 div.modal-content {
                transform: rotate(-1deg) !important;
		}
        div#modal-6 div.swiper-slide img, div#modal-593 div.swiper div.card .img-fluid, div#modal-582 div.swiper div.card .img-fluid, div#modal-436 div.swiper div.card .img-fluid, div#toast-221 div.swiper div.card .img-fluid, div#toast-221 div.swiper div.card img.card-img-top {
                transform: rotate(-0.7deg);
		border: #faf9f6;
                border-width: 12px;
                border-style: solid;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                margin: -1px 7px 4px 3px;
		width: 92% !important;
		height: 100% !important;
		object-fit: cover !important;
		position: relative;
    		top: -2px;
		}
	div#toast-221 div.swiper div.card img.card-img-top {
                margin: 0px;
                width: 105% !important;
                height: 52% !important;
                left: -8px;
                }
	div#modal-6 div.swiper-slide img {
		width: 87% !important;
		height: auto !important;
		margin: unset !important;
		} 
	div#modal-6 input[name="tx_felogin_login[userIdentifier]"] {
	    display: block;
	    width: 100%;
	    padding: .375rem .75rem;
	    font-size: 1rem;
	    font-weight: 400;
	    line-height: 1.5;
	    color: #212529;
	    background-color: #fff;
	    background-clip: padding-box;
	    border: 1px solid #ced4da;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	    border-radius: .375rem;
	    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	}
	div#modal-6 input[type="submit"][value="Reset Password"], div#modal-6 input[type="submit"][value="Passwort zurücksetzen"], #writeComment input.button {
	    color: #fff;
	    background: #57a4ff;
	    border-color: #86beff;
	    margin-top: 15px;
	    margin-bottom: 15px;
	    padding: 0.375rem 0.75rem;
	    font-size: 1rem;
	    font-weight: 400;
	    line-height: 1.5;
	    border-width: 1px;
	    border-radius: 0.375rem;
	}
        div#modal-6 input[type="submit"][value="Reset Password"]:hover, div#modal-6 input[type="submit"][value="Passwort zurücksetzen"]:hover, #writeComment input.button:hover {
            background: #86beff;
        }
        div#modal-6 input[type="submit"][value="Reset Password"]:active, div#modal-6 input[type="submit"][value="Passwort zurücksetzen"]:active, #writeComment input.button:active {
            background: #86beff;
	    border-color: #3894ff;
	    transform: scale(0.98);
        }
	div#modal-582 div.swiper div.card .img-fluid, div#modal-436 div.swiper div.card .img-fluid {
		width: 100% !important;
		margin: -1px 2px 0 3px !important;
		}
	 @media screen and (max-width: 575px) {
		div#toast-221 div.swiper div.card .img-fluid, div#modal-582 div.swiper div.card .img-fluid, div#modal-436 div.swiper div.card .img-fluid  {
                        width: 70% !important;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        object-fit: cover !important;			
			}
		div#toast-221 div.card figure.image, div#modal-582 div.card figure.image, div#modal-436 div.card figure.image {
			height: 90% !important;
			width: unset !important;
			}
		div#toast-221 div.swiper div.card img.card-img-top {
		        width: 70% !important;
		        height: 70% !important;
		        position: relative;
		        top: 34%;
		        left: 50%;
		        transform: translate(-50%, -50%);
		        object-fit: cover !important;
		        margin-bottom: 5px;
		    }
                div#modal-6 div.swiper-slide img, div#modal-593 div.swiper div.card .img-fluid {
                        width: 80%;
                        position: relative;
                        top: -1px;
                        left: 46%;
                        transform: translate(-50%, 0%);
                        }
		div.swiper-slide figure.image {
			height: 60% !important;
			}
                div#modal-582 .swiper-wrapper, div#modal-436 .swiper-wrapper, div#toast-221 .swiper-wrapper {
                	height: 240px !important;
                	}
		div#modal-436 .swiper-wrapper {
			width: 100% !important;
			}
		div#modal-582 div.card-group div.card, div#modal-436 div.card-group div.card {
                        width: 21vh !important;
                        }
                }
        div#modal-436 .swiper-wrapper {
                width: 100% !important;
                }
	div#toast-4 .swiper-wrapper img {
		transform: rotate(-1deg);
    		border: #faf9f6;
    		border-width: 20px;
    		border-style: solid;
    		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		margin: 3px 5px 5px 2px;
		width: 98% !important;
		height: 95% !important;
		}
	div#toast-4 .slider-text, div#toast-4 .carousel-indicators {
    		display: block !important;
		}
	div#toast-4 .carousel-container {
		height: 20rem !important;
		}
	div#toast-4 .carousel-caption {
		padding-bottom: 20px !important;
		margin-top: 10px !important;
		}
	div#toast-4 #swiper-5143 div.swiper-slide figure.image {
		width: 320px;
		left: unset;
		display: unset;
		height: unset;
		}
	/* Kickstarter Button */
	div#toast-4 div.first-figure, div#toast-4 div.last-figure, div#toast-221 div.first-figure, div#toast-221 div.last-figure {
		display: flex;
		align-items: flex-end;
		justify-content: center;
		}
	div#modal-593 {
	    z-index: 3000;
	    top: 33% !important;
	    left: 50% !important;
	    transform: translate(-50%, -25%) !important;
		}
	.vimi_map_menu {
            	background-color: rgba(255,255,255, 0);
	        border-radius: 40%;
            	z-index: 1;
        	}
		.vimi_map_menu::before {
		    content: "";
		    position: absolute;
		    top: 50%;
		    left: 50%;
		    transform: translate(-50%, -50%);
		    width: auto;
		    min-height: 5px;
		    max-height: 60px;
		    height: 50%;
		    aspect-ratio: 1 / 1;
		    background-image: url(/fileadmin/vimi/images/ym_img/ym_modalmenu/ym_meal.png);
		    background-size: contain;
		    background-repeat: no-repeat;
		    background-position: center;
		    z-index: -1;
		    transition: transform 0.3s ease, filter 0.3s ease; /* Added box-shadow transition */
		    cursor: pointer;
		}
	.vimi_map_menu[id^="ym-story"]::before {
	    	background-image: url(/fileadmin/vimi/images/ym_img/ym_modalmenu/yw_destination.png);
	}
	.vimi_map_menu:hover::before {
	    	transform: translate(-50%, -50%) scale(1.8);
		filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.7));
		}
        .vimi_map_menu[id^="ym-story"]:hover::before {
                transform: translate(-50%, -50%) scale(1.4);
                }
div.ymad a.jump {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(/fileadmin/vimi/images/ym_img/ym_modalmenu/yw_link.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;
    transition: transform .3s, filter .3s;
    cursor: pointer;
    color: #00000000;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
div.ymad a.jump:hover {
    transform: translate(-50%, -50%) scale(1.8);
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.7));
}
	.yw_cloud {
		z-index: 2;
    		border-radius: 100%;
		overflow: clip;
		}
    	#my_menu .pcm_icon {
      		font-size:28px;
      		font-family:"Material Icons";
      		font-feature-settings:"liga" 1;
    		}
        div#ym_contact_form-335 {
        	font-size: xx-large;  
		padding-top: 20px;
		}
	/* Modal Button Positioning */
        div.vimi_overlay_search,div.vimi_overlay_favorites,div.vimi_overlay_basket,button.searchData,button.favouriteModule, button.shoppingModule {
        	position: fixed;
      		z-index: 0;
          	top: 20px;
          	right: 120px;
        	margin-top: 0px;
      		margin-right: 0px;
            	height: 52px;
          	width: 52px;
            	color: #fff0;
		transition: border 0.3s ease;
		}
/*
        div.vimi_overlay_logo figure, div.vimi_overlay_logo img {
                filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.2));
                }	
*/
	div.vimi_overlay_search figure, div.vimi_overlay_search img, div.vimi_overlay_favorites figure, div.vimi_overlay_favorites img, div.vimi_overlay_basket figure, div.vimi_overlay_basket img {
          	border-radius: 50%;
   		object-fit: cover;
		box-shadow: 2px 0px 7px 5px rgb(0 0 0 / .1);
		}
	/* Position of dynamically handled using typoscript */
        div.vimi_overlay_search,button.searchData {
          	right: 140px;
		}
        div.vimi_overlay_favorites,button.favouriteModule {
          	right: 85px;
		}
        div.vimi_overlay_basket, button.shoppingModule {
          	right: 30px;
		}

	button.searchData:hover, button.favouriteModule:hover, button.shoppingModule:hover {
          	color: #fab442;
		font-size: 0;
            	border: 3px solid;
    		border-radius: 50%;
        	}
        button.searchData:active, button.favouriteModule:active, button.shoppingModule:active {
                color: #fab442 !important;
                font-size: 0;
                border: 5px solid;
                border-radius: 50%;
                }
	/* img.ym_topmenu {
          	border-radius: 50%;
            	border: 2px solid #ff880b;
        	} 
    	img.ym_topmenu:hover {
            	border: 4px solid #615854;
        	} */
/*	div.vimi_overlay_logo {
        	position: fixed;
      		z-index: 1;
        	margin-top: 20px;
      		margin-left: 20px;
		border: 0px
		} */
	div.vimi_overlay_logomenu,button.vimi_overlay_logomenu {
        	position: fixed;
      		z-index: 1;
          	background: none;
          	top: 20px;
          	left: 20px;
        	margin-top: 0;
      		margin-left: 0;
          	border: 0px;
    		color: #ffffff00;
            height: 70px;
          	width: 70px;
          	cursor: pointer;
		}

		/* Footer Styling */
	div#modal-40 {
	    z-index: 5000 !important;
	}
	#modal-40 .accordion-item, #modal-40 .accordion-button {
		background-color: #f5f2e2;
		border: none!important;
		}
	#modal-40 h2 {
		font-size: 1.3rem !important;
	}

	a.ywfooterfeed, a.ywfooterterms, a.ywfooterimprint {
           	position: fixed;
		bottom: 20px;
		right: 125px;
		border: none;
		transition: font-weight 0.2s ease;
        	}
        a.ywfooterfeed:hover, a.ywfooterterms:hover, a.ywfooterimprint:hover {
                font-weight: 700;
                }
	a.ywfooterterms {
		right: 205px;
		padding-right: 10px;                    
        	}
        a.ywfooterimprint {
                right: 295px;
                }
	a.ywfooterfeed::before, a.ywfooterterms::before, a.ywfooterimprint::before  {
	    content: "";
	    display: inline-block;
	    width: 1rem;
	    height: 1rem;
	    background-image: url(/fileadmin/vimi/images/ym_img/ym_modalmenu/yw_feed.png);
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-position: center 50%;
	    margin-right: 0px;
	    margin-bottom: 3px;
	    vertical-align: middle;
	    position: relative;
    	    left: 4px;
	    }
	a.ywfooterterms::before  {
		background-image: url(/fileadmin/vimi/images/ym_img/ym_modalmenu/yw_terms.png);
		}
        a.ywfooterimprint::before  {
                background-image: url(/fileadmin/vimi/images/ym_img/ym_modalmenu/yw_imprint.png);
		left: -1px;
                }
        .footer-correction {
            	display: block!important;
        	}
button.ywfootertermsbtn {
    background: 0;
    border: 0;
    font-size: 14px;
    color: #000;
    bottom: 20px;
    position: fixed;
    right: 212px;
    background-image: url(/fileadmin/vimi/images/ym_img/ym_modalmenu/yw_terms.png);
    background-repeat: no-repeat;
    background-size: 17px;
    padding-left: 19px;
    margin: 0 10px 0 10px;
    transition: font-weight .2s;
}
button.ywfootertermsbtn:hover {
    font-weight: 700;
}

        div.vimi_overlay_language {
        	position: fixed;
      		z-index: 5;
      		bottom: 0px;
      		right: 0px;
        	margin: 0px 30px 15px 0px;
      		display: flex;
		}
	div.vimi_overlay_language .btn:hover, div.vimi_overlay_language .btn.active, div.vimi_overlay_language .btn.show {
		background-color: #6c757d4a;
		}
	a#c220::before, .dropdown-menu li a::before, div#yw_country {
	    content: "";
	    display: inline-block;
	    width: 2rem;
	    height: 2rem;
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-position: center 50%;
	    vertical-align: middle;
	    position: relative;
	    right: 2px;
	    }
	div#yw_country {
		position: absolute !important;
    		top: 6px !important;
		}
        @media (max-width: 480px) {
        	div#yw_country {
	                right: 12px !important;
                }
        }
        @media (min-width: 481px) {
                div#yw_country {
                        right: 60px !important;
                }
        }
	.dropdown-menu {
		min-width: 8rem !important
		}
        a#c220.usa::before, .dropdown-menu li:nth-child(1) a::before, div#yw_country.usa {
            background-image: url(/fileadmin/vimi/images/ym_img/ym_modalmenu/yw_globe_usa.png) !important;
	}
        a#c220.ger::before, .dropdown-menu li:nth-child(3) a::before, div#yw_country.ger {
            background-image: url(/fileadmin/vimi/images/ym_img/ym_modalmenu/yw_globe_ger.png) !important;
        }
        a#c220.eng::before, .dropdown-menu li:nth-child(2) a::before, div#yw_country.eng {
            background-image: url(/fileadmin/vimi/images/ym_img/ym_modalmenu/yw_globe_eng.png) !important;
        }
        a#c220.es::before, .dropdown-menu li:nth-child(4) a::before, div#yw_country.es {
            background-image: url(/fileadmin/vimi/images/ym_img/ym_modalmenu/yw_globe_es.png) !impo$
        }
        ul.dropdown-menu, .dropdown-item:hover, .dropdown-item:active {                        
            background-color: #fff0;
	    color: #000000;
        }
        .dropdown-item:hover, .dropdown-item:active {                        
            font-weight: bold;
        }
        div.recipe_context_modals_container {
        	position: fixed;
            bottom: 5px;
            left: 5px;
      		z-index: 100;
		}
        .modal-link[data-bs-target="#modal-436"] {
            color: #c3ecfd;
            font-size: 2px;
        }   
        /* Modal Styling - General */
        div.modal-header {
            padding: 5px 20px 5px 20px;      
            height: 30px;
        }   
        .modal-header h2 {
            font-size: x-large;
	    font-weight: 900;
            margin-bottom: 0px;
        }
	/* Hide Modal Buttons*/
	  /* Account Management Modal, Payment Modal, Food Blog Context Modal */
	  button[data-bs-target="#modal-3100"], button[data-bs-target="#modal-593"], button[data-bs-target="#modal-582"] {
		display: none;
		}
	/* Food Blog Modal */
	div#modal-582 div.blogcontainer, div#modal-436 div.blogcontainer, div.blogcontainer {
		box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
		border-radius: 15px;
		}
	div#modal-582 div.blogcontainer, div#modal-436 div.blogcontainer, div.blogcontainer {
		--bs-primary: #57a4ff;
		}
	div#modal-582 div.card-group, div#modal-436 div.card-group, div.blogcontainer div.card-group {
		justify-content: space-evenly;
	}
	div#modal-582 .card-group.gallery h4, div#modal-582 .card-group.gallery h5, div#modal-436 .card-group.gallery h4, div#modal-436 div[id^="shortcut"] .card-group.gallery h5, div.foodstory div.blogcontainer .card-group.gallery h5 {
    		font-size: medium;
		width: 105px;
		}
	div#modal-582 .card-group.gallery p, div#modal-436 .card-group.gallery p, div.blogcontainer .card-group.gallery p {
                font-size: small !important;
                width: 105px;
                }
	div#modal-582 div.card-body p, div#modal-436 div.card-body p, div#toast-221 div.card-body p, div.blogcontainer div.card-body p {
		font-size: small !important;
		margin-bottom: 5px;
		}

.ywstorybtn.btn-info, #toast-221 .btn-secondary, #modal-589 .btn-primary.login_modal, #modal-436 .btn-primary.login_modal, #modal-3180 .btn-primary.login_modal, #toast-4 .btn-primary.login_modal, #modal-6 .btn-primary, #modal-3100 .btn-primary, div.card-body p .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #57a4ff;
    --bs-btn-border-color: #86beff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7fbcff;
    --bs-btn-hover-border-color: #72adf3;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f9b63f;
    --bs-btn-active-border-color: #c2a441;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}
#modal-589 .btn-primary.login_modal, #modal-436 .btn-primary.login_modal, #modal-3180 .btn-primary.login_modal {
	display: block;
    	margin: 0 auto;
        position: relative; 
        top: -14rem !important;
	}
#toast-4 button.btn.btn-secondary.btn-sm.mx-auto.d-block {
    font-size: medium;
    width: 160px;
    font-weight: bold;
}

	/* Styling Account Management Modal */
	#modal-3100 .accordion-item, #modal-3100 .accordion-button, #modal-582 .accordion-item, #modal-582 .accordion-button {
    		background-color: #f5f2e2;
		border: none!important;
		}

		/* hide second success message */
	div#collapse-3103 .femanager_flashmessages .typo3-message.message-0:nth-of-type(2) {
		display: none;
		}
	 

        /* Styling Recipe Context Modal */
        div#modal-436::-webkit-scrollbar {
    		width: 0px;
		}
	div#modal-436 div.modal-content {
		/* transform: rotate(0.2deg);*/
    		/* border: #f5f2e2; */
    		/* border-width: 20px; */
    		border-style: solid;
    		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    		background-color: #f5f2e2;
		}
	div#modal-436 div[id^="shortcut"], div#modal-436 div.foodstory, div#modal-436 .contextfavlist {
		  max-width: 470px !important; /* Ensure the div fits the container */
		  box-sizing: border-box; /* Include padding and border in the width */
		  overflow-wrap: break-word; /* Handle long words */
		  word-wrap: break-word; /* Older compatibility */
		  word-break: break-word; /* Ensure content breaks properly */
		}
	@media only screen and (max-width: 600px) {
	        div#modal-436 div.foodstory, div#modal-436 .contextfavlist {
	                  max-width: 41vh !important;
	                }
	}
	div#modal-436 h1 { 
		color: #615854;
		text-align: center;
		font-weight: 900;
    		font-size: 2rem;
		}
	/* add background image to favorites context for not logged in users */
	div#modal-436 .addtofavourite h2, div#modal-3180 div#tab-content-3184 h2.login-error, div#modal-3180 div#tab-content-3185 h2.login-error, div#modal-589 h2.login-error, div#modal-589 div.modal-body h2 {
		background-repeat: no-repeat;
		background-position: top;
		padding-top: 6rem !important;
		padding-bottom: 14rem !important;
		text-align: center;
		}
       div#modal-436 .addtofavourite h2 {
                background-image: url(/fileadmin/vimi/images/ym_img/yw_btn/favnlbg.jpg);
		background-size: 90%;
		}
       div#modal-3180 div#tab-content-3184 h2.login-error {
                background-image: url(/fileadmin/vimi/images/ym_img/yw_btn/shopmenunlbg.jpg);
		background-position: top left;
    		background-size: 90%;
                }
       div#modal-3180 div#tab-content-3185 h2.login-error {
                background-image: url(/fileadmin/vimi/images/ym_img/yw_btn/shoplistnlbg.jpg);
                background-position: top left;
                background-size: 90%;
                }
	div#modal-3180 div#tab-content-3184 h2.login-error.data-not-found.notBasketFav {
		background-size: 0% !important;
		color: #615854;
    		font-weight: 900 !important;
		font-family: unset !important;
		max-width: unset !important;
		}
       div#modal-589 h2.login-error, div#modal-589 div.modal-body h2 {
                background-image: url(/fileadmin/vimi/images/ym_img/yw_btn/favmgmtnlbg.jpg);
		background-position: top left;
		margin-top: 30px;
                }
  	div#modal-436 img.img-fluid, div#modal-582 img.ywstory, div#modal-436 div[id^="shortcut"] img.ywstory {
    		transform: rotate(-1deg);
    		border: #faf9f6;
    		border-width: 12px;
    		border-style: solid;
    		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    		/* padding: 5px; */
    		margin-bottom: 5px;
    		margin-top: 5px;
		width: 90%;
    		height: auto;
		}
	div#modal-582 img.ywstory, div#modal-436 div[id^="shortcut"] img.ywstory {
		width: unset !important;
		}
	/* in order to postion comment message above comments */
	#modal-436 .pageContent {
    		display: grid;
		}
	#modal-436 .pageContent .typo3-messages {
                top:25px;
		width: 90%;
		position: absolute;
                }
	#writeComment input.button {
		margin: 0 !important;
		}
        #modal-436 .pageContent .typo3-messages p {
		margin-bottom: 0 !important;
		}
        /* Styling for Search Modal and Favorites Management Modal */                        
	div#modal-589,div#modal-587 {
            	top: auto!important;
    		height: 50vh;
    		overflow-y: hidden;
    		position: fixed;
    		z-index: 6;
    		bottom: 0!important;
    		transform: translateX(-50%);
        	}
	div#modal-587 main.main-content {
		height: unset;
		}
	div#modal-587 button#minimize-filter-search {
		outline: 0px !important;
		}
	div#modal-587 .minimize-filter, div#modal-589 .minimize-filter {
    		max-width: 30px;
		}
	div#modal-589 div#swiper {
		margin-bottom: 9px !important;
		}
        div#modal-589 div#sliderData { 
                display: block !important;
                }
/*	div#modal-589 div.close, div#modal-587 div.close {
    		width: 100px;
    		padding-left: 20px;
    		margin-right: 5px;
    		margin-left: 20px;
		}
*/
	div#modal-587 div.modal-content, div#modal-589 div.modal-content, div#modal-593 div.modal-content, div#modal-3100 div.modal-content, div#modal-582 div.modal-content, div#modal-331 div.modal-content, div#modal-40 div.modal-content, div#modal-7309 div.modal-content, div#modal-3180 div.modal-content {
		transform: rotate(-0.2deg);
    		/* border: #f5f2e2; */
    		/* border-width: 20px; */
    		border-style: solid;
    		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    		background-color: #f5f2e2;
		}
	div#modal-582 div.modal-content {
		transform: rotate(-0.0deg);
		max-height: 96vh;
		max-height: 96dvh;
		}
	div#modal-582 div.modal-body {
                overflow-y: auto;
		/* z-index unset important to fix overlap issue of account button on iOS */
		z-index: unset;
                }
	div#modal-589 div.modal-body,div#modal-587 div.modal-body {     
                overflow-y: auto;
		overflow-x: hidden;
		max-height: 450px;
                }
	.swiper-wrapper {
    		padding-left: 8px;
		} 
	#toast-4.swiper-wrapper {
		padding-left: unset !important;
	}
	div#modal-589 div.swiper-slide {
		    width: 140px !important;
		}
	div#modal-589 div.swiper figure.image, div#modal-587 div.swiper figure.image {
		display: flow !important;
		margin-bottom: 2px;
		}
	div#modal-589 div.swiper picture, div#modal-587 div.swiper picture {
		position: relative;
    		width: 100%;
    		/*height: 80px;*/
    		display: flex;
    		flex-direction: column-reverse;
		flex-wrap: wrap;
		align-content: center;
		}
	div#modal-589 div.swiper h0.card-title, div#modal-587 div.swiper h0.card-title {
		display: flex;
    		align-items: center;
    		flex-direction: column;
		margin-bottom: 0px !important;
		text-align: center;
		}
        div#modal-589 div.swiper .card--text, div#modal-587 div.swiper .card--text {
                text-align: center;
                }
	div.addtofavourite {
		border: solid 1px #6158543d !important;
   		border-radius: 10px !important;
	}
	.activeFav {
		border: 0px !important;
		background-color: #6158541c !important;
	}
        .activeFav img {
                border: #e8bf2f45 !important;
        }
        input#search {
    		margin: 0 20px 10px;
    		padding: 7px 10px;
    		width: 90%;
		max-width: 400px;
    		outline: none;
    		border: 1px solid #7ebbff;
	    	border-radius: 10px;
	}
	input#ke_search_sword {
		margin-right: 5px;
	}
	div.share-options-links {
		flex-direction: row-reverse;
    		justify-content: flex-end;
	}
	@media only screen and (max-width: 480px) {
	  div.share-options-links {
	    font-size: x-small;
	  }
	}
	img#publicLink {
		height: 30px !important;
		width: 30px !important;
		display: flex;
    		align-items: center;
	}
	a#addAllFavToBasket, span#shareSpan, span#editableSpan, span#yw-path, span#reorderSpan {
	    padding-right: 10px;
	    display: flex !important;
	    align-items: center;
	    flex-direction: column;
	    text-align: center;
	    text-decoration: none;
	    color: #352d2c;
	    transition: transform 0.3s ease, color 0.3s ease;
		}
	a#addAllFavToBasket {
                margin-left: 10px !important;
                }
        span#shareSpan {
                margin-left: 0px !important;
		padding-right: 0px !important;
                }
	span#shareSpan p {
		margin: 0px !important;
		color: unset !important;
		}
	span#editableSpan {
		padding-right: 30px !important;
		margin-left: 8px !important;
		}
	a#addAllFavToBasket:hover, span#shareSpan:hover, span#yw-path:hover, span#reorderSpan:hover {
		font-weight: 900;
		transform: scale(1.05);
		} 
        a#addAllFavToBasket:active, span#shareSpan:active, span#yw-path:active {
                font-weight: 900;
		color: #000;
		transform: scale(1.1);
                } 

	span#shareSpan img, a#addAllFavToBasket img, span#yw-path img, span#reorderSpan img {
		height: 35px !important;
		width: auto !important;
		}
	span#yw-path img {
		cursor: pointer;
	}
	span#reorderSpan button {
		background: none !important;
    		border: none !important;
	}
	span#reorderSpan form {
	    margin-bottom: -2px;
	}
	span#editableSpan input#editable { 
		top: 5px;
    		position: relative;
		margin: 4px 3px 11px 4px !important;
		height: 20px;
    		width: 20px;
	        outline: 3px solid #372d2c;
	        outline-width: thick;
		cursor: pointer;
		/* accent-color: #f5f2e2;*/
	}
	div#modal-589 div.tx-ns-test {     
            	margin-top: -30px;
        }
        input#ke_search_sword.form-control {
      		border-color: #7ebbff;
      	}
	/* Shop Plugin Styling */
	div.ymshop-card {
	    max-height: 100% !important;
	    aspect-ratio: auto;
	    border: #faf9f6;
	    border-width: 8px;
	    border-style: solid;
	    box-shadow: 0 4px 8px 0 rgb(0 0 0 / .2), 0 6px 20px 0 rgb(0 0 0 / .19);
	    width: 96%;
	    object-fit: cover !important;
	    position: relative;
	    cursor: pointer;
	    font-weight: 900;
	    overflow-wrap: break-word;
	}
	.ymshop-card__img img {
		object-fit: contain!important;
		filter: drop-shadow(0 0px 1px rgba(0, 0, 0, 0.6));
	}
	.ymshop-card.article-active {
    		background-color: #f7e593!important;
	}
	.ymshop-page-info:nth-of-type(1) {
	        margin-top: 0px !important;
	}
	.ymshop-page-info__title img {
	    max-height: 4.5rem !important;
	    width: auto !important;
	    max-width: 90% !important;
	    aspect-ratio: auto !important;
	}
	.ymshop-card .gray-bg {
		background-color: #f7e59300!important;
	}

        /* pw_comments Styling */
        div#writeComment, div#writeComment h3, div#comments h1 {
         	margin-top: 0px;
            	padding-top: 0px;
            	color: #615854;
   		font-weight: 900;
            	}
	div#comments h1 {
		font-size: large;
		color: #f5f2e2 !important;
		}
	div#comments {
		margin-top: 20px !important;
	}
        div.loggedInAs {
          	display: none;
            	visibility: hidden;
            	}
        @media (max-width: 425px) {
            	.comments-list {
                	width: 80%;             
             		}
        	}
        /* Styling payment plugin */  
         div#information b {
    		margin-left: 10px;
		 }
        .tx-ns-yw-payment .ywPaymentLabel, .tx-ns-yw-payment .ywPaymentValue {
            display: flex;
    	    justify-content: center;
    	    font-weight: 900;
            margin-bottom: 5px;
         }
        .tx-ns-yw-payment .ywPaymentCurrency {
            color: #000;
            padding-left: 5px;
	}
	form#trialForm {
	    display: flex;
    	    justify-content: center;
	} 
        /* Styling addtofavorites plugin */  
        div.ymPageModalCard {
            margin-bottom: 10px;
	    padding: 0 !important;
	    transform: rotate(1deg);
	    border: #faf9f6;
	    border-width: 12px;
	    border-style: solid;
	    box-shadow: 0 4px 8px 0 rgb(0 0 0 / .2), 0 6px 20px 0 rgb(0 0 0 / .19);
	    object-fit: cover;
	    background-color: #faf9f6;
    	    height: 165px;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-around;
 	    }
        div.ymPageModalCard img {
		height: auto;
		width: -webkit-fill-available;
		}
	div.ymPageModalCard span {
		background-color: #faf9f6 !important;
		padding: 5px !important;
		font-weight: 600 !important;
		color: #372d2c !important;
		}
        div.tx-ns-test h1 {
            position: absolute;
    	    width: 300px;
            color: #615854;
   	    font-weight: 900;
            font-size: 1.5rem;
        }
        div#modal-436 div.tx-ns-test h1 {
            position: absolute;
            width: 280px;
            color: #615854;
            font-weight: 900;
            font-size: 1.3rem !important;
	    rotate: -3deg
        }
        @media (max-width: 480px) {
            div#modal-436 div.tx-ns-test h1 {
    		width: 190px!important; 
                font-size: 1.2rem!important;
        	}
        }  
        div.addList, span.userList {
            max-width: 102px;
            margin: 5px;                    
	    transition: transform 0.3s ease;
            }
        div.addList:active, span.userList:active {
	    transform: scale(1.1);
            }

	div.addList, span.userList input#pic, div.addList input#pic, span.userList input#listname, div.addList input#listname, div.addList input#desc, span.userList input#desc {
		font-size: smaller !important;
		}
	span.userList input.saveList, div.addList input.saveList {
		background-color: #72adf3 !important;
    		border-color: #8cc4ff !important;
		font-size: small !important;
		}
        span.userList input.saveList:hover, div.addList input.saveList:hover {
                background-color: #7fbcff !important;
                border-color: #72adf3 !important;
                }
        span.userList input.saveList:active, div.addList input.saveList:active {
                background-color: #f9b63f !important;
                border-color: #c2a441 !important;
                }
        .addList.fav {
                width: 90px;
                margin-top: 0px;
                padding-top: 5px;
        } 
        @media (max-width: 390px) {
        	div.addList, span.userList {
            		max-width: 94px;
            	}
		.addList.fav {
		    	width: 90px;
		}
        } 
        img.addImg {
            	padding-top: 10px; 
		cursor: pointer;
        }
	span.userListImage .favimg { 
		height: 100px;
		width: 100px;
    		position: relative;
		}
	div.addToFavMid {
		padding-top: 10px;
	}
        span.userListImage .favimg img, span.userListImage .activeFav .favimg img {   
            /*	height: auto !important;
		margin: 5px 0px 5px 0px;
        	bottom: 0 !important;
    		position: absolute;
    		left: 50%;
    		transform: translateX(-50%);  */
		margin: 0px 0 5px 0;
		    bottom: 0 !important;
		    position: absolute;
		    left: 0%;
		    transform: rotate(1deg);
		    border: #faf9f6;
    		    border-width: 12px !important;
    		    border-style: solid !important;
		    box-shadow: 0 4px 8px 0 rgb(0 0 0 / .2), 0 6px 20px 0 rgb(0 0 0 / .19);
		    object-fit: cover;
		}                          
        div#modal-436 span.userListImage p, span.userListImage p {
    		font-size: small !important;    
            	margin-bottom: 0px;
		color: #615854;
        	line-height: 100%;
	}
	span.userListImage h5 {
                color: #615854;
		font-size: 1rem !important;
		margin-bottom: 2px; 
        }           
        span.userListImage h6 {
		color: chocolate;
    		font-size: smaller;
		margin-bottom: 2px;
        }
	.userList__add, .userList__delete, .userList__unfollow, .userList__edit, .userList__right__page, .userList__left__page, .userList__delete__page, .userList__addToBasket__page {
		border: 0px !important;
	}  
	.userList__add:hover, .userList__delete:hover, .userList__unfollow:hover, .userList__edit:hover, .userList__right__page:hover, .userList__left__page:hover, .userList__delete__page:hover, .userList__addToBasket__page:hover {
		background: #e8bf2f !important;
        }  
	.userList__add {
		top: -10px !important;
    		right: -4px !important;
    		border: 0px !important;
		background-color: white !important;
        } 
	.userList__addToBasket__page {
		display: flex;
	    	top: -2px !important;
	    	right: -1px !important;
	    	left: unset !important;
		width: 30px !important;
    		height: 30px !important;		
	}
	.userList__addToBasket__page img {
                height: 30px !important;
                width: auto !important;
	    border: 0 !important;
	    left: unset !important;
	    right: -4px !important;
	}  
	.swiper-slide:hover .userList__delete__page {
		left: -10px !important;
	}
        .userList__delete, .userList__unfollow {
		top: -10px !important;
    		left: -5px !important;
    		border: 0px !important;
            } 
        .userList__edit {
		top: 75px !important;
    		right: 0px !important;
    		border: 0px !important;
            } 
        button.userList__right__page {
    		right: 0 !important;
		left: unset !important;
		width: 20px !important;
    		height: 20px !important;
            }               
        button.userList__left__page {
                left: -10px !important;
		width: 20px !important;
    		height: 20px !important;
            }   
	button.userList__left__page img, button.userList__right__page img, button.userList__add img {
                width: 20px !important;
                height: 20px !important;
            }   
        /* Styling Search Modal */  
        div#kesearch_results {
            	height: 240px;    
        }
	div#searchmodal.modal-xl,div#searchmodal.modal-content,div.modal-body,div.pageContent,div#page-content {
            	height: 100%                    
        }
        main.main-content {
            	height: 100%                    
        }
        /* search results */
        div#c490 {
        	overflow-y: scroll;
         	height: 70%;
        }
        div#c490::-webkit-scrollbar {
    		width: 0px;
	}     
        /* Search Modal Styling */
        /*div.search-result--container div.swiper-slide {
            	height: 200px;
            	width: 114px;                    
	}*/
        div.swiper-slide figure {
            	touch-action: pan-x;
        }
        div.swiper-slide figure.image {
		display: flex;
		flex-direction: column;
		width: 114%;
		/*height: 120%;*/
		flex-wrap: nowrap;
		align-content: center;
		left: -9px;
	}
        span.card--image img {
            	max-height: 5.5rem !important;
	    	width: auto !important; 
            	max-width: 90%;
		aspect-ratio: auto;
        }
	div#modal-587 span.card--image img, div#modal-589 span.card--image img, div#modal-3180 div.ymshop-pages-data .ymshop-page-info__title img {
	    max-height: 100% !important;
	    width: auto !important;
	    max-width: 90%;
	    aspect-ratio: auto;
	    transform: rotate(-0.3deg);
	    border: #faf9f6;
	    border-width: 8px;
	    border-style: solid;
	    box-shadow: 0 4px 8px 0 rgb(0 0 0 / .2), 0 6px 20px 0 rgb(0 0 0 / .19);
	    margin: -1px 7px 5px 3px;
	    width: 96%;
	    height: 7rem;
	    object-fit: cover !important;
	    position: relative;
		} 
	/* Styling Shop Modal */
	div#modal-436 div.ymshop-cards, div#modal-3180 div.ymshop-cards {
		justify-content: center !important;
	}
	div#modal-3180 div.shopBasket .btn--with-icon, div#modal-3180 div.shopBasket .btn--with-icon__text {
		align-items: center !important;
		margin-left: 0px !important;
	} 
	div#modal-3180 ul#tabContainer-3326, div#modal-3180 ul#tabContainer-3183, div#modal-3180 div.rewe-container {
	    display: flex;
	    justify-content: center;
	}
	div#shoppingButtons {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	}
	div#modal-3180 button.rewe-button {
		height: 40px !important;
    		width: 210px !important;	
	}
	div#reweButton {
	    margin-bottom: 10px;
	}
	button#amazonButton {
	    display: flex;
	    align-items: center;
	    justify-content: flex-start;
	    padding: 9px 27px 10px 0px;
	    background-color: #74bd43;
	    color: #fff;
	    border: none;
	    border-radius: 4px;
	    font-size: 14px;
	    cursor: pointer;
	    background-image: url(/fileadmin/vimi/images/ym_img/yw_btn/amazon-fresh-logo.png);
	    background-repeat: no-repeat;
	    background-size: 44px auto;
	    padding-left: 73px;
	    background-position: 15px 4px;
	}
        button#amazonButton:hover {
		font-weight: 900;
	}

	div#modal-3180 button#tab-3185 {
	    margin-left: 40px;
	}
	.ymshop-modal .nav-tabs .nav-link {
		border: 2px solid #372d2c;
		border-radius: 0 20px 20px 0;
		padding-left: 20px;
		transition: background-color .3s, color .3s;
	}
	.ymshop-modal .nav-tabs .nav-link:hover, .ymshop-modal .nav-tabs .nav-link.active {
	    background-color: #372d2c !important;
	    color: #fff !important;
	    font-weight: 600 !important;
	    padding-left: 20px;
	}
        div#modal-3180 button#tab-3184::before, div#modal-3180 button#tab-3185::before {
            content: '';
            position: absolute;
            background-image: url('/fileadmin/vimi/images/ym_img/yw_btn/yw_menu.png');
            background-size: cover;
            background-repeat: no-repeat;
            border: 2px solid #372d2c;
            border-radius: 100%;        
        } 
        div#modal-3180 button#tab-3185::before { 
            background-image: url('/fileadmin/vimi/images/ym_img/yw_btn/yw_shoplist.png');       
        } 
@media (min-width: 768px) {
	div#modal-3180 button#tab-3184::before, div#modal-3180 button#tab-3185::before {
	    top: 5px;
	    left: 22%;
	    height: 60px;
	    width: 60px;
	} 
        div#modal-3180 button#tab-3185::before {
            left: 47%; 
        } 
}
@media (min-width: 498px) and (max-width: 767px) {
        div#modal-3180 button#tab-3184::before, div#modal-3180 button#tab-3185::before {
            top: 5px;
            left: 17%;
            height: 60px;
            width: 60px;        
        } 
        div#modal-3180 button#tab-3185::before {
            left: 41%;       
        } 
}
@media (min-width: 376px) and (max-width: 497px) {
        div#modal-3180 button#tab-3184::before, div#modal-3180 button#tab-3185::before {
            top: 7px;
            left: 11%;
            height: 55px;
            width: 55px;
        } 
        div#modal-3180 button#tab-3185::before {
            left: 40%;        
        } 
}
@media (max-width: 375px) {
        div#modal-3180 button#tab-3184::before, div#modal-3180 button#tab-3185::before {
            top: 7px;
            left: 5%;
            height: 55px;
            width: 55px;
        } 
        div#modal-3180 button#tab-3185::before {
            left: 38%;        
        } 
}
	div#modal-3180 .ymshop-page-info__title {
	    display: grid;
	    justify-content: start;
	    justify-items: center;
	    font-size: medium;
	}
	div#modal-3180 .ymshop-page-action {
		display: flex;
    		align-items: center;
	}
	span.ymshop-page-action__icon img {
		height: 45px !important;
		width: auto !important;
	}
        div.ymshop-cate-reset__icon img, button#updateArticles img {
                height: 35px !important;
                width: auto !important;
        }
	button#basketContext img {
                height: 60px !important;
                width: auto !important;
        }
	.btn--addbacsket span {
	    max-width: 95px;
	    margin-top: 10px;
	}
	button#ymshop-page-qty-minus img, button#ymshopp-cate-qty-minus img {
		height: 8px !important;
		}
	div.shopBasket div.row {
		justify-content: flex-end;
		}
	div.shopBasket div.row div.col-9 { 
		width: 150px !important;
		}
        div.shopBasket div.row div.col-3.text-end { 
                width: 170px !important;
		text-align: left !important;
                }
	button#deleteBasketFav, button#basketContext, button#addToFavoritesBas {
		align-items: center !important;
		padding-right: 0px !important;
		}
	button#addToFavoritesBas span, button#basketContext span, button#deleteBasketFav span, button#updateNetValue span, button#deactivate-button span, button#activate-button span {
	    font-weight: 700 !important;
	    transition: transform .3s;
	}
	button#addToFavoritesBas span:hover, button#basketContext span:hover, button#deleteBasketFav span:hover, button#updateNetValue span:hover, button#deactivate-button span:hover, button#activate-button span:hover {
	    transform: scale(1.2);
	}
	button#updateNetValue {
		margin-right: 50px !important;
		}
        div.search-result--container a, div.ymshop-page-info a {
            	color: chocolate;
            	font-weight: bold;
            	font-size: medium;
		line-height: 1.1;
		transition: transform 0.3s ease, color 0.3s ease;
        }
        div.search-result--container a:hover, div.ymshop-page-info a:hover {
		transform: scale(1.05);
        }
	div.search-result--container a:active, div.ymshop-page-info a:active {
                transform: scale(1.1);
		color: #ff6a00;
        }
	li.optionCheckBox,li.optionCheckBox--active {
    	/*	height: 40px; */
    		display: inline-block;
    		border-radius: 50px;
    		min-width: 60px;
    		margin: 3px;
     	}
	li.optionCheckBox label {
		cursor: pointer;
	}
	li.optionCheckBox input:checked+label {
		background-color: #372d2c !important;
		color: #f5f2e2 !important;
		border-radius: 50px;
                border-color: #615854!important;
	}
	/*   
	.optionCheckBox--img.optionCheckBox--active {
    		border-color: #615854!important;
	}
	li.optionCheckBox {
		background-position: center!important;
    		background-size: 80%!important;
    		background-repeat: no-repeat!important;
	}
	*/       
	.optionCheckBox--parent {
    		border-color: #615854!important;
		border: 2px solid !important;
    		background: #372d2c !important;
            color: #f5f2e2 !important;
            font-weight: 900 !important;
	}
	/*       
	.optionCheckBox:hover, .optionCheckBox--active {
                border-color: #615854!important;
                border: 1px solid !important;
                background: #372d2c !important;
        }
	*/
	/*
	li.optionCheckBox--parent label, li.optionCheckBox label:hover, li.optionCheckBox input:checked+label {
	    color: #f5f2e2 !important;
	    font-weight: 900 !important;
	} 
        */       
        /* Search Style End */                        
        legend {
            	display: none;            
        }
        div#modal-587 div.search-result--container div.card-body {
            	height: 9em;
            	font-size: smaller;
        }
        div#modal-589 div.search-result--container div.card-body {
                height: 9em;
                font-size: smaller;
        }
	div.modal {
        	position: fixed;
      		z-index: ;
	}
	div.modal-backdrop {
      		z-index: 0;
	}
        div.modal-dialog  {
      		z-index: 50;
        }
        div.modal-body  {
      		z-index: 50;
        }
        div.modal-content  {
      		z-index: 50;
            	min-height: 52vh;
            	max-height: fit-content;
        }
	.carousel-caption {
    		background-color: rgb(255 255 255 / 0%);
    		position: relative;
    		bottom: 0;
          	top: 10px;
   		left: 50%;
    		transform: translate(-50%, -20%);
	}
	span.carousel-control-prev-icon,span.carousel-control-next-icon {
	    	background-image:url();
        }
        #modal-6 .alert.alert-info {
		display: none!important;
	}
	#modal-6 .col-sm-2 {
		flex: 0 0 auto;
    		width: 100%!important;
	}
	#modal-6 button.nav-link, #modal-593 button.nav-link {
		--bs-nav-link-padding-x: 0.75rem !important;
		color: #615854;
    		font-weight: 900;
	} 
        @media screen and (max-width: 375px) {
	        #modal-6 ul#tabContainer-3215 button.nav-link, #modal-593 ul#tabContainer-3335 button.nav-link {
	                --bs-nav-link-padding-x: 0.45rem !important;
	       		}
		}
	div#modal-6,div#modal-599,div#modal-92,.vimi-login-box {
    		height: 85vh;
    		top: -3%!important;
        }
        div.btn-toolbar {
    		padding-top: 10px;
        }
        .cc-revoke, .cc-window {
        	font-size: 13px;
    		line-height: 1.2em;  
           	 border-radius: 35px 10px;
        }
	.cc-message {
            	font-size: smaller;
    		font-weight: bold;
    		text-align: center;
        }      
        .cc-floating.cc-theme-edgeless .cc-message {
            	margin: 0.3em 1.0em 0em 1.5em
        }
        a.cc-btn.cc-dismiss:hover {
          	background-color: #071752;
        }
       	.comments-list .comment-box {
    		width: 80%;
        }
	@media screen and (max-width: 375px) {
		div.tx-pwcomment-pi1 textarea {
			width: 60% !important;
			}
		}
        .ym_shareLink {
		float: left;
		padding: 10px;
            	margin: 10px;
	}
        .ym_shareLinkBlock {
		    display: flex;
		    align-items: flex-end;
		    flex-wrap: wrap;
		    justify-content: center;
		}
        div.ymas {
            z-index: 0;
       	}
 		@media screen and (max-width: 414px) {
        	div.ymas {
            		display: none;
                	z-index: 0;
        		}
        	}
        /* hide page title in modal header */
        .pageTitle {
           	display: none;                     
      	}   
        div#modal-436 div.modal-header {
    		height: min-content;
		}
        div#modalmenu-wrapper {
            display: flex;
    		width: 100%;
    		justify-content: space-evenly;
            position: relative;
        }
        div#modalmenu-wrapper::before {
    		content: "";
    		position: absolute;
    		top: 50%;
    		left: 10%;
    		right: 10%;
    		height: 1px;
    		background-color: #615854;
		}
        .MM_story,.MM_favorites,.MM_comment,.MM_share,.MM_basket  {
    		background-repeat: no-repeat;
    		background-size: contain;
    		background-position: center;
    		width: 40px;
    		height: 40px;
		border-radius: 50%;     
                border: 0.1px solid #615854;   
                z-index: 5;
  			}                
          .MM_story:hover,.MM_favorites:hover,.MM_comment:hover,.MM_share:hover,.MM_basket:hover,.MM_story:active,.MM_favorites:active,.MM_comment:active,.MM_share:active,.MM_basket:active  {
                border: 2px solid #615854;                
  			}  
          .MM_comment {
		background-image: url('/fileadmin/vimi/images/ym_img/ym_modalmenu/ym_mm_comment.png');
  		}
          .MM_share {
		background-image: url("/fileadmin/vimi/images/ym_img/ym_modalmenu/ym_mm_share.png");
  		}
          .MM_story {
		background-image: url("/fileadmin/vimi/images/ym_img/ym_modalmenu/ym_mm_story.png");
  		}
          .MM_favorites {
		background-image: url("/fileadmin/vimi/images/ym_img/ym_modalmenu/ym_mm_favorites.png");
  		}                                 
          .MM_basket {
		background-image: url("/fileadmin/vimi/images/ym_img/ym_modalmenu/ym_mm_basket.png");
  		}                                
        
	/* Food blog Styling Swiper & toast Swiper */
	div#toast-221 div.card figure.image {
		/*justify-content: center;
		display: block!important;*/
                height: 60%;
                display: block;
                align-content: stretch;
                justify-content: center;
                align-items: center;
		position: relative;
    		top: -1px;
    		padding-top: 4px;
		}        
        div#modal-582 div.card figure.image, div#modal-436 div.card figure.image {
        	height: 100px;
		width: auto;
		left: -3px !important;
		display: flex;
		align-content: center;
		justify-content: center;
		align-items: center;
		flex-wrap: nowrap;
		flex-direction: column;
                }
	/* #swiper-734 img.img-fluid.d-block {
		height: 100% !important;
		width: 100% !important;
		}  */
        div#modal-582 div.card-group div.card, div#modal-582 .swiper-wrapper .card, div#modal-436 div.card-group div.card, div#modal-436 .swiper-wrapper .card {
		background-color: #ffffff90 !important;
		}
	div#modal-582 div.card-group div.card img, div#modal-436 div.card-group div.card img {
		height: 100px !important;
    		width: auto !important;
		border-radius: 0px!important;
		transform: rotate(-0.7deg);
		border: #faf9f6;
		border-width: 9px;
		border-style: solid;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		margin: -2px 7px 2px 3px;
		width: 96%;
		object-fit: contain !important;
	 	}
	div#modal-582 div.card-group div.card h4, div#modal-436 div.card-group div.card h4 {
		margin-bottom: 0.1rem;
		}
	div#toast-221 div.card, div#modal-6 div.card, div#modal-593 div.card {
                border-radius: 4px!important;
		background-color: #fff!important;
		border-width: 1px!important;
		}
	div#modal-582 div.card a, div#modal-436 div.card a, div#toast-221 div.card a {
		color: #615854;
		font-size: medium;
    		font-weight: 600;
		}                
	div#modal-582 div.card .card-body, div#modal-436 div.card .card-body, div#toast-221 div.card .card-body {
		height: 40%; /* Takes up 40% of the card's height */
    		align-items: center; /* Aligns the content at the top of the card-body */
    		display: flex;
		text-align: center;
		flex-direction: column;
    		flex-wrap: nowrap;
		padding: 2px 10px !important;
		}
        
	div#modal-582 .swiper-wrapper, div#toast-221 .swiper-wrapper {
		/* height: 240px !important; */
		}
	div#modal-582 .swiper-wrapper .card-body, div#modal-436 div[id^="shortcut"] .swiper-wrapper .card-body, div#toast-221 .swiper-wrapper .card-body {
                display: block; 
                }
	div#modal-582 .swiper-wrapper .card-body h4.card-title.mb-3, div#modal-436 .swiper-wrapper .card-body h4.card-title.mb-3, div#toast-221 .swiper-wrapper .card-body h4.card-title.mb-3, div#toast-221 .swiper-wrapper .card-body h5.card-title {
		margin-bottom: 6px!important;
		line-height: 0.8;
		} 
	div#modal-582 .swiper-wrapper .card, div#modal-436 div[id^="shortcut"] .swiper-wrapper .card, div#modal-593 .swiper-wrapper .card, div#toast-221 .swiper-wrapper .card {
		display: flex;
    		flex-direction: column;
		height: 100% !important;
    		/*align-content: center;
		justify-content: center;
		align-items: center;*/
                }
	/* Styling Account Mgmt Button */
        /* div#modal-582 div.pageContent {
                position: static;
                } */ 
        /*div#modal-582 div#c3150 {
                position: fixed;
		z-index: 2000;
	    	height: 100%;
	    	width: 100%;
                } */ 	
        /*div#modal-582 div.modal-header {
                z-index: 2;
		position: relative;
                } 
        div#modal-582 div.modal-body {
                z-index: 2;
                position: relative;
                }*/
        div#modal-582 div.ywaccountcontainer {
                position: fixed;
                right: 145px;
                top: 2px;
                z-index: 100;
                }     
	div#modal-582 button.ywaccount {
	    position: absolute;
	    border-color: #61585400;
	    color: #615854;
	    text-align: left;
	    text-decoration: none;
	    font-size: 14px;
	    transition-duration: 0.4s;
	    cursor: pointer;
	    background-color: #fff8d300;
	    width: 50px;
	    height: 30px;
	    display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	    font-weight: 900;
	    justify-content: center;
	    transition: transform 0.2s ease;
	}
        div#modal-582 button.ywaccount:hover, div#modal-582 button.ywaccount:active {
	    transform: scale(1.05);
	}
	div#modal-582 button.ywaccount:active {
            color: #000;
        }
	div#modal-582 button#yw_account_button::before {
	    content: '';
	    position: absolute;
	    background-image: url(/fileadmin/vimi/images/ym_img/yw_btn/yw_account.png);
	    background-size: cover;
	    background-repeat: no-repeat;
	    border: 2px solid #372d2c;
	    border-radius: 100%;
	    top: -5px;
	    left: -36px;
	    height: 40px;
	    width: 40px;
	}
@media (max-width: 376px) {
	div#modal-582 button#yw_account_button::before {
        height: 30px;
        width: 30px;
	top: -3px;
    	left: -25px;
        }
}
        div#modal-582 button#yw_account_button:hover::before {
	    filter: invert(0.1); 
	}
	div#modal-582 div.ywpro {
    		font-size: 0.75rem;
    		font-weight: 900;
    		margin-top: 34px;
    		margin-left: -23px;
    		transform: rotate(335deg);
    		position: absolute;
    		background-color: #fab442;
    		border-radius: 60px;
    		padding: 0px 5px;
		}
/* Add Twinkling Star Effect to Recipe Itinary */
@keyframes twinkle {
    0%, 100% {
        opacity: 0.7;
        transform: scale(5);
	box-shadow: 0 0 10px white;
    }
    50% {
        opacity: 0.1;
        transform: scale(13);
	box-shadow: 0 0 20px white;
    }
}

.twinkle-star {
    animation: twinkle 2s infinite ease-in-out;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 0 10px white;
}

/* Spinning effect for add-to basket button on wait */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* hide iFrame elements */
body.is-embedded header, 
body.is-embedded footer, 
body.is-embedded div.toast-container, 
body.is-embedded div.vimi_overlay_logo,
body.is-embedded button.vimi_overlay_logomenu,
body.is-embedded button.searchData,
body.is-embedded div.vimi_overlay_search,
body.is-embedded button.favouriteModule,
body.is-embedded div.vimi_overlay_favorites,
body.is-embedded button.shoppingModule,
body.is-embedded div.vimi_overlay_basket,
body.is-embedded div.vimi_overlay_language,
body.is-embedded div.overlay-ask-field,
body.is-embedded .vimi_map_menu,
body.is-embedded a.ywfooterfeed
 {
        display: none !important;
}

body.is-embedded button.ywfootertermsbtn {
        bottom: 5px !important;
        right: 10px !important;
}
body.is-embedded a.ywfooterimprint {
        bottom: 5px !important;
        right: 90px !important;
}