@media screen {	
	/* icon-article */
	.icon-article .container:before {
		content: "";
		display: block;
		width: 3rem;
		height: 3rem;
		margin: -1rem auto 2rem 2rem;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.sanitar.icon-article .container:before {
		background-image: url(../images/icons/sanitar.svg);
	}

	.heizung.icon-article .container:before {
		background-image: url(../images/icons/heizung.svg);
	}

	.photovoltaik.icon-article .container:before {
		background-image: url(../images/icons/photovoltaik.svg);
	}

}



/* Media Query
--------------------------------------------------------------------------------*/

/* resize bigger */
/* display with min width 479 iphone portrait */
@media only screen and (max-width: 479px) {

}

/* display with min width 375 iphone 6/7/8 portrait */
@media only screen and (min-width: 375px) {


}



/* display with min width 480 iphone lansacape */
@media only screen and (min-width: 480px) {
}




/* min-width:768px ipad portrait*/
@media only screen and (min-width: 768px) {
}





@media only screen and (min-width: 990px) {
}


/* min-width:1024 ipad landscape*/
@media only screen and (min-width: 1024px)   {

	/* icon-article */
	.icon-article .container:before {
		position: absolute;
		margin-top: 1.5rem;
		margin-left: -5rem;
		width: 5rem;
		height: 5rem;
	}

	/* icon-article ends */

}


/* min-width:1025  */
@media only screen and (min-width:1025px)   {


}


/* min-width:1100  */
@media only screen and (min-width:1100px)   {

}
/* min-width:1200  */
@media only screen and (min-width:1200px)   {
	.icon-article .container:before {
		margin-left: -9rem;
	}
}

/* min-width:1350  */
@media only screen and (min-width:1330px)   {

}


/* remove body border */
body {border-top : none; position: relative}