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



.waste-image{
	background: url('../img/background_aboutus_waste_desktop_png.png');	
	height:300px;
	max-width:300px;
	width:100%;	
}



.basement-image{
	background: url('../img/background_aboutus_basement_desktop_jpg.jpg');	
	height:300px;
	max-width:300px;
	width:100%;	
}


.delivery-image{
	background: url('../img/background_aboutus_delivery_desktop_png.png');	
	height:300px;
	max-width:300px;
	width:100%;	
}


.aboutus-image{
	margin-top:10px;
	margin-bottom:10px;	
	border-radius:20px;
	border: 0px solid #000;	
	background-size: cover; 
	background-position: center center; 
	background-repeat: no-repeat, no-repeat;	
	/*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
}



.image-subtitel{
	background:#F1F1F1;	
	padding:3px 10px 3px 10px;
	border-radius:15px;
	color:#000000;
}	




.storytelling-flex{	
	margin-top:10px;
	padding:5px 0px 0px 0px; 
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;  	
	width:100%;
	 -ms-flex-direction: column;
    flex-direction: column;  
	justify-content: space-between;	
	border: 0px solid #000000;	
	gap:10px;
}


.storytelling-flex-textbox{	
	-ms-flex-order: 2;
    order: 2;	
}



.storytelling-flex-imagebox{	
	-ms-flex-order: 1;
    order: 1;
	margin-top:30px;	
}








.othercompanies-flex{
	margin-top:10px;
	margin-bottom:10px;	
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;   
	-ms-flex-direction: column;
    flex-direction: column;   
	-ms-flex-pack: center;
    justify-content: center;
	width:100%;
	border: 0px solid #333;
	border-radius:20px;	
	padding:5px;
	background-image: linear-gradient( 95.2deg, rgba(173,252,234,1) 26.8%, rgba(192,229,246,1) 64% );
	gap:10px;
	width:98%;
}



.center-image{		
	max-width:100%;
}





.mark{
	margin-top:10px;
	margin-bottom:10px;
	padding: 0.1em 0.4em;
	border-radius: 0.8em 0.3em;
	background: transparent;
	background-image: linear-gradient(
	to right,
	rgba(173,252,234, 0.1),
	rgba(192,229,246, 0.7) 4%,
	rgba(192,229,246, 0.3)
	);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}








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


.waste-image{
	max-width:400px;
	width:90%;	
}


.basement-image{	
	max-width:400px;
	width:90%;	
}


.delivery-image{
	max-width:400px;
	width:90%;	
}



.aboutus-image{
	margin-top:20px;
	margin-bottom:20px;	
	border-radius:20px;
	border:0px solid #000;	
	background-size: cover; 
	background-position: center center; 
	background-repeat: no-repeat, no-repeat;	
	/*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
}
	
	
	

.image-subtitel{	
	padding:5px 15px 5px 15px;
	border-radius:20px;
}	
	
	
	
.storytelling-flex{
	flex-direction: row; 
	padding:7px 15px 7px 15px; 
	-ms-flex-align: center;
    align-items: center;
	gap:15px;	
}



.storytelling-flex-imagebox{
    -ms-flex: 0 0 48%;
    flex-basis: 48%;
	-ms-flex-order: 2;
    order: 2;
	margin-top:0px;
}


.storytelling-flex-textbox{
    -ms-flex: 0 0 52%;
    flex-basis: 52%;
	-ms-flex-order: 1;
    order: 1;	
}
	
	
	
	
	
	
	
	
.othercompanies-flex{
	margin-top:20px;	
	margin-bottom:20px;	
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;   
	-ms-flex-direction: row;
    flex-direction: row; 	
	border-radius:20px;
	border: 0px solid #333;
	width:98%;
}


.center-image{	
	width:100%;
}


.mark{
	margin-top:20px;	
	margin-bottom:10px;		
}




}










/*Desktop View*/

@media (min-width: 1024px){		
	
	
	
	
	
.storytelling-flex{
    flex-direction: row; 
	padding: 10px 0px 10px 0px; 
	-ms-flex-align: start;
    align-items: flex-start;	
	gap:20px;
}
	


.storytelling-flex-imagebox{
    -ms-flex: 0 0 35%;
    flex-basis: 35%;
	
}



.storytelling-flex-textbox{
    -ms-flex: 0 0 65%;
    flex-basis: 65%;
}


	
	
}