/* CSS Mobile Reset */
table { width:auto; border-collapse: collapse;border-spacing: 0; }
.open_nav {
	display: none;
}
#headtop-open
{
	display: none;
}
@media all and (max-width: 1280px) {
	
	.head-top .inner
	{
		/*width: 1100px;*/
	}
	.stoerer
	{
		/*top: 104px;*/
	}
}
@media all and (max-width: 1220px) {
	
	.stoerer
	{
		display: none;
	}
}
@media all and (max-width: 1115px) {
	
	.head-top .inner
	{
		/*width: 920px;*/
	}
	.head-top .item
	{
		/*width: 120px;*/
		/*background-size: 28px auto;*/
		/*padding-left: 32px;*/
	}
	.bx-wrapper
	{
		margin: 0 auto;
	}


}
/*Ab hier springt er auf 760px breite Elemente*/
@media all and (max-width: 960px) {
	#site {
		overflow: hidden;
	}
	.inner, .nav, .head-top2, .head-top .inner {
		width: 96%;
	}
	.head-left, .head-right {
		width: 50%;
	}
	#logo {
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -75px;
		float: none;
	}
	.head-btm {
		height: 220px;
		position: relative;
	}
	.head-top .item {
		width: 18%;
	}
	.head-top .item A {
		color: #fff;
	}
	.nav LI UL
	{
		top: 18px;
	}
	.nav LI A {
		padding: 2px 10px;
		font-size: 14px;
	}
	.nav LI.start A {
		padding: 0 10px 0 0;
	}
	#subhead, #uid281 #subhead {
		margin-top: -47px;
		width: 100%;
		height: inherit;
		min-height: inherit;
		border-bottom-width: 5px;
	}
	#subhead #subhead2 {
		bottom: inherit;
	}
	#subhead IMG {
		width: 100%;
		height: auto;
	}
	#subhead .csc-textpic-text {
		display: none;
	}
	.boxen .item:nth-of-type(3) {
		width: 21%;
	}
	.boxen {
		margin-top: 0;
		background: #fff !important;
		box-shadow: 0px 2px 10px rgba(0,0,0,0.3);
		height: inherit;
		width: 100%;
		padding: 0 0 15px 0;
	}
	.boxen .item {
		width: 21%;
		margin: 15px 2% 0 !important;
	}
	#foot-img {
		display: none;
	}
	HTML, BODY, #site {
		height:inherit;
	}
	BODY > #site {
		height:inherit;
		min-height:inherit;
	}
	.foot {
		height: auto;
		margin-top: 0;
	}
	#allcont {
		padding: 0;
	}
	/*Formular*/
	#uid621 #powermail_fieldwrap_264,
	#uid621 #powermail_fieldwrap_265,
	#uid621 #powermail_fieldwrap_266,
	#uid621 #powermail_fieldwrap_271,
	#uid621 #powermail_fieldwrap_269,
	#uid621 #powermail_fieldwrap_280,
	#uid621 #powermail_fieldwrap_204
	{
		display: none;
	}
}

