Woocommerce Multi-step checkout hide css element on specific page

Hey guys,

I am using Germanized Pro together with Woocommerce. Since migrating from our old shop to the new one is quite a hassle I tried to achieve the following:

I have a csv file with already sold vouchers from our old page. So, I will just import them and people can use them with the coupon form with Woocommerce. Now, for third party vouchers I added a new layer in the variable product for them to choose and during the checkout they should input their voucher code in a custom field. I tried to remove the coupon action and add it right after my custom field, which did not work, since it is a form within a form and Woocommerce does not recognize the voucher value. So the only thing left to do was to move the field via css. So I did this:

@media (min-width:1024px){
	.woocommerce .woocommerce-info{
		padding-right:5px !important;
		padding-left:5px !important;
		padding-bottom:10px !important;
		padding-top:10px !important;
		position:relative;
		right:-630px;
		bottom:-10px;
		top:200px;
		width:48%;
		z-index:10000;
	}
	#coupon_code{
		position:relative;
		right:-630px;
		top:188px;
	}
	.checkout_coupon .form-row-last input[type=submit].button{
		position:relative;
		top:231px;
		left:-10px;
	}
}

But since I am using the multi-step checkout now on every page the coupon form shows up.
Please advice.

Best wishes.
Daniel