main {
	overflow: hidden;
    .scroll_in {
	    position:relative;
	    height: 1px;
		padding: 0 !important;
		opacity: 0 !important;
		visibility: hidden;
		margin-bottom: 0 !important;
	    + *{
	    margin-top: 0 !important;
/* 		    transform: translate(0,0) scale(1) !important; */
		opacity: 0;
		position: relative;
		z-index: 100;
		transition: opacity 1s ease-in-out 0.5s, transform 1.1s ease-in-out 0.0s, scale 0.7s ease-in-out 0s;
		}

	    &.from_bottom + *{
	    	transform: translate(-0%,50%) scale(1);
	    	transition: opacity 1s ease-in-out 0s, transform 1s ease-in-out 0s, scale 0.9s ease-in-out .0s;
	    }
		
	    &.from_left + *{
	    	transform: translate(-50%,0) scale(1);
/*  		    	transition: opacity 1.5s ease-in-out 0.5s, transform 1.2s ease-in-out 0.5s, scale 1.5s ease-in-out 1s; */
	    }
	    &.from_right + *{
	    	transform: translate(50%,0) scale(1);

/*  		    	transition: opacity 1.5s ease-in-out 0.5s, transform 1.2s ease-in-out 0.5s, scale 1.5s ease-in-out 1s; */
	    }
		&.zoom_out + *{
			transform: translate(0%,0) scale(0.2);
		}
		/* wenn Klasse in_view hinzugefügt wurde durch daas js wir dieser Standart hergestellt */
		&.in_view + *{
		    transform: translate(0,0) scale(1) !important;
		    opacity: 1;
		}
    }
}