/* CSS Mobile Reset  8 Some Sales ------------------------------- */
table { width:auto; border-collapse: collapse;border-spacing: 0; }
.open_nav {
	display: none;
}
* {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
/*Ab hier springt er auf 1200px breite Elemente ////////////////////////////////////////////////////////////////////// */
@media all and (max-width: 1900px) {
	.sliderSubhead .subheadImg:before {
		width: 129px;
		height: 487px;
		-webkit-background-size: 129px 487px;
		   -moz-background-size: 129px 487px;
		     -o-background-size: 129px 487px;
		        background-size: 129px 487px;
	}
	/*.bel3 #subhead .sliderSubhead .csc-textpic-text {
		width: 41%;
		-webkit-transform: translateY(20%);
		   -moz-transform: translateY(20%);
		    -ms-transform: translateY(20%);
		     -o-transform: translateY(20%);
		        transform: translateY(20%);
	}

	#subhead .sliderSubhead .csc-textpic-text {
		width: 41%;
		-webkit-transform: translateY(110%);
		   -moz-transform: translateY(110%);
		    -ms-transform: translateY(110%);
		     -o-transform: translateY(110%);
		        transform: translateY(110%);
	}*/

}

@media all and (max-width: 1700px) {
	.sliderSubhead .subheadImg:before {
		width: 117px;
		height: 440px;
		-webkit-background-size: 117px 440px;
		   -moz-background-size: 117px 440px;
		     -o-background-size: 117px 440px;
		        background-size: 117px 440px;
		margin-left: -56px;
	}

	/*.subheadImg {
		width: 45%;
	}*/
}

@media all and (max-width: 1400px) {

	.subheadImg {
		width: 50%;
	}

	/*#subhead .sliderSubhead .csc-textpic-text {
		width: 34%;
		-webkit-transform: translateY(90%);
		   -moz-transform: translateY(90%);
		    -ms-transform: translateY(90%);
		     -o-transform: translateY(90%);
		        transform: translateY(90%);
	}*/
}

/*Ab hier springt er auf 960px breite Elemente ////////////////////////////////////////////////////////////////////// */
@media all and (max-width: 1290px) {
	.inner,
	.cont > .item,
	.gridwrapper > .item {
		width: 94%;
		margin: 0 auto;
		overflow: hidden;
	}
	.gridwrapper > .item.b100,
	.gridwrapper > .item.b101
	{
		width: 100%;
		overflow: hidden;
	}
	.allcont {
		padding-bottom: 50px;
	}
	.bildText .text h2 {
		font-size: 40px;
	}
	/*.subheadImg {
		width: 58%;
	}*/
	/*.bel3 #subhead .sliderSubhead .csc-textpic-text {
		width: 34%;
		-webkit-transform: translateY(34%);
		-moz-transform: translateY(34%);
		-ms-transform: translateY(34%);
		-o-transform: translateY(34%);
		transform: translateY(34%);
		margin-left: 30px;
		left: 0;
	}

	#subhead .sliderSubhead .csc-textpic-text {
		-webkit-transform: translateY(175%);
	   	-moz-transform: translateY(175%);
	    -ms-transform: translateY(175%);
	     -o-transform: translateY(175%);
	        transform: translateY(175%);
		margin-left: 30px;
		left: 0;
	}*/

	.nav {
		width: 550px;
	}
/*Subhead ------------------------------- */

	#subhead .csc-textpic-text .grossertext {
		font-size: 27px;
	}
/*Slider Center ------------------------------- */
	div.csc-textpic-center .csc-textpic-center-outer,
	div.csc-textpic-center .csc-textpic-center-inner {
		float: none;
		right: 0;
	}
/*Center ------------------------------- */
	div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last {
		text-align: center;

	}
	div.csc-textpic div.csc-textpic-imagecolumn {
		display: inline-block;
		float: none;
		margin: 0 10px;
	}

/*Foot -------------------------------- */
	.foot {
		height: auto;
	}
	.foot-right,
	.foot-left {
		float: left;
		width: 100%;
	}
/* Falls Footer unten klebt -------------------------------- */
	HTML, BODY, #site
	{
		height: auto;
	}
	BODY > #site
	{
		min-height: 0;
	}
	#allcont, .allcont
	{
		padding-bottom: 0;
	}
	.foot
	{
		height: auto;
		margin-top: 0;
	}

}

