/* CSS Mobile Reset */
table { width:auto; border-collapse: collapse;border-spacing: 0; }
.open_nav {
	display: none;
}
img, embed, object, video {
	max-width: 100%;
	height: auto;
	width: auto;
}

/*Alle Bilder passen sich der Figure an*/
.csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-imagecolumn .csc-textpic-image img {
	max-width: 100%;
	width: auto;
	height: auto;
}
/*Alle erhalten einen margin-right von 2%*/
.csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-imagecolumn {
	margin-right: 2%;
}
/*Einzelne Breiten je nach Spalte*/
.csc-textpic-imagewrap[data-csc-cols="8"] .csc-textpic-imagerow .csc-textpic-imagecolumn {
	width: 10.75%;
}
.csc-textpic-imagewrap[data-csc-cols="7"] .csc-textpic-imagerow .csc-textpic-imagecolumn {
	width: 12.57%;
}
.csc-textpic-imagewrap[data-csc-cols="6"] .csc-textpic-imagerow .csc-textpic-imagecolumn {
	width: 15%;
}
.csc-textpic-imagewrap[data-csc-cols="5"] .csc-textpic-imagerow .csc-textpic-imagecolumn {
	width: 18.4%;
}
.csc-textpic-imagewrap[data-csc-cols="4"] .csc-textpic-imagerow .csc-textpic-imagecolumn {
	width: 23.5%;
}
.csc-textpic-imagewrap[data-csc-cols="3"] .csc-textpic-imagerow .csc-textpic-imagecolumn {
	width: 32%;
}
.csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagerow .csc-textpic-imagecolumn {
	width: 49%;
}
.csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-imagerow .csc-textpic-imagecolumn {
	width: 100%;
}
.csc-textpic-imagewrap[data-csc-cols="1"] {
	float: none !important;
}
/*Alle letzten erhalten keinen letzten margin*/
.csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-imagecolumn.csc-textpic-lastcol {
	margin-right: 0;
}

/*Ab hier springt er auf 1030px breite Elemente*/
@media all and (max-width: 1250px) {
	#subhead .subheadcont {
		-webkit-transform: translateX(calc(-50% - -300px));
		-moz-transform: translateX(calc(-50% - -300px));
		-ms-transform: translateX(calc(-50% - -300px));
		-o-transform: translateX(calc(-50% - -300px));
		transform: translateX(calc(-50% - -300px));
	}
	.swiper-pagination {
		max-width: 980px;
	}

	.gridrow .col .item > .csc-textpic-text,
	.gridrow .col .item > * > .csc-textpic-text,
	.item.b120 {
		padding: 8px 18px;
	}
	.box25-25-50 .col3 .csc-textpic-intext-left .csc-textpic-imagewrap,
	.box25-25-50 .col3 .csc-textpic-intext-right .csc-textpic-imagewrap {
		float: none;
	}
	.box25{
		flex-wrap: wrap;
	}
	.box25 > .col {
		width: 49%;
		margin: 0;
		margin-bottom: 25px;
	}
	.box25 .col + .col{
		margin: 0;
		margin-bottom: 25px;
	}
	.box25 > .col:nth-child(3),
	.box25 > .col:nth-child(4){
		margin-bottom: 0;
	}
	.box25 H1 {
		font-size: 30px;
	}

	.footnav UL LI A {
		padding: 13px 9px;
	}

}

/*Ab hier springt er auf 960px breite Elemente*/
@media all and (max-width: 1030px) {
	.nav > UL > LI > A {
		padding: 13px 18px 2px;
	}
	#logo {
		width: 250px;
		height: 47px;
	}
	.button {
		padding: 7px 12px;
	}
	.foottop {
		padding: 25px 40px;
	}
	.footbtm {
		padding: 20px 0;
	}
	.foottop .gridrow {
		margin: 0;
	}
	.footnav UL {
		margin-left: 30px;
	}
	.footbtm .copy {
		padding-right: 30px;
	}
	.tx-indexedsearch FORM#tx_indexedsearch TABLE INPUT.submit {
		background-position: 12px 9px;
	}

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

/*NAVI START*/
	/*!
	 * Hamburgers
	 * @description Tasty CSS-animated hamburgers
	 * @author Jonathan Suh @jonsuh
	 * @site https://jonsuh.com/hamburgers
	 * @link https://github.com/jonsuh/hamburgers
	 */
	 
	.hamburger{padding:15px;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-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:40px;height:4px;background-color:#000;border-radius:4px;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}

	/*
   * Spin
   */
	.hamburger--spin .hamburger-inner{transition-duration:.3s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .34s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:.14s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .14s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(0.215,0.61,0.355,1)}

	.hamburger {
		background: #6990b0;
		padding: 15px 0px 4px 10px;
	}

	.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
		background-color: #edf2f5;
		border-radius: 0;
		height: 1px;
		width: 30px;
	}