/*Ab hier springt er auf 420px breite Elemente*/
@media all and (max-width: 760px) {	
	.navwrap.sticknav
	{
		height: 32px;
	}
	.sticknavwrap.stick
	{
		background: none;
		height: 32px;
		position: inherit;
		top: inherit;
		left: inherit;
	}
	.head {
		height: auto;
	}
	.head-btm {
		height: inherit;
	}
	.head-top2 .inner.opened
	{
		height: 205px;
	}
	.head-top .item {
		width: 26%;
	}
	.head-top .item P
	{
		font-style: 15px;
	}
	.boxen {
		box-shadow: none;
		width: 96%;
		display: none;
	}
	.boxen .item, .boxen .item:nth-of-type(3) {
		width: 100%;
		float: none;
		display: block;
		margin: 20px 0 0 0 !important;
		float: none;
	}
	.head-left {
		display: none;
	}
	.head-right {
		width: 50%;
		float: right;
		margin: 95px auto 0;
	}
	A.pdf, A .pdf, .pdf A, A.Button, A .Button, .Button A {
		margin: 5px;
	}
	#logo {
		float: left;
		position: inherit;
		left: inherit;
		top: inherit;
		margin: 20px 0 20px 5%;
	}
	#subhead, #uid281 #subhead {
		margin: 0;
	}
	.contwrap.grey > .slider.cont {
		padding: 0 0 60px 0;
	}

	.open_nav {
		display: inherit;
	}
	.open_nav P {
		padding: 0;
	}
	.open_nav A {
		font: 22px 'Oswald', Arial, Verdana, Sans-serif;
		line-height: 32px;
		display: block;
		height: 32px;
		color: #FFF;
		text-decoration: none;
		background: #7da4cc;
	}
	.nav {
		display: none;
		position: absolute;
		padding: 0;
		top: 34px;
		left: 0;
		width: 100%;
	}
	.nav LI {
		float: inherit;
		display: block;
		float: none;
		padding: 0;
		border: 0;
	}
	.nav LI A, .nav LI.start A {
		background: #7da4cc;
		display: block;
		float: none;
		padding: 12px 0;
		border: 0;
		color: #fff;
		text-align: center;
	}
	.nav LI.act A {
		color:#fff;
		background-color: #618BB7;
	}
	.nav LI UL {
		position: inherit;
		left: inherit;
		top: inherit;
		width: inherit;
		margin: 0;
		padding: 0;
		border-bottom: 2px solid #7da4cc;
	}
	.nav LI UL LI UL
	{
		left: 0;
	}
	.nav LI UL LI A {
		background: rgba(255,255,255,0.95);
		padding: 10px 0;
	}
	.nav LI.over A
	{
		color:#fff;
		background-color: #618BB7;
	}
	.nav LI.over UL LI A
	{
		color:#464d55;
		background: rgba(255,255,255,0.9);
	}
	.nav LI.over UL LI A:hover
	{
		color:#fff;
		background-color: #618BB7;
	}
	.nav LI.over UL LI.act A
	{
		color:#fff;
		background-color: #618BB7;
	}
	#cont-main,
	#cont-right
	{
		float: none;
		width: auto;
		margin-bottom: 20px;
		padding-left: 0;
		padding-right: 0;
	}
	.lbox, .rbox {
		float: none;
		width: 100%;
		margin: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		display: block;
	}
	.box30 {
		float: none;
		width: 100%;
		display: block;
		margin: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.box60,
	.box60.last
	 {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.foot {
		background: none;
	}
	.foot-top .inner {
		width: inherit;
	}
	#foot-green {
		padding: 0;
		background: #96bc33;
		height: inherit;
		padding: 20px 2%;
		margin: 0;
	}
	#foot-blue {
		background: #7da4cc;
		height: inherit;
		padding: 20px 2%;
	}
	.foot-btm {
		background: #464d55;
		height: inherit;
		padding: 20px 2%;
		margin: 0;
	}
	.bx-wrapper .bx-controls-auto {
		top: inherit;
		bottom: -42px;
	}
	.bx-wrapper .bx-controls-direction a {
		top: inherit;
		bottom: -30px;
	}
	/*Formular*/
	#uid621 #powermail_fieldwrap_210, #uid621 #powermail_fieldwrap_211, #uid621 #powermail_fieldwrap_212, #uid621 #powermail_fieldwrap_213, #uid621 #powermail_fieldwrap_214, #uid621 #powermail_fieldwrap_215, #uid621 #powermail_fieldwrap_216, #uid621 #powermail_fieldwrap_217, #uid621 #powermail_fieldwrap_222, #uid621 #powermail_fieldwrap_223, #uid621 #powermail_fieldwrap_224, #uid621 #powermail_fieldwrap_225, #uid621 #powermail_fieldwrap_226, #uid621 #powermail_fieldwrap_227, #uid621 #powermail_fieldwrap_228, #uid621 #powermail_fieldwrap_229, #uid621 #powermail_fieldwrap_185, #uid621 #powermail_fieldwrap_186, #uid621 #powermail_fieldwrap_476, #uid621 #powermail_fieldwrap_188, #uid621 #powermail_fieldwrap_189, #uid621 #powermail_fieldwrap_190, #uid621 #powermail_fieldwrap_191, #uid621 #powermail_fieldwrap_192, #uid621 #powermail_fieldwrap_193, #uid621 #powermail_fieldwrap_194, #uid621 #powermail_fieldwrap_195, #uid621 #powermail_fieldwrap_196, #uid621 #powermail_fieldwrap_232, #uid621 #powermail_fieldwrap_233, #uid621 #powermail_fieldwrap_234, #uid621 #powermail_fieldwrap_235, #uid621 #powermail_fieldwrap_236, #uid621 #powermail_fieldwrap_237, #uid621 #powermail_fieldwrap_238, #uid621 #powermail_fieldwrap_239, #uid621 #powermail_fieldwrap_242, #uid621 #powermail_fieldwrap_243, #uid621 #powermail_fieldwrap_244, #uid621 #powermail_fieldwrap_245, #uid621 #powermail_fieldwrap_246, #uid621 #powermail_fieldwrap_247, #uid621 #powermail_fieldwrap_248, #uid621 #powermail_fieldwrap_249, #uid621 #powermail_fieldwrap_306, #uid621 #powermail_fieldwrap_307, #uid621 #powermail_fieldwrap_308, #uid621 #powermail_fieldwrap_309, #uid621 #powermail_fieldwrap_310, #uid621 #powermail_fieldwrap_311, #uid621 #powermail_fieldwrap_312, #uid621 #powermail_fieldwrap_313, #uid621 #powermail_fieldwrap_314, #uid621 #powermail_fieldwrap_315, #uid621 #powermail_fieldwrap_316, #uid621 #powermail_fieldwrap_317, #uid621 #powermail_fieldwrap_318, #uid621 #powermail_fieldwrap_319, #uid621 #powermail_fieldwrap_320, #uid621 #powermail_fieldwrap_321, #uid621 #powermail_fieldwrap_322, #uid621 #powermail_fieldwrap_323
	{
		width: 100%;
		margin: 0;
	}
	.tx-powermail .powermail_form .powermail_fieldset .powermail_radio_inner
	{
		width: 100%;
	}
	
	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: 685px) {	
	.head-top2 .inner.opened
	{
		height: 275px;
	}
	.head-top .item
	{
		width: 39%;
	}
}
/*Ab hier springt er auf 100% breite Elemente (320px)*/
@media all and (max-width: 480px) {
	.head-top2 .inner.opened
	{
		height: 215px;
	}
	.head-top .item
	{
		background-size: 25px auto !important;
		padding-left: 30px;
		font-size: 14px;
		line-height: 20px;
		margin: 5px 0 !important;
	}
	.headtop-open 
	{
		bottom: -37px;
		right: 0;
	}
	.headtop-open A
	{
		font-size: 13px;
		padding: 7px 30px 5px 15px;
	}
	/*#headtop-open
	{
		display: block;
		width: 100%;
		height: 20px;
		padding: 5px 0;
		line-height: 30px;
		background: #4C739C;
		position: absolute;
		left: 0;
		bottom: 0;
		color: #fff;
		font: 12px 'Oswald', Arial, Verdana, Sans-serif;
		text-align: center;
		vertical-align: middle;
	}
	#headtop-open SPAN
	{
		font-weight: bold;
		display: inline-block;
		-webkit-transition: all 0.2s ease-out 0.3s;
		padding: 0 5px;
		top: -2px;
		position: relative;
	}
	#headtop-open.open SPAN
	{
		-webkit-transform: rotate(180deg);
		top: 4px;
	}
	#headtop-open:hover
	{
		cursor: pointer;
		text-decoration: none;
	}*/
	img, embed, object, video {
		max-width: 100%;
		height: auto;
		width: auto;
	}
	/*.head-top {
		height: 88px;
		overflow: hidden;
		position: relative;
		-webkit-transition: all 0.3s ease-out;
	}*/
	/*.head-top.open {
		height: 440px;
	}*/
	/*.head-top .item {
		width: 125px;
		padding: 5px 0 5px 45px;
		margin: 0 auto;
		display: block;
		float: inherit;
		background-size: auto;
		text-align: center;
	}*/
	/*.head-top .item.c2531 {
		display: block;
	}*/
	.head-btm .inner
	{
		padding-top: 40px;
	}
	#logo {
		float: none;
		display: block;
		width: 100%;
		/*padding: 20px 0;*/
		margin: 0;
	}
	#logo A {
		width: 100%;
	}
	.head-right {
		width: 100%;
		float: none;
		margin: 0;
		display: block;
	}
	.head-right A {
		display: none;
	}
	.slider .csc-textpic-imagewrap {
		display: none;
	}
	#ansprechpartner {
		display: none;
	}
	#allcont TABLE TR TD {
		padding: 2px 0;
	}
	#foot-blue TD, #foot-blue TH {
		display: block;
		padding: 2px 5px;
	}
	#foot-blue TR {
		display: block;
	}
	#foot-blue thead {
		display: none;
	}
	.box {
		padding: 20px 4%;
	}

	#callback
	{
		bottom: 0;
		right: 0;
		width: auto;
		height: auto;
	}

	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 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: 150px 169px;
	}
	A.pdf, A .pdf, .pdf A {
		background-image: url(../img/pdf2x.png);
		background-size: 23px 28px;
	}
	.head-top .item {
		background-image: url(../img/tel-g2x.png);
		background-size: 37px 36px;
	}
	.head-left A, .head-right A {
		background-image: url(../img/telefon-b2x.png);
		background-size: 37px 36px;
	}
	.head-right A {
		background-image: url(../img/angebot-b2x.png);
		background-size: 35px 37px;
	}
	.boxen {
	    background-image: url(../img/boxen2x.png);
	    background-size: 928px 319px;
	}
	#allcont UL LI {
		background-image: url(../img/haken2x.png);
		background-size: 35px 33px;
	}
	#allcont OL LI {
		background-image: url(../img/haken-k2x.png);
		background-size: 24px 23px;
	}
	.bx-wrapper .bx-controls-auto .bx-start, .bx-wrapper .bx-controls-auto .bx-stop, .bx-wrapper .bx-controls-direction A {
		background-image: url(../img/slider-controls2x.png);
		background-size: 145px 16px;
	}
	#ansprechpartner .iconbutton {
		background-image: url(../img/ansprechpartner2x.png);
		background-size: 70px 35px;
	}
	#callback .close
	{
		background-image: url(../img/close2x.png);
		background-size: 16px 16px;
	}
	.stoerer
	{
		background-image: url(../img/10-Jahre-Erfahrung2x.png);
		background-size: 209px 209px;
	}
	.headtop-open A
	{
		background-image: url(../img/more-contact2x.png);
		background-size: 9px 50px;
	}
}