@media all and (max-width: 1200px) {
	.popup .popupInner .text {
	    padding: 30px 50px 55px;
	}
}

@media all and (max-width: 1110px) {

	/*.bel3 #subhead .sliderSubhead .csc-textpic-text {
		width: 100%;
		-webkit-transform: translateY(0%);
		   -moz-transform: translateY(0%);
		    -ms-transform: translateY(0%);
		     -o-transform: translateY(0%);
		        transform: translateY(0%);
		margin-left: 0;
		left: 0;
		position: absolute;
		top: 0;
		text-align: center;
		background: rgba(0,0,0, 0.5);
		height: 100%;
		}

		#subhead .sliderSubhead .csc-textpic-text {
		-webkit-transform: translateY(-5%);
		   -moz-transform: translateY(-5%);
		    -ms-transform: translateY(-5%);
		     -o-transform: translateY(-5%);
		        transform: translateY(-5%);
	}

	.sliderSubhead-inner {
		width: 400px;
		margin: 200px auto 0;
	}

	.bel3 .subheadImg {
		width: 100%;
		float: left!important;
	}*/

	.bel3 .sliderSubhead .subheadImg:before {
		content: none;
	}
}

@media all and (max-width: 1024px) {
	.popup .popupInner .header {
		height: 270px;
	}
	.popup .popupInner .header * {
		height: 270px;
	}
}


