/***********************************************
 ********** RESPONSIVE BREAKPOINTS *************
 ***********************************************/

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

}


 /* #Desktop
================================================== */
@media only screen and (max-width: 1374px) {

}

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */
@media only screen and (max-width: 1019px) and (min-width: 768px) {
   }

/*  #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */
@media only screen and (max-width: 767px) {
/*@media only screen and (max-width: 1200px) {*/

}

/* #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px*/
@media only screen and (max-width: 676px) {

/* TODO: Hier den mobilen Code einfügen */

	/*Beispiel:*/
	/*div {
		max-width: 100vw;

		margin: 0 auto;
		float:none;
	// width:  80%;
	}*/
}