/* CSS Mobile Reset */
table { width:auto; border-collapse: collapse;border-spacing: 0; }
.open_nav {
	display: none;
}
#phone, .nav LI A {
	-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;
}
/*Ab hier springt er auf 760px breite Elemente*/
@media all and (max-width: 960px) {
	BODY {
		background: none;
	}
	#site, .foot2 {
		width: 96%;
	}
	#teaser2 {
		width: 100%;
	}
	#teaser .item {
		width: 23%;
		margin-left: 1%;
		margin-right: 1%;
		padding-left: 1%;
		padding-right: 1%;
		margin-bottom: 15px !important;
	}
	#teaser .item H4 {
		width: 110%;
		padding: 10px 0;
		left: -5%;
	}
	.tx-imagecycle-pi1, .tx-imagecycle-pi1-images {
		width: 100% !important;
		overflow: hidden;
	}
	.tx-imagecycle-pi1-images li, .tx-imagecycle-pi1-images a, #subhead {
		width: 100%;
		height: auto;
	}
	#subhead {
		-moz-box-shadow: 0 14px 30px -10px #000;
		-webkit-box-shadow: 0 14px 30px -10px #000;
		box-shadow: 0 14px 30px -10px #000;
	}
	.tx-imagecycle-pi1-images img {
		max-width: 100%;
		height: auto;
		width: auto;
	}
	.foot2 {
		height: auto;
		padding: 0 2%;
	}
	#footnav {
		width: 100%;
		border-right: none;
	}
	#footnav TABLE {
		width: 100%;
	}
	#footnav TABLE TR TD {
		padding-right:5px;
	}
	.foot3 {
		float: none;
		width: 100%;
		text-align: center;
	}
	.lboxtitle H3, .rboxtitle H3 {
		width: 106%;
	}
}
@media all and (max-width: 890px) {
	.head {
		padding-top: 20px;
		background-position: 0 42px;
	}
	#phone {
		font-size: 20px;
		float: none;
		margin: 0 auto 25px;
		width: 190px
	}
	#logo {
		float: none;
		margin: 0 auto 30px;
	}
}

/*Ab hier springt er auf 420px breite Elemente*/
@media all and (max-width: 840px) {
	#teaser .item {
		width: 48%;
		overflow: hidden;
	}
	#teaser .item H4 {
		left: -3%;
		width: 106%;
	}
	.nav LI A {
		padding: 13px 20px;
	}

	
	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;}
}
@media all and (max-width: 710px) {
	.nav LI A {
		padding: 13px 10px;
	}
	.tx-felogin-pi1 FORM DIV {
		float: none;
		margin-right: 0;
		display: block;
		width: 100%;
	}
	.tx-felogin-pi1 FORM INPUT.submit {
		width: 100%;
	}
	.lboxtitle, .rboxtitle {
		float: none;
		width: 100%;
		margin: 10px 0;
	}
	.boxtitle H3 {
		width: 106%;
	}
	#lspalte {
		width: 100%;
	}
	#rspalte {
		width: 100%;
	}
}

/*Ab hier springt er auf 100% breite Elemente (320px)*/
@media all and (max-width: 620px) {
	img, embed, object, video {
		max-width: 100%;
		height: auto;
		width: auto;
	}

	div #phone {
		position:relative;
	}
	.head{
		background-size:100%;
	    background-position: 0 70%;
	}
	#footnav TABLE TR TD {
		padding-right: 0;
		display: block;
		text-align: center;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.navbar {
		padding: 0;
	}
	.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: relative;
		/*top: 0;*/
		/*left: 0;*/
		/*width: 100%;*/
		z-index: 9999;
		background: #0668AF;
	}
	.nav LI {
		float: inherit;
		margin: 0;
	}
	.nav LI A {
		background-color: #0668AF;
	}
	.nav LI UL {
		position: inherit;
		left: inherit;
		top: inherit;
		padding: 3px 1%;
		width: 98%;
	}

	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;}
}

@media all and (max-width: 540px) {
	.lbox, .rbox {
		float: none;
		width: 100%;
		margin-right: 0%;
		display: block;
	}
	#teaser .item {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-right: 0;
		padding-left: 2%;
		padding-right: 2%;
	}
	.firstcol, .secondcol, .thirdcol {
		width: 100%;
		float: none;
		margin: 0;
	}
	#logo {
		width: 100%;
		background-size: 100% auto;
		margin: 0;
	}
	#logo A {
		width: 100%;
	}
	H2 {
		background: none;
	}
}
@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) {
	#login A
	{
		background-image: url(../img/login2x.png);
		background-size: 17px 19px;
	}

}