@media all and (max-width: 990px) {
	/*Nav ------------------------------- */
	.open_nav
	{
		display: inherit;
		float: right;
	}
	.open_nav P
	{
		padding: 0;
	}
	.nav
	{
		display: none;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		float: left;
	}
	.nav > UL > LI
	{
		float: none;
		border-bottom: 1px solid #fff;
		display: block;
		margin: 0;
	}
	.nav > UL > LI.last {
		border: inherit;
	}
	.nav > UL > LI > A
	{
		font-size: 15px;
		padding: 15px 0;
		text-align: center;
	}
	.nav > UL > LI + LI {
		margin-left: 0;
	}
/*Subnav ------------------------------- */
	.subNav,
	.subNav .subNav,
	.nav > UL > LI:last-child > .subNav,
	.nav > UL > LI:last-child > .subNav .subNav
	{
		position: inherit;
		left: inherit;
		top: inherit;
	}
	.subNav A {
		padding: 10px 20px;
		background: #181b26;
		border-bottom: 1px solid #fff;
		text-align: center;
	}
/* remove hover/touch effect ------------------------------- */
	.nav LI:hover > .subNav,
	.nav LI.over > .subNav
	{
		display: none;
	}
/* showsub dropdown trigger ------------------------------- */
	.showSub
	{
		position: absolute;
		right: 0;
		top: 0;
		z-index: 10;
		cursor: pointer;
		width: 70px;
		padding-top: 26px;
		height: 34px;
		line-height: 47px;
		text-align: center;
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	}
	.subNav .showSub
	{
		height: 18px;
		line-height: 48px;
	}

	.showSub,
	.showSub:after
	{
		-webkit-transition:0.25s ease;
		-o-transition:0.25s ease;
		-moz-transition:0.25s ease;
		transition: 0.25s ease;
	}
	.showSub:after
	{
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		vertical-align: middle;

		width: 20px;
		height: 2px;
		background-color: #5b5d5d;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
				border-radius: 4px;
		position: absolute;
		-webkit-transform: translate3d(0, 0px, 0) rotate(-90deg);
		   -moz-transform: translate3d(0, 0px, 0) rotate(-90deg);
				transform: translate3d(0, 0px, 0) rotate(-90deg);
	}
	.showSub:before
	{
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		vertical-align: middle;
		width: 20px;
		height: 2px;
		background-color: #5b5d5d;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
				border-radius: 4px;
		position: absolute;
		 /*transform: translate3d(0, 0px, 0) rotate(-90deg); 	*/
	}
	.showSub.open:after
	{
		border-top-color: #5b5d5d;
		-webkit-transform: rotate(180deg);
		   -moz-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			 -o-transform: rotate(180deg);
				transform: rotate(180deg);
	}

	.hamburger {
		padding: 25px 0;
		display: inline-block;
		cursor: pointer;
		-webkit-transition-property:opacity, -webkit-filter;
		transition-property:opacity, -webkit-filter;
		-o-transition-property:opacity, filter;
		-moz-transition-property:opacity, filter;
		transition-property:opacity, filter;
		transition-property: opacity, filter, -webkit-filter;
		-webkit-transition-duration: 0.15s;
		   -moz-transition-duration: 0.15s;
			 -o-transition-duration: 0.15s;
				transition-duration: 0.15s;
		-webkit-transition-timing-function: linear;
		   -moz-transition-timing-function: linear;
			 -o-transition-timing-function: linear;
				transition-timing-function: linear;
		font: inherit;
		color: inherit;
		text-transform: none;
		background-color: transparent;
		border: 0;
		margin: 0;
		overflow: visible;
	}
	.hamburger:hover {
		opacity: 0.7;
	}

	.hamburger-box {
		width: 40px;
		height: 24px;
		display: inline-block;
		position: relative;
	}

	.hamburger-inner {
		display: block;
		top: 50%;
		margin-top: -2px;
	}
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
		width: 40px;
		height: 4px;
		background-color: #181b26;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		position: absolute;
		-webkit-transition-property:-webkit-transform;
		transition-property:-webkit-transform;
		-o-transition-property:-o-transform;
		-moz-transition-property:transform, -moz-transform;
		transition-property:transform;
		transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
		-webkit-transition-duration: 0.15s;
		-moz-transition-duration: 0.15s;
		-o-transition-duration: 0.15s;
		transition-duration: 0.15s;
		-webkit-transition-timing-function: ease;
		-moz-transition-timing-function: ease;
		-o-transition-timing-function: ease;
		transition-timing-function: ease;
	}
	.hamburger-inner::before, .hamburger-inner::after {
		content: "";
		display: block;
	}
	.hamburger-inner::before {
		top: -10px;
	}
	.hamburger-inner::after {
		bottom: -10px;
	}
	.hamburger--spring .hamburger-inner{top:2px;-webkit-transition:background-color 0s .15s linear;-o-transition:background-color 0s .15s linear;-moz-transition:background-color 0s .15s linear;transition:background-color 0s .15s linear}.hamburger--spring .hamburger-inner::before{top:10px;-webkit-transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);-o-transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-o-transform .15s cubic-bezier(.55,.055,.675,.19);-moz-transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-moz-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19),-moz-transform .15s cubic-bezier(.55,.055,.675,.19),-o-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner::after{top:20px;-webkit-transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);-o-transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),-o-transform .15s cubic-bezier(.55,.055,.675,.19);-moz-transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-moz-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19),-moz-transform .15s cubic-bezier(.55,.055,.675,.19),-o-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{-webkit-transition-delay:.32s;-moz-transition-delay:.32s;-o-transition-delay:.32s;transition-delay:.32s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner::before{top:0;-webkit-transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1);-o-transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-o-transform .15s .32s cubic-bezier(.215,.61,.355,1);-moz-transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1),-moz-transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1),-moz-transform .15s .32s cubic-bezier(.215,.61,.355,1),-o-transform .15s .32s cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,10px,0) rotate(45deg);-moz-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner::after{top:0;-webkit-transition:top .3s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1);-o-transition:top .3s cubic-bezier(.33333,0,.66667,.33333),-o-transform .15s .32s cubic-bezier(.215,.61,.355,1);-moz-transition:top .3s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1),-moz-transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .3s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .3s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .3s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1),-moz-transform .15s .32s cubic-bezier(.215,.61,.355,1),-o-transform .15s .32s cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,10px,0) rotate(-45deg);-moz-transform:translate3d(0,10px,0) rotate(-45deg);transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;-webkit-transition-duration:.15s;-moz-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);-moz-transition-timing-function:cubic-bezier(.55,.055,.675,.19);-o-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r .hamburger-inner::after{top:-20px;-webkit-transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity 0s linear;-o-transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity 0s linear;-moz-transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity 0s linear;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity 0s linear}.hamburger--spring-r .hamburger-inner::before{-webkit-transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);-o-transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-o-transform .15s cubic-bezier(.55,.055,.675,.19);-moz-transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-moz-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19),-moz-transform .15s cubic-bezier(.55,.055,.675,.19),-o-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);-moz-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg);-webkit-transition-delay:.32s;-moz-transition-delay:.32s;-o-transition-delay:.32s;transition-delay:.32s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);-moz-transition-timing-function:cubic-bezier(.215,.61,.355,1);-o-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spring-r.is-active .hamburger-inner::after{top:0;opacity:0;-webkit-transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity 0s .32s linear;-o-transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity 0s .32s linear;-moz-transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity 0s .32s linear;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity 0s .32s linear}.hamburger--spring-r.is-active .hamburger-inner::before{top:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1);-o-transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-o-transform .15s .32s cubic-bezier(.215,.61,.355,1);-moz-transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1),-moz-transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .32s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .32s cubic-bezier(.215,.61,.355,1),-moz-transform .15s .32s cubic-bezier(.215,.61,.355,1),-o-transform .15s .32s cubic-bezier(.215,.61,.355,1)}
}
/*Ab hier springt er auf 860px breite Elemente ////////////////////////////////////////////////////////////////////// */
@media all and (max-width: 860px) {
	/*#subhead .sliderSubhead .csc-textpic-text {
		position: absolute;
		text-align: center;
		left: 50%;
		margin-left: -50%;
		top: 0;
		background: rgba(0,0,0, 0.4);
		height: 106%;
		width: 100%;
	}
	.subheadImg {
		width: 100%;
	}*/

	/*.bel3 .sliderSubhead-inner {
		width: 400px;
		margin: 200px auto 0;
	}
	.sliderSubhead-inner {
		width: 400px;
		margin: 280px auto 0;
	}*/

	.allcont {
		padding: 40px 0 0;
	}
	.gridrow .col + .col
	{
		margin-left: 0;
	}
	.box50 .col,
	.box33 .col,
	.box33-66 .col.col1,
	.box33-66 .col.col2,
	.box66-33 .col.col1,
	.box66-33 .col.col2
	{
		width: 48%;
	}
	.box50 img {
		width: 70%;
		height: auto;
	}
	.box25 .col {
		float: none;
		display: inline-block;
		width: 46%;
		margin-top: 30px;
	}
	.gridrow.box25 .col + .col {
		margin-left: 4%;
	}
	.box25 .col3 {
		margin-left: 0 !important;
	}

	.gridwrapper.c100.b0.grid2 .box50 .col {
		width: 100%;
		float: none;
	}

		.gridwrapper.c100.b0.grid2 .box50 img {
		width: 100%;
		height: auto;
	}

	.aboutBox:hover .text, .aboutBox.active .text {
		opacity: 1;
	}

	.aboutBox .bild figure {
		bottom: 0;
		z-index: 5;
		height: 345px;
		-webkit-transition: inherit;
		-o-transition: inherit;
		-moz-transition: inherit;
		transition: inherit;
		-webkit-filter: none;
		        filter: none;
	}

	.aboutBox:hover figure, .aboutBox.active figure {
		-webkit-filter: none;
		        filter: none;
		left: 10px;
		-webkit-transform: inherit;
		   -moz-transform: inherit;
		    -ms-transform: inherit;
		     -o-transform: inherit;
		        transform: inherit;
		-webkit-filter: inherit;
	}
	.aboutBox figure.csc-textpic-image {
		left: 10px;
	}

	.aboutBox {
		margin: 10px 0 20px 0;
	}


	.kacheln .gridrow .gridwrapper {
		width: 48.7%;
		margin-left: 2.6%;
	}
	.kacheln .gridrow .gridwrapper:nth-of-type(3n+1) {
		margin-left: 2.6%;	
	}
	.kacheln .gridrow .gridwrapper:nth-of-type(2n+1) {
		margin-left: 0px;
	}
}

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

	/*.bel3 .sliderSubhead-inner {
		width: 400px;
		margin: 100px auto 0;
	}*/
	/*.sliderSubhead-inner {
		width: 400px;
		margin: 220px auto 0;
	 }*/
	.bildText .text h2 {
		font-size: 25px;
		padding: 20px;
	}
	.aboutBox {
		margin: 10px 0 10px 0;
		padding: 30px 20px 10px 0;
		height: auto;
	}

	.aboutBox .bild img {
		width: 60%!important;
		height: auto;
		top: 0;
		margin: 0;
	}
	/*.gridwrapper.c152.b0.grid2 .box50 .col*/