/*Nav*/
	.open_nav 
	{
		display: inherit;
		float: left;
		margin-right: 10px;
		
	}
	.nav 
	{
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		float: none;
		text-align: right;
		z-index: 1000;
	}
	.nav > UL > LI 
	{
		float: none;
	}
	.nav > UL > LI > A
	{
		background-color: #004068;
		padding: 15px 5% 15px 80px;
	}
	.subNav,
	.subNav .subNav,
	.nav > UL > LI:last-child > .subNav,
	.nav > UL > LI:last-child > .subNav .subNav
	{
		position: inherit;
		left: inherit;
		top: inherit;
	}
	
	/* remove hover/touch effect */
	.nav LI:hover > .subNav,
	.nav LI.over > .subNav
	{
		display: none;
	}

	/* showsub dropdown trigger */
	.showSub
	{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		cursor: pointer;

		width: 65px;
		height: 56px;
		line-height: 56px;
		background: #98b1cb;
		text-align: center;
	}
	.subNav .showSub
	{
		background: #98b1cb;
		height: 40px;
		line-height: 40px;
	}

	.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);
	}
/*NAVI END*/
	#subhead .subheadcont {
		position: relative;
		max-width: none;
		width: 96%;
		bottom: 0;
		/*top: -20px;*/
		left: 0;
		margin: -60px auto 0;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	#subhead .subheadcont .csc-textpic-text > H5 {
		top: -70px;
		left: 0px;
	}
	.swiper-pagination {
		text-align: center;
	}
	.gridrow {
		display: block;
		justify-content: flex-start;
	}
	.box50 > .col,
	.box25-25-50 > .col.col3,
	.box50-25-25 > .col.col1,
	.box25-25-50 > .col.col1,
	.box25-25-50 > .col.col2,
	.box50-25-25 > .col.col2,
	.box50-25-25 > .col.col3,
	.box25 > .col,
	.box33 > .col,
	.box66-33 > .col.col1,
	.box66-33 > .col.col2 {
		width: 100%;
	}
	.box25 > .col {
		margin-bottom: 0;
	}
	.box25 {
		flex-wrap: nowrap;
	}
	.gridrow .col + .col {
		margin-left: 0;
		margin-top: 20px;
	}

	
	.gridrow.box100 .col {
		padding: 0;
	}
	.gridrow.box100 > .col,
	.gridrow.box50 > .col,
	.gridrow.box33 > .col,
	.gridrow.box25 > .col,
	.gridrow.box50-25-25 > .col,
	.gridrow.box25-25-50 > .col,
	.gridrow.box66-33 > .col {
		padding: 20px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.gridrow .col .item > .csc-textpic-text,
	.gridrow .col .item > * > .csc-textpic-text,
	.item.b120 {
		padding: 0;
	}
	.item.lightblue,
	.gridrow .col .item.lightblue,
	.item.blue,
	.gridrow .col .item.blue {
		padding: 20px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	.foot {
		margin: 20px 0 20px;
	}
	.footbtm > DIV,
	.footbtm .socialnav,
	.footbtm .copy {
		float: none;
		width: 100%;
		text-align: center;
	}
	.footnav UL {
		margin-left: 0;
	}
	.footbtm .copy {
		padding-right: 0
	}
	.footbtm .socialnav {
		margin: 20px 0;
	}

	.tx-blackboard-intranet .button {
		margin-bottom: 3px;
	}
	.tx-indexedsearch FORM#tx_indexedsearch {
		width: 90%;
	}

	.tx-indexedsearch FORM#tx_indexedsearch TABLE INPUT.submit {
		background-position: 12px 9px;
	}


}

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


	H1 {
		font-size: 23px;
	}
	H2 {
		font-size: 21px;
	}
	H3 {
		font-size: 18px;
	}
	H4 {
		font-size: 15px;
	}

	.allcont .tx-indexedsearch FORM#tx_indexedsearch TABLE TR TD:nth-child(2) {
		width: 50px;
	}

	#subhead .subheadcont {
		margin: 30px auto 0;
	}
	#toTop {
		display: none;
	}
	.head {
		position: static;
		top: auto;
		left: auto;
	}
	.head .inner {
		padding: 10px 0;
	}
	.foot {
		margin: 10px 0;
	}
	

	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: 500px) {
	.loginpage .allcont .cont,
	.popup .popup-inner {
		padding: 20px;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		position: static;
		top: auto;
		left: auto;
		margin: 0 auto;
		max-width: none;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.tx-femanager .femanager_password, .tx-femanager .femanager_password_repeat {
		float: none;
		width: 100%;
	}
	.tx-femanager .femanager_fieldset.femanager_password_repeat INPUT {
		border-left: 0;
	}
	#site.loginpage {
		height: auto;
		height: auto;
		height: auto;
		flex: 0 1 auto;
	}
}
/*Ab hier springt er auf 100% breite Elemente (320px)*/
@media all and (max-width: 470px) {
	#logo {
		float: none;
		margin: 10px auto;
	}
	.navwrap {
		margin-top: 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 .csc-textpic-text, DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {margin: 0;}
}

@media all and (max-height: 600px) {
	#site.loginpage {
		height: auto;
	}
	.loginpage .allcont .cont {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		position: static;
		top: auto;
		left: auto;
		margin: 0 auto;
	}
}

@media all and (max-height: 500px) {

.popup .popup-inner {
	padding: 20px;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	position: static;
	top: auto;
	left: auto;
	margin: 0 auto;
	max-width: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

}