/* CSS Mobile Reset */
table { width:auto; border-collapse: collapse;border-spacing: 0; }
.open_nav {
	display: none;
}
@media all and (max-width: 1500px) {
	.gridwrapper > .item > .gridrow.box50.fullwidth .col .csc-text {
		padding: 10% 23%;
		width: 100%;
		box-sizing: border-box;
	}
	.subNav {
		min-width: 400px;
	}
	.subNav A {
		white-space: initial;
	}
}
@media all and (max-width: 1280px) {
	.inner, .cont > .item, .gridwrapper > .item > .gridrow,
	#subhead DIV.csc-textpic .csc-textpic-text {
		width: 100%;
		padding: 0 30px;
		box-sizing: border-box;
	}
	.gridwrapper > .item > .gridrow.box50.fullwidth,
	.item.b100 .gridrow, .item.b101 .gridrow {
		padding: 0;
	}
	.subNav {
		min-width: 360px;
	}
	.gridwrapper > .item > .gridrow.box50.fullwidth .col .csc-textpic .csc-textpic-text P:last-child {
		position: relative;
		left: 0;
		bottom: 0;
		max-width: 100%;
		text-align: right;
	}
}
/*Ab hier springt er auf 420px breite Elemente*/
@media all and (max-width: 960px) {

/*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, 
	.box60-40 .col.col1,
	.box60-40 .col.col2,
	.box40-60 .col.col1,
	.box40-60 .col.col2
	{
		width: 100%;
	}

/*.inner,
.cont > .item,
.gridwrapper > .item,
.item.b100 .item.b101,
.item.b101 > .gridrow {
	width: 100%;
	box-sizing: border-box;
	padding: 0 4%;
}*/
.head .inner:before {
	width: 100%;
	right: inherit;
	padding: 0;
	display: none;
}
/* 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;
	}

/* Gekaufte Bilder .c1 ändern */
	.allcont .c1 UL {
		margin: 0 0 0 25px;
	}

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

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


	.item.umrandung {
		margin-top: 50px !Important;
	}
	.gridrow.box100.bild-txt .txt {
		width: 100%;
		box-sizing: border-box;
	}
	.gridwrapper.b100 > .item {
		padding: 0;
	}

	#subhead .csc-textpic-text {
		top: 50%;
	}
	.foot .inner:before,
	.foot .inner:after,
	.head .inner:after,
	.head .inner:before {
		display: none;
	}
	#subhead DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
		width: 100%;
		margin-left: -50%;
	}
	div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap {
		display: block;
	}
	.foot .inner {
		padding: 40px;
	}
	.foot-txt {
		margin-left: 0;
	}
	UL.lang-switch {
		margin: 0 0 15px 300px;
	}

	#subhead DIV.csc-textpic .csc-textpic-text P {
		width: 100%;
	}
	.gridwrapper > .item > .gridrow.box50.fullwidth .col {
		width: 100%;
	}
	.gridwrapper > .item > .gridrow.box50.fullwidth {
		height: 100%;
	}
	.gridwrapper > .item > .gridrow.box50.fullwidth .col, .gridwrapper > .item > .gridrow.box50.fullwidth .col .item, .gridwrapper > .item > .gridrow.box50.fullwidth .col DIV {
		height: auto;
	}
	.gridwrapper > .item > .gridrow.box50.fullwidth .col .csc-text {
		top: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.gridwrapper > .item > .gridrow.box50.fullwidth .col.col1 .csc-text {
		float: none;
	}
	.bel3 .gridwrapper > .item > .gridrow.box100.small {
		padding: 120px 0;
	}
	.box25.imgtxt .col {
		width: 49.5%;
		float: left;
		margin-bottom: 1%;
	}
	.box25.imgtxt .col div.csc-textpic-center .csc-textpic-center-outer {
		float: none;
		right: 0;
	}
	.box25.imgtxt .col div.csc-textpic-center .csc-textpic-center-inner {
		float: none;
		right: 0;
	}
	.box25.imgtxt .col div.csc-textpic-center .csc-textpic-imagewrap FIGURE,
	.box25.imgtxt .col div.csc-textpic-center .csc-textpic-imagewrap IMG {
		width: 100%;
		height: auto;
	}
	.gridrow.box25.imgtxt .col + .col3 {
		margin-left: 0;
	}
	.foot .foot-1, .foot .foot-2, .foot .foot-3, .foot .foot-4 {
		width: 30%;
	}
	.foot .foot-3 {
		width: 7%;
	}
}
@media all and (max-width: 830px) {

/*Nav*/
	.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;
		background-color: #5E4C58;
	}
	.nav 
	{
		display: none;
		position: absolute;
		top: 137px;
		left: 0;
		width: 100%;
		max-width: inherit;
	}
	.sticky .nav {
		top: 87px;
	}
	.nav > UL > LI 
	{
		float: none;
	}
	.nav > UL > LI > A
	{
		background-color: #383838;
		padding: 20px 40px;
		color: #fff;
	}
	.nav > UL > LI:hover > A
	{
		background-color: #cc2d2d;
	}
	.head.sticky .nav > UL > LI > A {
		padding: 20px 40px;		
	}
	.nav > UL > LI.act > A, .nav > UL > LI.act:hover > A, .nav > UL > LI.act.over > A {
		color: #fff;
		background-color: #cc2d2d;
	}
	.nav > UL > LI:hover > A, .nav > UL > LI.over > A {
		color: #fff;
	}
	.subNav,
	.subNav .subNav,
	.nav > UL > LI:last-child > .subNav,
	.nav > UL > LI:last-child > .subNav .subNav
	{
		position: inherit;
		left: inherit;
		top: inherit;
	}
	.subNav {
		padding-top: 0;
	}


	/* remove hover/touch effect */
	.nav LI:hover > .subNav,
	.nav LI.over > .subNav
	{
		display: none;
	}

	/* showsub dropdown trigger */
	.subNav A {
		background-color: #393939;
	}
	.subNav A:hover,
	.subNav LI.over A {
		background-color: #292929;
	}
	.subNav LI:hover > A, .subNav LI.over > A, .subNav > LI.act > A, .subNav > LI.act:hover > A, .subNav > LI.act.over > A {
		background-color: #cc2d2d,
	}
	.showSub
	{
		position: absolute;
		right: 0;
		top: 0;
		z-index: 10;
		cursor: pointer;
		width: 55px;
		height: 68px;
		line-height: 68px;
		background: #383838;
		text-align: center;
	}
	LI.over .showSub,
	LI.act .showSub,
	LI:hover .showSub {
		background-color: #cc2d2d;
	}
	.subNav .showSub
	{
		background: #b91010;
		height: 48px;
		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;
		border-top: 5px dashed #fff;
		border-top: 6px solid\9;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
	}
	.showSub.open:after
	{
		border-top-color: #fff;
		-webkit-transform: rotate(180deg);
		   -moz-transform: rotate(180deg);
		    -ms-transform: rotate(180deg);
		     -o-transform: rotate(180deg);
		        transform: rotate(180deg);
	}


	.head #logo {
		padding-bottom: 30px;
	}
	.head.sticky #logo {
		padding-bottom: 0;
	}
	/*!
	 * Hamburgers
	 * @description Tasty CSS-animated hamburgers
	 * @author Jonathan Suh @jonsuh
	 * @site https://jonsuh.com/hamburgers
	 * @link https://github.com/jonsuh/hamburgers
	 */
	.hamburger{
		display:inline-block;
		cursor:pointer;
		transition-property:opacity,filter;
		transition-duration:.15s;
		transition-timing-function:linear;
		font:inherit;color:inherit;
		text-transform:none;
		background-color:transparent;
		border:0;
		margin:0;
		overflow:visible}
	.hamburger:hover{
		opacity:.7}
	.hamburger{
		width:40px;
		height:24px;
		display:inline-block;
		position:absolute;
		right: 30px;
		top: 30px;}
	.hamburger-inner{
		display:block;
		top:50%;
		margin-top:-2px}
	.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{
		width:40px;
		height:4px;
		background-color:#fff;
		position:absolute;
		transition-property:transform;
		transition-duration:.15s;
		transition-timing-function:ease}
	.hamburger-inner::after,.hamburger-inner::before{
		content:"";
		display:block}
	.hamburger-inner::before{
		top:-10px}
	.hamburger-inner::after{
		bottom:-10px}
	/*Squeeze*/
	.hamburger--squeeze .hamburger-inner{transition-duration:.1s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner::before{transition:top .1s .14s ease,opacity .1s ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease,opacity .1s .14s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1)}



	.head {
		position: relative;
		background-color: #0E0E0E;
		top: 0;
		padding-top: 30px;
	}
	.bx-wrapper .bx-viewport {
		height: auto;
	}
	/*#subhead DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image,
	.bel3 #subhead DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
		display: block;
		width: 100%;
		left: 50%;
		position: relative;
		margin-left: -50%;
		margin-bottom: 0;
		min-height: auto;
		min-width: auto;
	}*/

	#subhead DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image IMG,
	.bel3 #subhead DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image IMG,
	.bel3 #subhead DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
		/*width: 100%;
		height: auto;
		min-height: auto;
		min-width: auto;*/
		display: none;
	}
	#subhead DIV.csc-textpic .csc-textpic-wrap {
		top: 0;
		margin: 20px 0;
		-webkit-transform: inherit;
		-ms-transform: inherit;
		transform: inherit;
	}
	.bel3 #subhead {
		background-color: #0E0E0E;
	}
	.bel3 #subhead DIV.csc-textpic .csc-textpic-wrap {
		position: relative;
	}
	.bel3 #subhead2 DIV {
		position: relative !Important;
		height: 100%;
	}
	.bel3 #subhead .bx-viewport {
		height: 100% !Important;
	}

	.gridwrapper > .item > .gridrow.box100.small > .item > .csc-text {
		width: 60%;
	}

	.foot .foot-1, .foot .foot-2, .foot .foot-3, .foot .foot-4 {
		width: 50%;
	}
	.foot .foot-1, .foot .foot-2 {
		margin-bottom: 20px;
	}
	.foot .foot-4 {
		text-align: left;
	}
	.foot-top {
		padding: 40px 0;
	}
	.gridrow .col{
		margin-top: 20px;
	}
	.gridwrapper > .item > .gridrow.box50.fullwidth .col {
		margin-top: 0;
	}
	UL.lang-switch {
		top: 20px;
		margin: 0 87px 15px 170px;
	}
}
@media all and (max-width: 730px) {
	.gridwrapper > .item > .gridrow.box50.fullwidth .col .csc-text {
		padding: 15% 10%;
	}
	UL.lang-switch {
		top: 20px;
		margin: 0 87px 15px 0;
	}
}
@media all and (max-width: 600px) {
	H1 {
		font-size: 30px;
	}
	H2 {
		font-size: 25px;
	}
	H3 {
		font-size: 22px;
	}
	#subhead .csc-textpic-text {
		border: none;
		font-size: 24px;
		line-height: 28px;
		padding: 20px;
	}
	.button-mehr:before,
	.button-mehr:after {
		display: none;
	}
	.powermail_fieldwrap_straenr, .powermail_fieldwrap_telefon,
	.powermail_fieldwrap_plzort, .powermail_fieldwrap_e_mail {
		float: none;
		width: 100%;
	}

	.allcont .item.b100 .csc-text {
		padding: 100px 50px;
	}
	UL.lang-switch {
		top: 20px;
		margin: 0 0 15px 0;
	}
	.hamburger {
		top: 75px;
	}
}
@media all and (max-width: 530px) {
	.box25.imgtxt .col {
		width: 100%;
		float: none;
	}
	.gridrow.box25.imgtxt .col + .col {
		margin-left: 0;
	}
	.gridwrapper > .item > .gridrow.box100.small > .item > .csc-text:before, .gridwrapper > .item > .gridrow.box100.small > .item > .csc-text:after {
		display: none;
	}
	.gridwrapper > .item > .gridrow.box100.small > .item > .csc-text {
		width: 100%;
		padding: 0 50px;
		box-sizing: border-box;
	}
	.allcont .item.b100 .csc-text P:last-child {
		position: relative;
		right: 0;
		bottom: 0;
		text-align: right;
	}
	.allcont .item.b100 .csc-text {
		padding: 0 50px;
	}
	.allcont .item.b100 .csc-text H3 {
		font-size: 20px;
	}
}
@media all and (max-width: 495px) {
	.foot .foot-1, .foot .foot-2, .foot .foot-3, .foot .foot-4 {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
}
/*Ab hier springt er auf 100% breite Elemente (320px)*/
@media all and (max-width: 470px) {

	.b100 .box100 .csc-textpic IMG {
		display: none;
	}
	.allcont .item.b100 .box100 .csc-text {
		position: relative;
		background-color: #0E0E0E;
		padding: 50px;
	}
	#subhead DIV.csc-textpic .csc-textpic-text .grossertext {
		font-size: 36px;
		line-height: 35px;
	}
	UL.lang-switch {
		top: 0;
	}
	.hamburger {
		top: 45px;
	}
	#logo
	{
		width: 185px;
		height: 90px;
	}
	img, embed, object, video {
		max-width: 100%;
		height: auto;
		width: 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 all and (max-width: 380px) {
	H1 {
		font-size: 25px;
	}
	H2 {
		font-size: 22px;
	}
	H3 {
		font-size: 18px;
	}
	#logo
	{
		width: 165px;
	}
	/*#subhead {
		display: none;
	}*/
	/*.allcont {
		padding-top: 120px;
	}*/
}
@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: 100% auto;
	}

}