/*	.picRight .col {
		width: 100%;
		float: none;
	}*/

	.gridwrapper.c100.b0.grid2 .col.col2.last {
		margin-left: 0;
	}
	.item.c88.b0 img,
	.item.c94.b0 img,
	.item.c91.b0 img {
		margin-top: 100px;
	}
	.picRight .col2 img {
		/*width: 100%;*/
	}

	.aboutBox .bild figure {
		top: 60px;
		bottom: inherit;
	}
/*Das Projekt -------------------------------- */
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
		float: none;
	}
	div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
		margin-left: 0;
	}
	.csc-textpic-intext-right-nowrap-280 .csc-textpic-text,
	.csc-textpic-intext-right-nowrap .csc-textpic-text {
		margin-right: 0;
	}
/*Bilder links -------------------------------- */
	div.csc-textpic-intext-right .csc-textpic-imagewrap	{
		float: none;
	}
/*Text unterm Bild -------------------------------- */
	.csc-textpic-intext-right .csc-textpic-text,
	.csc-textpic-intext-left .csc-textpic-text	{
		display: inline-block;
	}
/* Gekaufte Bilder .c1 ändern -------------------------------- */
	.allcont .c1 UL {
		/*margin: 0 0 0 25px;*/
	}

	.allcont .c1 TABLE TR TD {
		display: inline-table;
	}

	ul.lang-switch {
	    width: 14%;
	    float: right;
	    margin-top: 31px;
	}

	DIV.csc-textpic-intext-right .csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {margin-left: 0;}
	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: 730px) {
	.box50 .col,
	.box33 .col,
	.box33-66 .col.col1,
	.box33-66 .col.col2,
	.box66-33 .col.col1,
	.box66-33 .col.col2
	{
		width: 100%;
	}
	.box50 img {
		width: 70%;
		height: auto;
		margin: 0 auto;
	}

	.gridwrapper.c87.b0.grid2 .box50,
	.gridwrapper.c92.b0.grid2 .box50 {
		border-bottom: 1px solid #f0e7e0;
		padding: 0 0 50px 0;
	}
	.item.c87, .item.c96.b100 {
		margin-bottom: 0!important;
	}

	.item.c100.b0 .box50, .gridwrapper.c95.b0.grid2 .box50 {
		border: none;
		padding: 0;
	}
	.aboutBox {
		margin: 10px 0 10px 0;
		padding: 3% 2%;
		height: auto;
		width: 96%;
	}

	.aboutBox .bild {
		width: 400px;
		margin: 0 auto;
		border-bottom: 1px solid #181b26;
	}
	.text {
		width: 100%;
		text-align: center;
		float: left;
	}

	.popup .popupInner .text {
	    padding: 20px 30px 35px;
	    float: none;
	    text-align: left;
	}
	.popup .popupInner .text button {
		margin-top: 20px;
	}
	.popup .popupInner .header,
	.popup .popupInner .header * {
		height: 200px;
	}
	.aboutBox .text h3.align-right,
	.aboutBox .text p.align-right,
	.aboutBox .text h2.align-right {
		text-align: center;
	}
	.aboutBox .bild figure {
		position: inherit;
		height: 295px;
	}

	.aboutBox .bild img {
		width: 60%!important;
		height: auto;
		margin: 0 auto;
	}
	.aboutBox h2 {
		margin-bottom: 0;
	}
	.aboutBox br {
		display: none;
	}
	.item.c140.b0 {
		padding-bottom: 60px;
	}
	.aboutBox > .col.col2.last {
		/*display: none;*/
	}
	.item.c232,
	.item.c235,
	.item.c163 {
	    margin: 0 0 50px !important;
	}
	.item.c237 {
	    margin-top: 50px !important;
	}
	.item.c232 img,
	.item.c163 img {
	    width: 100%;
	}

}
/*Ab hier springt er auf 100% breite Elemente (470px) ////////////////////////////////////////////////////////////////////// */
@media all and (max-width: 660px) {
	.box25 .col {
		float: none;
		width: 100%;
	}
	.gridrow.box25 .col + .col {
		margin-left: 0;
	}

	.powermail_fieldwrap_straenr, .powermail_fieldwrap_telefon,
	.powermail_fieldwrap_plzort, .powermail_fieldwrap_email {
		float: none;
		width: 100%;
	}
	#mapkit-9742 {
		height: 300px !important;
	}
	.footnav {
		width: 94%;
		margin: 0;
		left: 20px;
	}
	.footnav .anchor {
		margin: 0;
	}
	.webdesign {
		left: 0;
		margin-left: 20px;
		padding: 0 0 10px 0;
	}
	.foot P {
	    padding: 10px 0 0;
	}
	.allcont {
		padding-top: 30px;
	}

	/*.bel3 .sliderSubhead-inner {
		width: 400px;
		margin: 30px auto 0;
	}*/

	/*.sliderSubhead-inner {
		width: 400px;
		margin: 110px auto 0;
	}*/
	ul.lang-switch {
   		width: 20%;
	}
	.c259 TABLE TR TD {
	    width: 100%;
	    display: inline-block;
	}

}

