/* 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: 1280px) {
	H1,
	.grossertext {
	font-size: 40px;
	}
	H2 {
		font-size: 35px;
		padding: 0;
	}
	H3 {
		font-size: 28px;
	}
	.gruenerButton, .whiteButton {
		margin-top: 0;
		width: 35px;
		height: 35px;
	}
	.inner,
	.cont > .item,
	.gridwrapper > .item,
	.item.b101 > .gridrow {
		width: 96%;
		padding: 0 2%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.gridwrapper > .item .gridwrapper > .item {
		padding: 0;
	}
	.item.b100,
	.item.b101 {
		width: 100%;
		padding: 0;
	}
	.item.blue {
		padding: 2%;
	}
	.videoText .txt .whiteButton {
		float: left !important;
	}
	.textBild .txt {
		left: 0;
		margin-left: 0;
	}
	.gruenerButton {
		float: left;
	}
	#logo:before {
	left: 20px;
	}
	#logo:after {
		width: 91.6%;
	}
	#subhead .item {
		padding: 0;
	}
	.video-item {
		min-height: 100%;
		height: 100%;
		max-height: 100%;
		margin-top: 0 !important;
	}
	.bel3 #subhead {
		height: auto;
	}
	.bx-wrapper .bx-pager {
		top: inherit;
		bottom: 120px;
		left: 20px;
		z-index: auto;
		 -webkit-transform: none;
			-moz-transform: none;
			 -ms-transform: none;
			  -o-transform: none;
				 transform: none;
	}
}
/*Ab hier springt er auf 760px breite Elemente*/
@media all and (max-width: 1200px) {
	.videoText .txt {
		left: 0;
		margin-left: 0;
		width: 96%;
		padding: 0 2%;
	}
}
/*Ab hier springt er auf 760px breite Elemente*/
@media all and (max-width: 960px) {
	H1,
	.grossertext {
	font-size: 28px;
	}
	H2 {
		font-size: 24px;
		padding: 0;
	}
	H3 {
		font-size: 20px;
	}
	.allcont {
		padding-top: 50px;
	}
	.bel3 #subhead:after {
		display: none;
	}
	.head .inner {
		width: 100%;
		padding: 0;
	}
	#logo {
		margin-left: 20px;
	}
	#logo:after {
		width: 88.8%;
		right: inherit;
		left: 75px;
	}
	.bx-wrapper .bx-pager {
		bottom: 50px;
	}
	.item.c81 {
		margin-bottom: 40px !important;
	}
	/*Nav*/
	.open_nav
	{
		display: inherit;
		position: absolute;
		right: 0;
		top: 0;
	}
	.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: rgba(14,58,113,0.9);
	}
	.nav
	{
		display: none;
		position: absolute;
		top: 48px;
		left: 0;
		width: 100%;
		z-index: 9999;
	}
	.nav > UL > LI
	{
		float: none;
	}
	.nav > UL > LI > A
	{
		background-color: rgba(14,58,113,0.9);
		padding: 20px;
	}
	.nav > UL > LI.has-sub:after {
		display: none;
	}
	.subNav,
	.subNav .subNav,
	.nav > UL > LI:last-child > .subNav,
	.nav > UL > LI:last-child > .subNav .subNav
	{
		position: inherit;
		left: inherit;
		top: inherit;
		padding-top: 0;
	}
	.subNav A {
		background-color: rgba(14,58,113,0.9);
		color: #fff;
	}
	.subNav LI:hover > A,
	.subNav LI.over > A,
	.subNav > LI.act > A {
		background-color: rgba(255,255,255,0.9);
		color: #0e3a71;
	}
	/* remove hover/touch effect */
	.nav LI:hover > .subNav,
	.nav LI.over > .subNav
	{
		display: none;
	}
	.showSub
	{
		position: absolute;
		right: 0;
		top: 0;
		z-index: 10;
		cursor: pointer;

		width: 55px;
		height: 47px;
		line-height: 47px;
		background: #fff;
		text-align: center;
	}
	.subNav .showSub
	{
		background: #fff;
		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 #93bd67;
		border-top: 6px solid\9;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
	}
	.showSub.open:after
	{
		border-top-color: #93bd67;
		-webkit-transform: rotate(180deg);
		   -moz-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			 -o-transform: rotate(180deg);
				transform: rotate(180deg);
	}
	.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
		background: #fff;
	}
	.box50 > .col1 {
		width: 39%;
	}
	.box50 > .col2 {
		width: 58%;
	}
	.textBild .txt {
		width: 100%;
		padding-bottom: 60px;
		position: static;
		top: inherit;
		 -webkit-transform: none;
			-moz-transform: none;
			 -ms-transform: none;
			  -o-transform: none;
				 transform: none;
	}
	.textBild .pic {
		float: none;
		width: 100%;
	}
	.textBild .pic DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image,
	.textBild .pic DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image IMG {
		width: 100%;
	}
	.bildText .txt {
		position: relative;
		right: inherit;
		float: right;
	}
	#uid27 .box25 > .col {
		width: 49%;
	}
	#uid27 .box25 > .col3 {
		margin-left: 0 !important;
	}
	#uid27 .box25 > .col3,
	#uid27 .box25 > .col4 {
		margin-top: 15px;
	}
}

