/* CSS Mobile Reset */
table { width:auto; border-collapse: collapse;border-spacing: 0; }

img, embed, object, video {
	max-width: 100%;
	height: auto;
	width: auto;
}


@media all and (max-width: 960px) {
	.foot .col1 .footnav A {
		padding: 7px 10px;
	}

}
@media all and (max-width: 860px) {
	.foot .gridrow .col {
		float: none;
	}
	.foot .gridrow .col + .col
	{
		margin-left: 0;
	}
	.foot .box60-40 .col.col1 {
		line-height: 130%;
		width: 100%;
	}
	.copy, .footnav {
		display: block;
		text-align: center;
		margin-right: 0;
		width: 100%;
	}
	.footnav {
		margin: 20px 0;
	}
	.foot .box60-40 .col.col2
	{
		width: 100%;
	}
	.foot .box60-40 .col.col2 P {
		text-align: center;
	}
}

/*Ab hier springt er auf 420px breite Elemente*/
@media all and (max-width: 600px) {


/*Gridelemente*/
	.gridrow .col
	{
		float: none;
	}
	.gridrow .col + .col
	{
		margin-left: 0;
	}
	.box50 .col,
	.box33 .col,
	.box25 .col,
	.box33-66 .col.col1,
	.box33-66 .col.col2,
	.box66-33 .col.col1,
	.box66-33 .col.col2,
	.box80-20 .col.col2
	{
		width: 100%;
	}

	input{
		width: 100%
	}

}

/*Ab hier springt er auf 100% breite Elemente (320px)*/
@media all and (max-width: 470px) {
	.cont {
		padding: 20px 0 20px;
	}
}