@media all and (max-width: 600px) {
	.kacheln .gridrow .gridwrapper {
		width: 100%;
		margin-left: 0px !important;
	}
}
/*Ab hier springt er auf 100% breite Elemente (470px) ////////////////////////////////////////////////////////////////////// */
@media all and (max-width: 470px) {

	.item.c162.b0 {
		margin-top: 0!important;
		margin-bottom: 20px!important;
		border-top: 1px solid #f0e7e0;
	}

	.head {
		padding: 10px 0 0;
	}

	.bildText .text h2 {
		font-size: 20px;
		padding: 0;
	}

	.aboutBox h2 {
		font-size: 24px;
	}

	/*.bel3 .sliderSubhead-inner {
		width: 94%;
		margin: 10px auto;
	}*/

	#logo {
		width: 245px;
		-webkit-background-size: 90% 90%;
		   -moz-background-size: 90%;
		     -o-background-size: 90%;
		        background-size: 90%;
	}
	ul.lang-switch {
    	width: 20%;
	}

	.button {
		width: 71%;
		text-align: center;
	}

	.webdesign {
		display: inline-block;
	}
	.button {
		width: 66%;
		color: #e4cebd;
		border: 1px solid #e4cebd;
	}
	.bildText .text {
		position: relative;
		top: 36%;
		width: 100%;
	}
	.box50 img {
		width: 70%;
		height: auto;
		margin: 50px auto 0;
	}

	.bildText .text {
		top: 16%;
		padding: 2%;
		width: 96%;
	}

	.bildText .text h2 {
		color: #e4cebd;
		margin: 20px 0;
	}

	.gridwrapper.c147.b0.grid2 .box50 img,
	.gridwrapper.c226.b0.grid2 .box50 img {
		width: 16%;
		height: auto;
		margin: 0;
	}
	.gridwrapper.c147.b0.grid2 .box50 h3 {
		font-size: 15px;
	}
	.gridwrapper.c147.b0.grid2 .box50 .col .item {
		border-bottom: 1px solid #f0e7e0;
		padding-bottom: 30px;
	}
	.gridwrapper.c147.b0.grid2 .box50 .col {
		padding: 50px 0 0 0;
	}
	.gridwrapper.c147.b0.grid2 .box50 .col .item.c150.b0 {
		border-bottom: none;
	}