/*Ab hier springt er auf 420px breite Elemente*/
@media all and (max-width: 760px) {
	.bx-wrapper .bx-pager {
		display: none;
	}
	.bel3 .videoText .txt {
		position: relative !important;
		top: -6px;
		background: #0e3a71;
		padding-bottom: 50px;
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		     -o-transform: none;
		        transform: none;
	}
	.bel3 .videoText .txt .align-right {
		text-align: left;
	}
	#logo:after {
		width: 190px;
	}
	#uid27 .box25 > .col .item,
	#uid27 .box25 > .col DIV.csc-textpic,
	#uid27 .box25 > .csc-textpic-imagewrap {
		min-height: 100%;
	}
/*Gridelemente*/
	.gridrow .col,
	.bildText .pic,
	.bildText .txt
	{
		float: none;
	}
	.gridrow .col + .col,
	.gridrow.box50 .col + .col,
	#uid27 .gridrow .col + .col
	{
		margin-left: 0;
		margin-top: 20px;
	}
	.box50 .col,
	.box33 .col,
	.box25 .col,
	.box33-66 .col.col1,
	.box33-66 .col.col2,
	.box66-33 .col.col1,
	.box66-33 .col.col2,
	#uid27 .box25 > .col,
	.bildText .pic,
	.bildText .txt
	{
		width: 100%;
	}

/* Falls Footer unten klebt */
	HTML, BODY, #site
	{
		height: auto;
	}
	BODY > #site
	{
		min-height: 0;
	}
	#allcont, .allcont
	{
		padding-top: 20px;
		padding-bottom: 0;
	}
	.foot
	{
		height: auto;
		margin-top: 0;
		text-align: center;
	}
	.foot div.csc-textpic-left .csc-textpic-imagewrap {
		float: none;
	}
	.foot div.csc-textpic .csc-textpic-imagewrap figure,
	.foot IMG {
		margin: 0 auto;
		position: relative;
	}
	.copy P {
		text-align: center;
	}
/* 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;}
}

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

	.powermail_fieldwrap_straenr,
	.powermail_fieldwrap_telefon,
	.powermail_fieldwrap_plzort,
	.powermail_fieldwrap_e_mail,
	.tx-femanager fieldset .femanager_fieldset,
	.tx-felogin-pi1 fieldset > div {
		width: 100%;
		float: none;
	}
	.tx-felogin-pi1 fieldset > div + div,
	.tx-femanager fieldset .femanager_fieldset:nth-child(odd) {
		margin-left: 0;
	}

	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 (-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: 100% auto;
		   -moz-background-size: 100% auto;
		     -o-background-size: 100% auto;
		        background-size: 100% auto;
	}
	.gruenerButton,
	.whiteButton {
		background-image: url(../img/arrow-right-green2x.png);
		-webkit-background-size: 8px 14px;
		   -moz-background-size: 8px 14px;
		     -o-background-size: 8px 14px;
		        background-size: 8px 14px;
	}
	.whiteButton {
		background-image: url(../img/arrow-right2x.png);
		-webkit-background-size: 8px 14px;
		   -moz-background-size: 8px 14px;
		     -o-background-size: 8px 14px;
		        background-size: 8px 14px;
	}
	.nav > UL > LI.has-sub:after {
		background-image: url(../img/arrow2x.png);
		-webkit-background-size: 10px 6px;
		   -moz-background-size: 10px 6px;
		     -o-background-size: 10px 6px;
		        background-size: 10px 6px;
	}
	.nav > UL > LI.has-sub:hover:after {
		background-image: url(../img/arrow-hover2x.png);
		-webkit-background-size: 10px 6px;
		   -moz-background-size: 10px 6px;
		     -o-background-size: 10px 6px;
		        background-size: 10px 6px;
	}
	.id19 A SPAN {
		background-image: url(../img/user-icon2x.png);
		-webkit-background-size: 13px 14px;
		   -moz-background-size: 13px 14px;
		     -o-background-size: 13px 14px;
		        background-size: 13px 14px;
	}
	.id19 A SPAN:hover {
		background-image: url(../img/user-icon-hover2x.png);
		-webkit-background-size: 13px 14px;
		   -moz-background-size: 13px 14px;
		     -o-background-size: 13px 14px;
		        background-size: 13px 14px;
	}
}