/* Abstand */
.p {
	padding: 1.5rem;
}
.pt {
	padding-top: 1.5rem;
}
.pb {
	padding-bottom: 1.5rem;
}
.pl {
	padding-left: 1.5rem;
}
.pr {
	padding-right: 1.5rem;
}
.py {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.px {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.p-x {
	padding: 3rem;
}
.pt-x {
	padding-top: 3rem;
}
.pb-x {
	padding-bottom: 3rem;
}
.pl-x {
	padding-left: 3rem;
}
.pr-x {
	padding-right: 3rem;
}
.px-x {
	padding-left: 3rem;
	padding-right: 3rem;
}
.py-x {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.p-1x {
	padding: 6rem;
}
.pt-1x {
	padding-top: 6rem;
}
.pb-1x {
	padding-bottom: 6rem;
}
.pl-1x {
	padding-left: 6rem;
}
.pr-1x {
	padding-right: 6rem;
}
.py-1x {
	padding-top: 6rem;
	padding-bottom: 6rem;
}
.px-1x {
	padding-left: 6rem;
	padding-right: 6rem;
}
/* Margin */
.m {
	padding: 1.5rem;
}
.mt {
	margin-top: 1.5rem;
}
.mb {
	margin-bottom: 1.5rem;
}
.ml {
	margin-left: 1.5rem;
}
.mr {
	margin-right: 1.5rem;
}
.my {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.mx {
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}
.m-x {
	padding: 3rem;
}
.mt-x {
	margin-top: 3rem;
}
.mb-x {
	margin-bottom: 3rem;
}
.ml-x {
	margin-left: 3rem;
}
.mr-x {
	margin-right: 3rem;
}
.mx-x {
	margin-left: 3rem;
	margin-right: 3rem;
}
.my-x {
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.m-1x {
	padding: 6rem;
}
.mt-1x {
	margin-top: 6rem;
}
.mb-1x {
	margin-bottom: 6rem;
}
.ml-1x {
	margin-left: 6rem;
}
.mr-1x {
	margin-right: 6rem;
}
.my-1x {
	margin-top: 6rem;
	margin-bottom: 6rem;
}
.mx-1x {
	margin-left: 6rem;
	margin-right: 6rem;
}
/*
*
* ==========================================
* Responsive
* ==========================================
*
*/
@media (max-width: 1440px) {
	/* Abstand */
	.p {
		padding: 1rem;
	}
	.pt {
		padding-top: 1rem;
	}
	.pb {
		padding-bottom: 1rem;
	}
	.pl {
		padding-left: 1rem;
	}
	.pr {
		padding-right: 1rem;
	}
	.py {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.px {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.p-x {
		padding: 2rem;
	}
	.pt-x {
		padding-top: 2rem;
	}
	.pb-x {
		padding-bottom: 2rem;
	}
	.pl-1x {
		padding-left: 2rem;
	}
	.pr-1x {
		padding-right: 2rem;
	}
	.py-x {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.px-1x {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.p-1x {
		padding: 4rem;
	}
	.pt-1x {
		padding-top: 4rem;
	}
	.pb-1x {
		padding-bottom: 4rem;
	}
	.pl-1x {
		padding-left: 4rem;
	}
	.pr-1x {
		padding-right: 4rem;
	}
	.py-1x {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.px-1x {
		padding-left: 4rem;
		padding-right: 4rem;
	}
/* Margin */
		.m {
		margin: 1rem;
	}
	.mt {
		margin-top: 1rem;
	}
	.mb {
		margin-bottom: 1rem;
	}
	.ml {
		margin-left: 1rem;
	}
	.mr {
		margin-right: 1rem;
	}
	.my {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	.mx {
		margin-left: 1rem;
		margin-right: 1rem;
	}
	.m-x {
		margin: 2rem;
	}
	.mt-x {
		margin-top: 2rem;
	}
	.mb-x {
		margin-bottom: 2rem;
	}
	.ml-1x {
		margin-left: 2rem;
	}
	.mr-1x {
		margin-right: 2rem;
	}
	.my-x {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	.mx-1x {
		margin-left: 2rem;
		margin-right: 2rem;
	}
	.m-1x {
		margin: 4rem;
	}
	.mt-1x {
		margin-top: 4rem;
	}
	.mb-1x {
		margin-bottom: 4rem;
	}
	.ml-1x {
		margin-left: 4rem;
	}
	.mr-1x {
		margin-right: 4rem;
	}
	.my-1x {
		margin-top: 4rem;
		margin-bottom: 4rem;
	}
	.mx-1x {
		margin-left: 4rem;
		margin-right: 4rem;
	}
}

@media (max-width: 640px) {
	/* Abstand */
	.p {
		padding: 0.5rem;
	}
	.pt {
		padding-top: 0.5rem;
	}
	.pb {
		padding-bottom: 0.5rem;
	}
	.pl {
		padding-left: 0.5rem;
	}
	.pr {
		padding-right: 0.5rem;
	}
	.py {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	.px {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.p-x {
		padding: 1rem;
	}
	.pt-x {
		padding-top: 1rem;
	}
	.pb-x {
		padding-bottom: 1rem;
	}
	.pl-1x {
		padding-left: 1rem;
	}
	.pr-1x {
		padding-right: 1rem;
	}
	.py-x {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.px-x {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.p-1x {
		padding: 2rem;
	}
	.pt-1x {
		padding-top: 2rem;
	}

	.pb-1x {
		padding-bottom: 2rem;
	}
	.pl-1x {
		padding-left: 2rem;
	}
	.pr-1x {
		padding-right: 2rem;
	}
	.py-1x {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.px-1x {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	/* Margin */
	.m {
		margin: 0.5rem;
	}
	.mt {
		margin-top: 0.5rem;
	}
	.mb {
		margin-bottom: 0.5rem;
	}
	.ml {
		margin-left: 0.5rem;
	}
	.mr {
		margin-right: 0.5rem;
	}
	.my {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}
	.mx {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
	.m-x {
		margin: 1rem;
	}
	.mt-x {
		margin-top: 1rem;
	}
	.mb-x {
		margin-bottom: 1rem;
	}
	.ml-1x {
		margin-left: 1rem;
	}
	.mr-1x {
		margin-right: 1rem;
	}
	.my-x {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	.mx-x {
		margin-left: 1rem;
		margin-right: 1rem;
	}
	.m-1x {
		margin: 2rem;
	}
	.mt-1x {
		margin-top: 2rem;
	}

	.mb-1x {
		margin-bottom: 2rem;
	}
	.ml-1x {
		margin-left: 2rem;
	}
	.mr-1x {
		margin-right: 2rem;
	}
	.my-1x {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}
	.mx-1x {
		margin-left: 2rem;
		margin-right: 2rem;
	}
}