/*Subhead -------------------------------- */
	/*.bel3 .sliderSubhead-inner {
		width: 100%;
		margin: 70px auto 0;
	}*/
	.aboutBox .bild {
		width: 100%;
	}

	.footnav {
		width: 94%;
		margin: 0;
		left: 20px;
	}

	.aboutBox .bild figure {
		position: inherit;
		height: auto;
	}

	#subhead .csc-textpic-text .grossertext,
	#subhead .csc-textpic-text .kleinertext
	{
		font-size: 16px;
	}

	#subhead .csc-textpic-text {
		font-size: 20px;
	}
	/*.sliderSubhead-inner {
		width: 320px;
	}
*/
	#subhead .button {
		padding: 10px 30px;
		margin-top: 10px;
	}
	#subhead p {
		font: 15px 'Roboto', Arial, Verdana, Sans-serif;
	}
/*Txt Over -------------------------------- */
	.txtover .csc-textpic-text:hover {
		padding-top: 20px;
	}
	.txtover .csc-textpic-text {
		position: relative;
		padding: 20px;
	}
	.txtover .csc-textpic-text P {
		display: block;
	}
/*Allgemein -------------------------------- */
	H1 {
		font-size: 26px;
	}
	H2 {
		font-size: 22px;
	}
	H3 {
		font-size: 20px;
	}
	H4 {
		font-size: 17px;
	}
	body {
		font-size: 14px;
	}
	img, embed, object, video {
		max-width: 100%;
		height: auto;
		width: auto;
	}
	P.align-right, H1.align-right, H2.align-right, H3.align-right, H4.align-right, H5.align-right, A.align-right, P A.align-right {
		text-align: center;
	}
	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: 100%;
	}
	DIV.csc-textpic-intext-right-nowrap .csc-textpic-text,
	DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
		margin: 0;
	}

	.item.c92.b0 {
		margin-bottom: 0!important;
	}
	.item.c163.b0 {
		margin-top: 0!important;
	}

	.item.c163.b0 img,
	.item.c232.b0 img {
		width: 100%;
	}
	.gridwrapper.c152.b0.grid2 .box50 .col {
		margin-bottom: 30px!important;
	}
	.item.c232.b0 .box50 img {
	    width: 100%!important;
	    height: auto;
	    margin: 0 auto!important;
	}
	.gridrow .col + .col {
		margin-left: 0;
	}

	/* Kacheln */
	.popup .popupInner .header, .popup .popupInner .header * {
		height: 150px;
	}
	.popup .popupInner .text {
    	padding: 20px 10px 35px;
    	line-height: 140%;
    }
}

