@charset "UTF-8";
/* CSS Document */




/* no colorchange in safari */
a[href^=tel],a[href^=mailto], a[href*="0"]{
    color:inherit;
    text-decoration:underline;	
}




.seconddestination-crest-img{
	margin-top:8px;
	height:15px;	
}




.deliveryflex {	
	padding:0px 0px 0px 0px; 
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;  	
	 -ms-flex-direction: column;
    flex-direction: column;  
	justify-content: space-between;	
	border: 0px solid #000000;	
	gap:5px;
}



.mapbox {
	-ms-flex-order: 1;
    order: 1;
}



.registerbox {
	-ms-flex-order: 2;
    order: 2;
}





.divsvgmap{
	position:relative;
	border-radius:15px;
	border: solid 0px black;
	background:#000000;
}




.svgboxmap{
	margin-top:0px;
	display:inline-block; 	
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	border-radius: 15px 15px 0 0;	
}






.svgboxlegend{		
	display:inline-block; 	
	margin-top:5px;
	width: 100%;
	height: auto;
	background:#000000;
	background-repeat: no-repeat;
	border-radius: 0 0 15px 15px;
	margin-bottom:5px;
}


















.flexbox-selfpickupcategories{
	padding:0px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-align: center;
    align-items: center;
    border: 0px solid #333;
	margin-bottom:15px;
}




.icon-box {
	padding:5px 8px 5px 8px;
    -ms-flex: 0 0 15%;
    flex-basis: 15%;	
	max-width:55px;	
}


.text-box {
	padding:5px 5px 5px 5px;
    -ms-flex: 0 0 85%;
    flex-basis: 85%;
}


.button-row-position{	
	float:right;
	margin-top:-13px;	
}











.flexbox-deliverypricing{
	padding:5px 10px 10px 10px; 
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;  	
	 -ms-flex-direction: row;
    flex-direction: row;  
	justify-content: space-between;	
	border: 0px solid #000000;		
	-ms-flex-align: center;
    align-items: center;	
}


.deliveryzone-image{
	margin-top:5px;
	width:20px;
}









.green-flex{
	margin-left:-49%;
	width:100%;	
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	border: 1px solid #85C996;	
	border-radius: 15px;
	background:	#F8FCF9;
	padding:5px 5px 5px 5px; 	
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;  	
	-ms-flex-direction: column;
    flex-direction: column;  
	-ms-flex-align: center;
    align-items: center;
	
}


.green-flex-icon{
	margin-left:0px;
	height:65px;
	padding-top:13px;
	padding-bottom:13px;
	
}


.green-flex-text{
	padding:5px;
	padding-top:3px;
	padding-bottom:3px;
}














/*Tablet View*/
@media (min-width: 768px){	


a[href^=tel],a[href^=mailto], a[href*="0"]{
    color:inherit;
    text-decoration:none;	
}





.seconddestination-crest-img{	
	margin-top:10px;	
	height:20px;	
}







.deliveryflex {
	flex-direction: row; 
	padding:0px 0px 0px 0px; 
	gap:7px;
}



.mapbox {
    -ms-flex: 0 0 48%;
    flex-basis: 48%;
	-ms-flex-order: 1;
    order: 1;
}


.registerbox {
    -ms-flex: 0 0 52%;
    flex-basis: 52%;
	-ms-flex-order: 2;
    order: 2;
}







.divsvgmap{
	border-radius:20px;
}

.svgboxmap{	
	border-radius: 20px 20px 0 0;	
}

.svgboxlegend{
	margin-bottom:10px;
	margin-top:10px;
	border-radius: 0 0 20px 20px;
}



















.icon-box {
	padding:5px 10px 5px 10px;
    -ms-flex: 0 0 15%;
    flex-basis: 15%;	
	max-width:65px;
}
.text-box {
	padding:5px 0px 5px 5px;
    -ms-flex: 0 0 85%;
    flex-basis: 85%;
}



.city-box {
	position: absolute;
	width:calc(100% - 30px);	
	height:46px;
	border-radius: 23px 23px 23px 23px;
}



.button-row-position{	
	margin-top:-13px;	
}



.close-button-position{	
	right:8px;
	margin-top:8px;	
}



.deliveryzone-image{
	width:25px;
}






.green-flex{
	margin-top:30px;
	margin-bottom:30px;	
	border-radius: 20px;	
	padding:10px 10px 10px 10px;	
	-ms-flex-direction: row;
    flex-direction: row;  
	-ms-flex-align: center;
    align-items: center;	
}


.green-flex-icon{
	margin-left:10px;
	height:50px;	
	padding-top:0px;
	padding-bottom:0px;
	
}


.green-flex-text{
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
}







}





/*Desktop View*/

@media (min-width: 1024px){		



.seconddestination-crest-img{
	margin-top:10px;
	height:23px;	
}


.deliveryflex {
    flex-direction: row; 
	padding: 0px 0px 0px 0px; 
	-ms-flex-align: start;
    align-items: flex-start;
	gap:10px;
}
	



.mapbox {
    -ms-flex: 0 0 49%;
    flex-basis: 49%;
	
}




.registerbox {
    -ms-flex: 0 0 51%;
    flex-basis: 51%;
}










.divsvgmap{
	border-radius:20px;
}

.svgboxmap{	
	border-radius: 20px 20px 0 0;	
}

.svgboxlegend{
	margin-top:15px;
	margin-bottom:15px;
	border-radius: 0 0 20px 20px;
}











	





.icon-box {
	padding:5px 17px 5px 17px;
    -ms-flex: 0 0 15%;
    flex-basis: 15%;
	max-width:75px;	
}
.text-box {
	padding:7px 0px 7px 7px;
    -ms-flex: 0 0 85%;
    flex-basis: 85%;
}





.city-box {
	position: absolute;
	height:50px;
	width:calc(100% - 36px);
	border-radius: 25px 25px 25px 25px;	
}


.button-row-position{	
	margin-top:-15px;	
}




.deliveryzone-image{
	width:30px;
}






.green-flex{
	margin-top:40px;
	margin-bottom:20px;	
	border-radius: 20px;	
	padding:15px 15px 15px 15px;
}


.green-flex-icon{
	margin-left:10px;
	height:50px;
	padding-top:0px;
	padding-bottom:0px;	
}


.green-flex-text{
	padding:15px;
	padding-top:7px;
	padding-bottom:7px;
}
	
	
}