@media only screen and (max-width: 1000px) {
	.eas-kacheln > div[class*=kachelblock-]:first-child > div {
		margin-bottom: 2.04081632%;
	}
	.eas-kacheln > div[class*=kachelblock-] > div {
		margin-right: 2.04081632%;
	}
	.eas-kacheln > div[class*=kachelblock-] > div:last-child {
		margin-right: 0;
	}
	.eas-kacheln > div[class*=kachelblock-] > div {
		width: 18.367346%;
	}
}
@media only screen and (max-width: 999px) {
	.eas-workflow .eas-workflow-arrow {
		margin-top: 70px;
	}
	.eas-workflow .image_container {
		width: 140px;
	}
	.eas-workflow .image_container img {
		margin-left: -70px;
	}
}
@media only screen and (max-width: 956px) {
	.eas-info-block-n .eas-info-block-n-wrap-text {
		width: 85%;
		margin-left: 20px;
	}
}
@media only screen and (max-width: 878px) {
	.eas-workflow .eas-workflow-arrow {
		margin-top: 60px;
	}
	.eas-workflow .image_container {
		width: 120px;
	}
	.eas-workflow .image_container img {
		margin-left: -60px;
	}
}
@media only screen and (max-width: 842px) {
	.eas-info-block .eas-info-block-wrap-text {
		margin-left: 20px;
	}
}
@media only screen and (max-width: 822px) {
	.eas-info-block .eas-info-block-wrap-text {
		width: 80%;
	}
}
@media only screen and (max-width: 768px) {
	
	#step1-4 {
		margin-top: 120px;
	}
	#step1-4 .formbody {
		padding: 0 20px;
	}
	
	#step1-4 .form-two-input > div,
	#eas-order-form form #step3 div.form-row.step3-special div,
	#eas-order-form form .fahrzeug-data div,
	.form-row.form-two-input.right-small,
	form .form-three-input.small-left div,
	form .form-three-input div,
	form .form-two-input div {
		width: 100% !important;
		margin: 10px 0;
		float: none;
	}
	
	#step1-4-placeholder {
		min-height: 360px;
	}
	
	#eas-order-form form #step3 div ul {
		padding-left: 0px;
	}
	
	form .form-row select {
		width: 100% !important;
	}
	
	#eas-order-form #eas-order-form-login,
	#eas-order-form form .form-header div {
		width: 100%;
		margin: 0 10px;
	}

    #eas-order-form form #step1-header.form-header div {
        padding: 5px 0px;
        margin-bottom: 5px;
    }

    #eas-order-form form #step1-header.form-header div:last-child {
        margin-bottom: 0;
    }
	
	#eas-order-form #eas-order-form-login {
		float: none;
	}
		
	.autogrid:not(.block){
		margin-left: 0;
		margin-right: 0;
	}
	.autogrid_displacer {
		margin-left: 0 !important;
	}

	.eas-contentframe {
		position: relative;
	}
	
	.mod_article > [class*=ce_]:not(.eas-contentfullframe):not(.big_image):not(.ce_revolutionslider):not(.eas-buttons-special):not(.eas-kacheln),
	.mod_article > .eas-contentfullframe > .eas-contentframe > [class*=ce_]:not(.eas-contentfullframe):not(.big_image):not(.ce_revolutionslider):not(.eas-buttons-special):not(.eas-kacheln),
	#popuphover1,
	#popuphover2,
	#popuphover3,
	#eas-order-form,
	#eas-order-todolist,
	.eas-workflow,
	.eas-seal-area,
	.eas-headline-divided,
	.eas-info-block-n {
		padding-left: 7% !important;
		padding-right: 7% !important;
	}
	
	.eas-info-open, .eas-info-close {
		right: 7%;
	}
	
	.eas-info-block-wrap-image {
		margin-bottom: 10px;
	}

	.eas-buttons-left {
		width: 86% !important;
		margin-left: 7%;
		margin-right: 7%;
	}

	.ce_text.autogrid-first p {
		padding-bottom: 16px;
		border-bottom: 1px solid #93c21e;
	}
	#container .mod_article [class*="ce_"][class*="autogrid"] {
		padding-left: 7%;
		padding-right: 7%;
	}
	.eas-workflow .image_container img {
		left: 50%;
		margin-left: -40px;
	}
	.eas-workflow .image_container {
		width: 80px;
		padding-left: 0;
		padding-right: 0;
	}
	.eas-workflow .image_container .caption {
		display: none;
	}
	.eas-workflow .eas-workflow-arrow {
		margin-top: 35px;
	}
	.eas-workflow-arrow-tail {
		width: 80%;
	}

	.eas-workflow-arrow-round {
		display: block;
		left: 0;
		position: absolute;
	}

	.eas-seal-block .eas-seal-block-seal1 {
		margin-right: 4%;
		margin-left: 15%;
	}

	.eas-buttons-special {
		position: relative;
		height: 30px;
		margin: 0;
	}

	.eas-buttons-left,
	.eas-buttons-right {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}

	.eas-buttons-right {
		float: none;
		position: absolute;
		margin: 0 7% 20px 7%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 86%;
		text-align: center;
		top: 0px;
	}

	.eas-buttons-left.active {
		position: absolute;
		top: 35px;
	}

	.eas-buttons-left {
		top: 0px;
	}

	.eas-buttons-right.active {
		top: 35px;
	}

	.eas-seal-block-wrap-image {
		margin-right: 20px !important;
		width: 10%;
	}
	.eas-seal-block-wrap-text {
		width: 90%;
	}
	.eas-buttons-special .eas-buttons-left-arrow {
		top: 29px;
	}
	.form-header div .eas-buttons-left-arrow:after,
	.eas-buttons-special .eas-buttons-left-arrow:before {
		border-width: 21px 43vw 0 43vw;
	}
	.eas-list-check-special-title,
	.eas-special-check-text-normal {
		display: none;
	}
	.eas-special-check-text {
		color: #003c51;
		background-color: initial;
	}
	.eas-special-check-outer {
		-moz-border-radius: 50% 50% 50% 50%;
		border-radius: 50% 50% 50% 50%;
		padding-right: 0;
		display: block;
	}
	.eas-text-check-special:before {
		display: none;
	}
	.eas-info-block-n-wrap-text, .eas-info-block-wrap-text {
		margin-left: 3%;
	}
	.eas-info-block-n-wrap-text {
		width: 80%;
	}
	.eas-info-block-n-wrap-image {
		margin-bottom: 10px;
	}
	.eas-info-block .eas-info-block-wrap-text {
		width: 75%;
	}
	.eas-kacheln .eas-kacheln-mobile {
		display: block;
	}
	.eas-kacheln .eas-kachelblock-1,
	.eas-kacheln .eas-kachelblock-2 {
		display: none;
	}
	#bremsen-optionen {
		display: none;
	}
	#eas-order-todolist li {
		margin-bottom: 20px;
	}
	#eas-order-todolist h4 {
		font-size: 24px;
	}
	.eas-workflow .image_container {
		width: 100px;
	}
	.eas-workflow .image_container img {
		margin-left: -50px;
	}
	.eas-workflow .eas-workflow-arrow {
		margin-top: 50px;
	}
	.eas-workflow-arrow-right {
		top: 1px !important;
	}
	
	.mobile-bg-grey {
		padding-top: 15px;
		background-color: #f0f1f3;
	}
}