@media all and (max-width: 380px) {

	#logo {
		width: 180px;
		height: 52px;
	    margin-top: 10px;
	}	
}
@media all and (max-width: 320px) {

	/*#subhead .sliderSubhead .csc-textpic-text {
		display: none;
	}*/

	#logo {
		width: 180px;
		margin-top: 10px;
	}
	.open_nav {
	    display: inherit;
	    float: right;
	    width: 37px;
	}

	ul.lang-switch {
 	   width: 25%;
	}

	.button {
		width: 62%;
		text-align: center;
	}

}

@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 (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-resolution: 192dpi) {

	#logo
	{
		background-image: url(../img/logo2x.png);
		-webkit-background-size: 90% auto;
		   -moz-background-size: 90% auto;
		     -o-background-size: 90% auto;
		        background-size: 90% auto;
	}
	.facebook
	{
		background-image: url(../img/facebook2x.png);
		-webkit-background-size: 19px 35px;
		   -moz-background-size: 19px 35px;
		     -o-background-size: 19px 35px;
		        background-size: 19px 35px;
	}
	.mail
	{
		background-image: url(../img/mail2x.png);
		-webkit-background-size: 35px 25px;
		   -moz-background-size: 35px 25px;
		     -o-background-size: 35px 25px;
		        background-size: 35px 25px;
	}
	.xing
	{
		background-image: url(../img/mail2x.png);
		-webkit-background-size: 33px 35px;
		   -moz-background-size: 33px 35px;
		     -o-background-size: 33px 35px;
		        background-size: 33px 35px;
	}
	.bel3 .sliderSubhead .subheadImg:before,
	.sliderSubhead .subheadImg:before
	{
		background-image: url(../img/logo-vertikal2x.png);
	}

}