+/* CSS Mobile Reset */
table { width:auto; border-collapse: collapse;border-spacing: 0; }
.open_nav {
	display: none;
}
/*Ab hier springt er auf 760px breite Elemente*/
@media all and (max-width: 960px) {
	.inner {
		width: 750px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	#allcont {
		width: 740px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	#logo {
		left: auto;
		right: 10px;
	    margin-left: 0;
	}
	.nav, #shopinfos {
		float: inherit;
	}
	#shopinfos {
		text-align: right;
		margin-top: 39px;
	}
	#shopinfos .minibasketstatus {
		text-align: left;
	}
	.firstcol, .secondcol, .thirdcol {
		width: 227px;
		padding-bottom: 0;
	}
	.firstcol H5, .secondcol H5, .thirdcol H5 {
		width: 227px;
	}
	.firstcol div.csc-textpic-center .csc-textpic-imagewrap, .secondcol div.csc-textpic-center .csc-textpic-imagewrap, .thirdcol div.csc-textpic-center .csc-textpic-imagewrap {
		height: 178px;
	}
	.firstcol H5 A, .secondcol H5 A, .thirdcol H5 A {
	    padding: 13px 15px 10px 10px;
	}
	.firstcol.big {
		width: 469px;
	}
	.firstcol.big H5 {
		width: 469px;
	}
	HR {
		width: 740px;
		background: transparent url(../img/trenn740.png) no-repeat top left;
	}
	.btngruen {
		background-position: 19% 12px;
	}
	.firstgrey, .secondgrey, .thirdgrey {
		width: 187px;
	}
	.firstgrey H5, .secondgrey H5, .thirdgrey H5 {
		font-size: 13px;
	}
	.item.c134 IMG {
		width: 230px;
		height: auto;
	}
	/*shop*/
	/*1step*/
	#basketForm .gutschein .lbox {
		/*width: 66%;*/
	}
	#basketForm .gutschein LABEL {
		/*width: 40%;*/
	}
	#basketForm .gutscheintext INPUT {
		/*width: 60%;*/
	}
	#basketForm .gutschein .coupon.rbox {
		/*width: 30%;*/
	}
	.categoriebox H5 {
		width: 230px;
		height: 55px;
		border-bottom-right-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		-moz-border-radius-bottomright: 0;
	}
	.categoriebox H5 A,
	.categoriebox.over H5 A {
		background: #7ABCEB;
		display: block;
		height: 32px;
	}
}

/*Ab hier springt er auf 420px breite Elemente*/
@media all and (max-width: 760px) {
	.inner {
		width: 410px;
	}
	#allcont {
		width: 400px;
	}
	HR {
		width: 400px;
		background: transparent url(../img/trenn400.png) no-repeat top left;
	}
	.head {
		height: 45px;
	}
	#logo {
		background-size: 100% auto !important;
		margin-left: -190px;
	}
	#logo, #logo A {
		width: 380px;
		height: 48px;
	}
	.open_nav {
		display: inherit;
	}
	.open_nav P {
		padding: 0;
	}
	.open_nav A {
		display: block;
		height: 45px;
		line-height: 45px;
		color: #FFF;
		font-size: 18px;
		text-decoration: none;
	}
	.nav {
		display: none;
		position: absolute;
		top: 45px;
		left: 6%;
		width: 88%;
		z-index: 1000;
		padding-top: 0;
	}
	.nav LI {
		float: inherit;
		padding: 1px 0 0 0;
	}
	.nav LI A {
		background-color: #3f3f3f;
		display: block;
		padding: 8px 20px;
	}
	.nav LI.id77 {
		background-image: none;
		padding-left: 0;
	}
	.nav LI.id77 A {
		background: #3f3f3f url(../img/shop-nav.png) no-repeat 20px 9px;
		padding-left: 50px;
	}
	.nav LI UL {
		position: inherit;
		left: inherit;
		top: inherit;
		padding: 0;
		width: 100%;
		text-align: left;
	}
	.nav LI UL LI A, .nav LI UL LI.first A {
		background-color: #7abceb;
		background-image: none;
		padding: 8px 20px;
	}
	.nav LI.start A, .nav LI.start.act A,.nav LI.start A:hover {
		background-image: none;
		background-color: #3f3f3f;
		padding: 8px 20px;
	}
	.nav LI.start A SPAN {
		display: block;
	}
	.nav LI UL LI.first.act A, .nav LI UL LI.first A:hover, .nav LI.over UL LI.first A:hover, .nav LI.over UL LI.first.act A {
		background-color: #569cce;
		background-image: none;
	}
	.bel11 #left, .bel11 #cont {
		width: inherit;
		float: none;
		display: block;
		margin: 0;
	}
	.bel11 #left {
		margin-bottom: 20px;
	}
	.bel11 #cont {
		width: 96%;
	}
	.bel11 HR {
		margin-left: 0;
		width: 102%;
	}
	.firstcol, .secondcol, .thirdcol {
		width: 294px;
		float: inherit;
		margin: 15px auto 0 !important;
		padding-bottom: 37px;
	}
	.thirdcol {
		margin: 15px auto 0 !important;
	}
	.firstcol div.csc-textpic-center .csc-textpic-imagewrap, .secondcol div.csc-textpic-center .csc-textpic-imagewrap, .thirdcol div.csc-textpic-center .csc-textpic-imagewrap {
		height: 182px;
	}
	.firstcol H5, .secondcol H5, .thirdcol H5, .firstcol.big, .firstcol.big H5 {
		width: 294px;
	}
	.firstcol.big div.csc-textpic-center .csc-textpic-imagewrap {
		height: 89px;
	}
	.firstgrey, .secondgrey, .thirdgrey {
		width: 254px;
		margin: 20px auto 10px !important;
		float: inherit;
	}
	.btngruen {
		background-image: none !important;
	}
	#shopinfos {
		text-align: center;
		margin-top: 7px;
	}
	.foot .inner {
	    padding-top: 15px;
    	height: 140px;
	}
	.lbox, .rbox, #basketForm .gutschein, #basketForm .usercomment {
		float: inherit;
		width: 100%;
		margin-right: 0;
		display: block;
	}
	.tablewrap {
		width: 100%;
		overflow-x: scroll;
	}