@media only screen and (max-width: 758px) {
	.eas-info-block-n .eas-info-block-n-wrap-text {
		margin-left: 10px;
	}
}

@media only screen and (max-width: 748px) {
	.eas-info-block-n .eas-info-block-n-wrap-text {
		width: 80%;
	}
}

@media only screen and (max-width: 744px) {
	.eas-filler p {
		font-size: 24px !important;
	}
}

@media only screen and (max-width: 720px) {
	.eas-filler p {
		font-size: 23px !important;
	}
}

@media only screen and (max-width: 688px) {
	.eas-filler p {
		font-size: 22px !important;
	}
}

@media only screen and (max-width: 663px) {
	.eas-kacheln .eas-k-m-text {
		width: 70% !important;
	}
}

@media only screen and (max-width: 660px) {
	.eas-filler p {
		font-size: 21px !important;
	}
}

@media only screen and (max-width: 654px) {
	.eas-workflow .image_container img {
		margin-left: -40px;
	}
	.eas-workflow .image_container {
		width: 80px;
	}
	.eas-workflow .eas-workflow-arrow {
		margin-top: 35px;
	}
	.eas-workflow-arrow-right {
		top: 0 !important;
	}
}

@media only screen and (max-width: 636px) {
	.eas-filler p {
		font-size: 20px !important;
	}
}

