/* CSS Mobile Reset */
table { width:auto; border-collapse: collapse;border-spacing: 0; }
.open_nav {
	display: none;
}


a.anchor {
    display: block;
    position: relative;
    top: -175px;
    visibility: hidden;
}


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

	a.schnellkontakt.mail,
	a.schnellkontakt.call
	{
		top: 105px;
	}

	a.schnellkontakt.call
	{
	    left: calc(50% - (178px / 2) - 6px);
	}

	a.schnellkontakt.mail {
	    right: calc(50% - (178px / 2) + 6px);
	}

	header.head + #subhead {
	    margin-top: 194px;
	}

	.c104
	{
		display: block;
	}
	.c77
	{
		display: none;
	}
	.formular_orange
	{
		padding: 35px 10px;
	}
	.formular_orange:before,
	.formular_orange:after
	{
		display: none;
		left: 2%;
	}
	.formular_orange:after
	{
		left: inherit;
		right: 2%;
	}
	input[type='checkbox']:checked + .label::before, input[type='checkbox']:not(:checked) + .label::before
	{
		right: -60px;
	}
	.formular_orange
	{
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		float: none;
		margin: 0;
		padding: 0;
		border: none !important;
		/* overflow: hidden; */
	}

	.formular_orange .next
	{
		display: none;
	}
	.formular_orange:before, .formular_orange:after
	{
		top: 70px;
		/*left: 20px;*/
	}
	.formular_orange:after
	{
		/*left: inherit;*/
		/*right: 20px;*/
	}
	input[type='checkbox']:checked + .label::before, input[type='checkbox']:not(:checked) + .label::before, input[type='checkbox']:checked + .label .checkbox, input[type='checkbox']:not(:checked) + .label .checkbox
	{
		height: 20px;
		width: 20px;
		font-size: 32px;
		line-height: 20px;
		overflow: hidden;
	}

	.tx-powermail .formular_orange .powermail_fieldwrap_type_html:last-of-type {
		display: none!important;
	}
	.tx-powermail .powermail_form .powermail_fieldwrap
	{
		margin: 20px auto;
	}
	.tx-powermail .powermail_fieldset_2 LEGEND.powermail_legend
	{
		display: block;
	}
	.tx-powermail .formular_orange LEGEND.powermail_legend
	{
		display: block;
		position: relative;
	}
	.formular_orange LEGEND:after
	{
		position: absolute;
		top: 50%;
		right: 20px;
		display: block;
		content: " ";
		width: 0;
		height: 0;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 8px solid #fff;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		     -o-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	.formular_orange.active LEGEND:after
	{
		-webkit-transform: translateY(-50%) rotate(180deg);
		   -moz-transform: translateY(-50%) rotate(180deg);
		    -ms-transform: translateY(-50%) rotate(180deg);
		     -o-transform: translateY(-50%) rotate(180deg);
		        transform: translateY(-50%) rotate(180deg);
	}
	.formular_orange .powermail_fieldwrap
	{
		display: none;
	}
/*}*/

/*@media all and (max-width: 1020px) {*/
	#site
	{
		position: relative;
		overflow: hidden;
	}
	#logo
	{
		position: relative;
		top: 20px;
		-webkit-transform: translateX(-50%);
		   -moz-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		     -o-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.nav > UL > LI:nth-child(2),
	.nav > UL > LI:nth-child(3)
	{
		margin: 0;
	}
	.cont >.gridwrapper > .item.grey
	{
		padding: 60px 0;
	}
	.tx-powermail LEGEND.powermail_legend
	{
		display: block;
		padding: 20px;
		color: #fff;
		background: #ec9a00;
		font: 20px 'Oxygen', Arial, Sans-serif;
		text-transform: uppercase;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.c104 .tx-powermail
	{
		display: block !important;
	}
	.c77{
		display: none;
	}
	.powermail_fieldset
	{
		margin-top: 1px;
	}
	.powermail_fieldset_3
	{
		border: none;
	}
	.powermail_fieldwrap
	{
		width: 96%;
		margin: 0 auto;
		float: none;
	}
	.powermail_fieldset_2
	{
		position: inherit;
		right: inherit;
		top: inherit;
		width: auto;
		-webkit-transform: inherit;
		   -moz-transform: inherit;
		    -ms-transform: inherit;
		     -o-transform: inherit;
		        transform: inherit;
		padding: 0;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		        box-shadow: none;
	}
	.tx-powermail .powermail_form .powermail_fieldwrap
	{
		/*padding: 20px 0;*/
	}
	.item.b101 > .gridrow,
	.cont > .item,
	.gridwrapper > .item
	{
		width: 98%;
		margin: 0 auto;
	}
	.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_submit
	{
		width: 98%;
	}
	.powermail_fieldset_2
	{
		display: block;
	}
}
@media all and (max-width: 960px) {
	.cont.top, .formular_orange
	{
		display: none;
	}
	.bel3 .cont.top, .bel3 .formular_orange
	{
		display: block;
	}

	.b100 > .item > .text_pic > .text_pic_text
	{
		width: auto;
		left: 0;
		padding: 20px 0;
	}
	.powermail_fieldset_2 p{
		display: none;
	}
}

/*Ab hier springt er auf 420px breite Elemente*/
@media all and (max-width: 760px) {
	h1 { font-size: 22px;word-break: break-word; }
	h2 { font-size: 20px;word-break: break-word; }
	h3 { font-size: 18px;word-break: break-word; }
	h4 { font-size: 16px;word-break: break-word; }
	h5 { font-size: 16px;word-break: break-word; }
/*Gridelemente*/
	.gridrow .col
	{
		float: none;
	}
	.gridrow .col + .col
	{
		margin-left: 0;
		margin-top: 2%;
	}
	.box50 .col,
	.box33 .col,
	.gridrow.box25 .col,
	.box33-66 .col.col1,
	.box33-66 .col.col2,
	.box66-33 .col.col1,
	.box66-33 .col.col2
	{
		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;
		line-height: 30px;
		padding: 20px 0;
	}
	.copy, .footnav
	{
		float: none;
		display: block;
		width: 100%;
		text-align: center;
	}

/* Gekaufte Bilder .c1 ändern */
	.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;}


	.table-wrapper,
	.seminar-wrapper
	{
		width: 100%;
		overflow: scroll;
	}
	.table-wrapper table,
	.seminar-overview-head,
	.seminar-overview
	{
		width: 1000px;
	}
	.table-wrapper table
	{
		width: auto;
	}
	.seminar-wrapper .table-wrapper table
	{
		width: auto;
	}
	
	/* Floating Navi ausblenden */
	#sticky_act{
	    display:none;
	}
}


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

	.schnellkontakt{
		display: none;
	}

	.mobile-mini-widgets{
		display: block;
	}

	header.head + #subhead {
	    margin-top: 105px;
	}

	img, embed, object, video {
		max-width: 100%;
		height: auto;
		width: auto;
	}
	.head
	{
		padding: 20px 0;
	}
	#logo
	{
		display: block;
		position: inherit;
		/*left: inherit;*/
		top: inherit;
		/*-webkit-transform: inherit;
		   -moz-transform: inherit;
		    -ms-transform: inherit;
		     -o-transform: inherit;
		        transform: inherit;*/
		float: left;
		margin-left: 1%;
		margin-top: 10px;
	}
	.open_nav
	{
		display: inherit;
		float: right;
		margin-top: 20px;
		margin-right: 1%;
	}
	.open_nav P
	{
		padding: 0;
	}
	.open_nav A
	{
		display: block;
		height: 45px;
		line-height: 45px;
		width: 45px;
		color: #FFF;
		font-size: 12px;
		text-decoration: none;
		background: #ec9a00 url(../img/nav.png) no-repeat center center;
		text-align: center;
		overflow: hidden;
		text-indent: -1000px;
	}
	.nav
	{
		display: none;
		position: absolute;
		top: 105px;
		left: 0;
		width: 100%;
		z-index: 3000;
		-webkit-box-shadow: 0 0 40px #fff;
		   -moz-box-shadow: 0 0 40px #fff;
		        box-shadow: 0 0 40px #fff;
	}
	.nav > UL > LI
	{
		float: none;
		display: block;
		float: none;
	}
	.nav > UL > LI > A
	{
		background-color: #ec9a00;
		display: block;
		width: 100%;
		padding: 20px 0;
		color: #fff;
	}
	.nav > UL > LI.act > A, .nav > UL > LI.act:hover > A, .nav > UL > LI.act.over > A,
	.nav > UL > LI:hover > A, .nav > UL > LI.over > A
	{
		background: #fff;
		color: #ec9a00;
	}
	.subNav,
	.subNav .subNav,
	.nav > UL > LI:last-child > .subNav,
	.nav > UL > LI:last-child > .subNav .subNav
	{
		position: inherit;
		left: inherit;
		top: inherit;
		text-align: center;
	}
	.b100 > .item > .text_pic > .text_pic_pic
	{
		display: none;
		left: inherit;
		top: inherit;
		-webkit-transform: inherit;
		   -moz-transform: inherit;
		    -ms-transform: inherit;
		     -o-transform: inherit;
		        transform: inherit;
		padding: 40px 0;
	}
	.b100 > .item > .text_pic > .text_pic_pic img
	{
		width: 100%;
		height: auto;
	}
	.b100 > .item > .text_pic > .text_pic_text
	{
		padding: 0;
	}
	.text_pic *
	{
		color: #ec9a00;
	}
	.seminaranmeldung .powermail_fieldwrap_rechnungsanschrift LABEL,
	.seminaranmeldung .powermail_fieldwrap_rechnungsanschrift .powermail_field
	{
		display: block;
		clear: both;
		float: none;
		width: 100%;
	}
	input[type='checkbox']
	{
		display: block;
		float: none;
	}
	DIV.csc-textpic .csc-textpic-imagewrap FIGURE, DIV.csc-textpic FIGURE.csc-textpic-imagewrap, FIGCAPTION.csc-textpic-caption {display: block;text-align: center;}
	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;width:100%;}
	.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;}
	div.csc-textpic .csc-textpic-imagewrap img
	{
		display: block;
		margin: 0 auto;
	}
}
@media all and (max-width: 470px) {
	.seminaranmeldung .powermail_fieldwrap_termin, .seminaranmeldung .powermail_fieldwrap_name, .seminaranmeldung .powermail_fieldwrap_anschrift, .seminaranmeldung .powermail_fieldwrap_telefon, .seminaranmeldung .powermail_fieldwrap_mobil, .seminaranmeldung .powermail_fieldwrap_name_01, .seminaranmeldung .powermail_fieldwrap_anschrift_01, .seminaranmeldung .powermail_fieldwrap_telefon_01, .seminaranmeldung .powermail_fieldwrap_mobil_01,
	.seminaranmeldung .powermail_fieldwrap_standort, .seminaranmeldung .powermail_fieldwrap_vorname, .seminaranmeldung .powermail_fieldwrap_plzort, .seminaranmeldung .powermail_fieldwrap_fax, .seminaranmeldung .powermail_fieldwrap_e_mail, .seminaranmeldung .powermail_fieldwrap_abteilung, .seminaranmeldung .powermail_fieldwrap_plzort_01, .seminaranmeldung .powermail_fieldwrap_fax_01, .seminaranmeldung .powermail_fieldwrap_e_mail_01 {
		float: none;
		width: 100%;
	}
	.tx-powermail .powermail_form .powermail_fieldwrap {
		margin: 10px auto;
	}
}


@media all and (max-width: 380px) {
	div#logo {
	    width: 110px;
	}
}



@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);
		-moz-background-size: 100% auto;
		  -o-background-size: 100% auto;
		     background-size: 100% auto;
	}
	.open_nav A
	{
		background-image: url(../img/nav2x.png);
		-moz-background-size: 25px 16px;
		  -o-background-size: 25px 16px;
		     background-size: 25px 16px;
	}
	.powermail_fieldset_2 .icon:before
	{
		background-image: url(../img/pen2x.png);
		-moz-background-size: 22px 22px;
		  -o-background-size: 22px 22px;
		     background-size: 22px 22px;
	}
}