/*shop*/
/*1step*/
	.tx-linkshop TABLE.productlist TR TD INPUT {
		width: 25px;
	}
	.tx-linkshop TABLE.productlist TR TH {
		font-weight: inherit;
	}
	#basketForm .gutschein .coupon.rbox, #basketForm .gutschein .lbox, #basketForm .gutschein LABEL, #basketForm .gutscheintext INPUT {
		width: 100%;
	}
	#basketForm .userForm .billingHolder DIV, #basketForm .userForm .deliveryHolder DIV {
		width: 100%;
		float: inherit;
		margin: 0;
	}
	/*2step*/
	.tx-linkshop-basket-overview .send A.btn {
		margin: 10px 0;
	}
	/*3step*/


	.categoriebox H5 {
		width: 100%;
		height: auto;
	}
	.categoriebox H5 A,
	.categoriebox.over H5 A {
		background: #7ABCEB;
		display: block;
		height: auto;
	}
	
	DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {float: inherit;}
	.csc-textpic-intext-right-nowrap .csc-textpic-text {margin-right: 0;}
	.csc-textpic-intext-left-nowrap .csc-textpic-text {margin-left: 0;}
}

/*Ab hier springt er auf 100% breite Elemente (320px)*/
@media all and (max-width: 470px) {
	img, embed, object, video {
		max-width: 100%;
		height: auto;
		width: auto;
	}
	H1 {
		font-size: 25px;
	}
	H2 {
		font-size: 22px;
	}
	H3 {
		font-size: 20px;
	}
	HR {
		border-bottom: 10px solid #f4f4f4;
		height: 0;
		background-image: none;
		width: 100%;
	}
	.divider {
    	margin-left: -7%;
    	width: 114%;
	}
	.inner {
		width: 96%;
	}
	#allcont {
		width: 92%;
		padding: 2%;
	}
	#cont {
		padding: 10px 6%;
	}
	#subhead {
		max-height: 225px;
	}
	#subhead IMG {
		max-width: 300%;
		margin-left: -100%;
	}
	#shopinfos .minibasketlink {
		display: none;
	}
	#logo {
		top: 120px;
		margin-left: -140px;
	}
	#logo, #logo A {
		width: 280px;
		height: 36px;
	}
	.firstcol, .secondcol, .thirdcol {
		width: 100%;
	}
	.firstcol H5, .secondcol H5, .thirdcol H5, .firstcol.big, .firstcol.big H5 {
		width: 100%;
	}
	.firstcol div.csc-textpic-center .csc-textpic-imagewrap, .secondcol div.csc-textpic-center .csc-textpic-imagewrap, .thirdcol div.csc-textpic-center .csc-textpic-imagewrap {
		height: inherit;
	}
	.firstcol.big div.csc-textpic-center .csc-textpic-imagewrap {
		height: inherit;
	}
	.firstgrey, .secondgrey, .thirdgrey {
		width: 96%;
		padding: 2%;
	}
	HTML, BODY, #site {
		height: inherit;
	}
	BODY > #site {
		height: auto;
		min-height: inherit;
	}
	.foot {
		height: 100%;
		margin-top: 0;
	}
	.foot .inner {
		height: auto;
		padding-bottom: 10px;
	}
	.c135 H1 {
		font-size: 20px;
	}
	.c132 H2 {
		font-size: 18px;
	}
	#allcont table, #allcont thead, #allcont tbody, #allcont th, #allcont td, #allcont tr { 
		display: block; 
	}
	#allcont thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#allcont .tabelle tr {
		border-bottom: 2px solid #f4f4f4;
	}
	#allcont td { 
		border: none;
		position: relative;
		white-space: normal;
		padding: 2px 0 !important;
	}
	#allcont td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		white-space: normal;
		text-align: center;
		font-weight: normal;
	}
	#allcont td:before {
		content: attr(data-title);
	}

	DIV.csc-textpic .csc-textpic-imagewrap FIGURE, DIV.csc-textpic FIGURE.csc-textpic-imagewrap, FIGCAPTION.csc-textpic-caption {display: block;}
	DIV.csc-textpic-left .csc-textpic-imagewrap, DIV.csc-textpic-right .csc-textpic-imagewrap {float: none;}
	DIV.csc-textpic DIV.csc-textpic-imagecolumn {display: inline-block;float: none;vertical-align: top;}
	.csc-default {clear: both;}
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {width: 38%;}
	DIV.csc-textpic-intext-right-nowrap .csc-textpic-text, DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {margin: 0;}

	/*shop*/
	/*1step*/
	.tx-linkshop TABLE.productlist TD:nth-last-child(1),
	.tx-linkshop-basket-overview TABLE.productlist TD:nth-last-child(1) {
		border: none;
		border-left: none !important;
	}
	.tx-linkshop TABLE.productlist TR:nth-child(1) {
		display: none !important;
	}
	.tx-linkshop TABLE.productlist .textalignright {
		text-align: center;
	}
	#basketForm .send INPUT.saveandshow {
		padding: 2px 0;
	}
	#basketForm .send INPUT.saveandshow, #basketForm .send INPUT.viewandbuy {
		width: 100%;
		margin: 5px 0;
	}
	.tx-linkshop TABLE.productlist TD {
		text-align: right;
	}

	.infopopup {
		top: 170px;
		padding: 5px 20px 15px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
	#logo
	{
		background-image: url(../img/logo2x.png);
		background-size: 574px 73px;
	}
	.ecke {
		background-image: url(../img/btn-l2x.png);
		background-size: 5px 92px;
	}
	.firstcol H5 A, .secondcol H5 A, .thirdcol H5 A, .firstcol.over H5 A, .secondcol.over H5 A, .thirdcol.over H5 A {
		background-image: url(../img/btn-r2x.png);
		background-size: 14px 78px;
	}
	.firstcol.big .ecke {
		background-image: url(../img/btngruen-l2x.png);
		background-size: 5px 92px;
	}
	.firstcol.big H5 A, .firstcol.big.over H5 A {
		background-image: url(../img/btngruen-r2x.png);
		background-size: 14px 78px;
	}
	#foot-logo {
		background-image: url(../img/foot-logo2x.png);
		background-size: 248px 30px;
	}
	#shopinfos .minibasketlink {
		background-image: url(../img/icon-shop2x.png);
		background-size: 148px 50px;
	}
	#shopinfos .minibasketstatus {
		background-image: url(../img/icon-warenkorb2x.png);
		background-size: 208px 50px;
	}
	.number {
		background-image: url(../img/kreis2x.png);
		background-size: 40px 40px;
	}
	.nav LI.id77 {
		background-image: url(../img/shop-nav2x.png);
		background-size: 20px 22px;
	}
	.firstcol.big .huf, .btngruen {
		background-image: url(../img/shop2x.png);
		background-size: 20px 22px;
	}
	.nav LI UL LI.first A, .nav LI UL LI.first.act A, .nav LI UL LI.first A:hover, .nav LI.over UL LI.first A:hover, .nav LI.over UL LI.first.act A {
		background-image: transparent url(../img/snav-top2x.png);
		background-size: 318px 70px;
	}
}