@media only screen and (max-width: 634px) {
	#bremsen_vorn-m-label,
	#bremsen_belaege-m-label {
		width: 35% !important;
	}
}

@media only screen and (max-width: 630px) {
	#bremsen_vorn-m-label,
	#bremsen_belaege-m-label {
		width: 35% !important;
	}
	#bremsen-optionen-m label p {
		font-size: 16px !important;
	}
}

@media only screen and (max-width: 614px) {
	.eas-seal-block-wrap-image,
	.eas-seal-block-wrap-image .image_container img {
		max-width: 52px;
		width: 52px;
		height: 54px;
	}
	.eas-seal-block-wrap-image {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 612px) {
	.eas-seal-block .eas-seal-block-seal1 {
		margin-left: 0;
	}
	.eas-filler p {
		font-size: 19px !important;
	}
}

@media only screen and (max-width: 605px) {
	.eas-kacheln .eas-k-m-pricetext,
	.eas-kacheln .eas-k-m-price {
		font-size: 120% !important;
	}
}

@media only screen and (max-width: 601px) {
	.eas-kacheln .eas-k-m-text {
		width: 65% !important;
	}
}

@media only screen and (max-width: 592px) {
	.eas-info-block .eas-info-block-wrap-text {
		width: 70%;
	}
}

@media only screen and (max-width: 591px) {
	.eas-kacheln .eas-k-m-pricetext,
	.eas-kacheln .eas-k-m-price {
		font-size: 100% !important;
	}
}

@media only screen and (max-width: 590px) {
	#bremsen_vorn-m-label, #bremsen_belaege-m-label {
		width: 40% !important;
	}
}

@media only screen and (max-width: 588px) {
	.eas-filler p {
		font-size: 18px !important;
	}
}

@media only screen and (max-width: 580px) {
	#bremsen_vorn-m-label, #bremsen_belaege-m-label {
		width: 35% !important;
	}
	#bremsen_beides-m-label {
		width: 50%;
	}
	#bremsen_vorn_und_hinten-m-label {
		width: 30%;
	}
	#bremsen-optionen-m label p {
		font-size: 14px !important;
	}
}

@media only screen and (max-width: 564px) {
	.eas-filler p {
		font-size: 17px !important;
	}
}

@media only screen and (max-width: 557px) {
	.eas-kacheln .eas-k-m-pricetext,
	.eas-kacheln .eas-k-m-price {
		font-size: 80% !important;
	}
	.eas-kacheln .eas-k-m-price {
		padding: 1% 5% 1% 2% !important;
	}
	.eas-kacheln .eas-k-m-pricetext {
		right: 17% !important;
	}
}

@media only screen and (max-width: 540px) {
	.eas-filler p {
		font-size: 16px !important;
	}
}

@media only screen and (max-width: 525px) {
	.eas-workflow .eas-workflow-arrow {
		margin-top: 25px;
	}
	.eas-workflow .image_container {
		width: 60px;
	}
	.eas-workflow .image_container img {
		margin-left: -30px;
	}
}

@media only screen and (max-width: 516px) {
	.eas-filler p {
		font-size: 15px !important;
	}
}

@media only screen and (max-width: 514px) {
	.eas-info-block-n .eas-info-block-n-wrap-text {
		width: 70%;
	}
}

@media only screen and (max-width: 513px) {
	#bremsen-optionen-m label p {
		font-size: 12px !important;
	}
}

@media only screen and (max-width: 499px) {
	.eas-info-block .eas-info-block-wrap-text {
		width: 65%;
	}
}

@media only screen and (max-width: 497px) {
	.eas-kacheln .eas-k-m-text {
		width: 60% !important;
	}
}

@media only screen and (max-width: 492px) {
	.eas-filler p {
		font-size: 14px !important;
	}
}

@media only screen and (max-width: 468px) {
	.eas-filler p {
		font-size: 13px !important;
	}
}

@media only screen and (max-width: 484px) {
	#bremsen_vorn-m-label, #bremsen_belaege-m-label {
		width: 40% !important;
	}
	#bremsen_hinten-m-label {
		width: 25%;
	}
	#bremsen_vorn_und_hinten-m-label {
		width: 35%;
	}
	#bremsen_beides-m-label {
		width: 60%;
	}
	#bremsen-optionen-m label p {
		font-size: 12px !important;
	}
}

@media only screen and (max-width: 466px) {
	#bremsen-optionen-m > div > p {
		font-size: 16px;
	}
}

@media only screen and (max-width: 444px) {
	.eas-info-block .eas-info-block-wrap-text {
		width: 60%;
	}
	.eas-filler p {
		font-size: 12px !important;
	}
}

@media only screen and (max-width: 432px) {
	.eas-kacheln div[class*=eas-kacheln-mobile-] {
		padding: 7% 7% !important;
	}
}

@media only screen and (max-width: 420px) {
	.eas-filler p {
		font-size: 11px !important;
	}
}

@media only screen and (max-width: 419px) {
	.eas-kacheln .eas-k-m-text {
		width: 65% !important;
		font-size: 14px;
	}
	.eas-kacheln div[class*=eas-kacheln-mobile-] img {
		max-width: 60px !important;
	}
	.eas-kacheln .eas-kacheln-mobile div[class*=eas-kacheln-mobile-] label > div > span {
		margin-top: 20px !important;
		height: 20px !important;
		width: 20px !important;
	}
	.eas-kacheln .eas-kacheln-mobile div[class*="eas-kacheln-mobile-"] label > div > span > i.fa {
		font-size: 1em !important;
		margin-left: 2px !important;
		line-height: 20px !important;
	}
	.eas-kacheln .eas-kacheln-mobile div[class*="eas-kacheln-mobile-"] p span {
		font-size: 18px;
	}
}

@media only screen and (max-width: 415px) {
	#bremsen-optionen-m label p {
		font-size: 10px !important;
	}
}

@media only screen and (max-width: 400px) {
	.eas-workflow .eas-workflow-arrow {
		margin-top: 20px;
	}
	.eas-workflow .image_container {
		width: 50px;
	}
	.eas-workflow .image_container img {
		margin-left: -25px;
	}
}

@media only screen and (max-width: 396px) {
	.eas-filler p {
		font-size: 10px !important;
	}
}

@media only screen and (max-width: 377px) {
	.eas-info-block .eas-info-block-wrap-text {
		width: 55%;
	}
}

@media only screen and (max-width: 374px) {
	.eas-buttons-special .eas-buttons-left-arrow::before {
		border-width: 21px 41vw 0 41vw;
	}
}


@media only screen and (max-width: 366px) {
	.eas-kacheln .eas-k-m-text {
		width: 60% !important;
		font-size: 13px;
	}
	.eas-kacheln .eas-kacheln-mobile div[class*="eas-kacheln-mobile-"] p span {
		font-size: 17px;
	}
}

@media only screen and (max-width: 365px) {
	#bremsen-optionen-m label p {
		font-size: 9px !important;
	}
}

@media only screen and (max-width: 363px) {
	.eas-contentfullframe .eas-headline-divided:first-child {
		margin-top: 55px;
	}
	.eas-headline-divided-bold {
		top: -55px;
	}
}

@media only screen and (max-width: 351px) {
	.eas-info-block-n .eas-info-block-n-wrap-text {
		width: 65%;
	}
}

@media only screen and (max-width: 768px) {
	@supports (-webkit-appearance:none) { // Chrome only
		.form-header div .eas-buttons-left-arrow:after,
		.eas-buttons-special .eas-buttons-left-arrow:before {
			border-width: 20px 41vw 0 41vw;
		}
	}
}
@media only screen and (max-width: 374px) {
	@supports (-webkit-appearance:none) { // Chrome only
		.form-header div .eas-buttons-left-arrow:after,
		.eas-buttons-special .eas-buttons-left-arrow:before {
			border-width: 20px 41vw 0 41vw;
		}
	}
}