.fa.fa-bars,
#offcanvasmenu {
	display:none;
}

body #content #mainMenuPillars + .csc-frame-frame1 {
	position: absolute;
	right: 0px;
	top: 0px;
	display: none;
}

.csc-frame-frame1 + div > .fce.news {
	top:280px;
}

@media only screen and (max-width : 980px) , only screen and (max-height : 600px) {
	body * {
		box-sizing: border-box;
	}
	.pi_direct_mail_subscription_container * {
		box-sizing: initial;
	}
	.countyLeft > div {
		overflow: hidden;
	}
	 .fa.fa-bars {
		position: fixed;
		font-size: 1.6rem;
		left: 5px;
		top: 5px;
		padding-left: 2px;
		text-shadow: 0px 0px 3px #FFF;
		z-index: 2000;
		opacity: 1;
		visibility:visible;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
		-o-transition: all .5s;
		-webkit-transition: all .5s;
		cursor: pointer;
		display:inherit;
	 }
	  .fa.fa-bars.hidden {
		opacity:0;
		visibility: hidden;
	 }
	 #offcanvasmenu {
		display: inherit;
		position:fixed;
		z-index: 9999;
		height: 100%;
		overflow: hidden;
		overflow: auto;
		width: 265px;
		overflow-y: scroll;
		min-height: 100%;
		background: rgb(38, 38, 38) none repeat scroll 0% 0%;
		margin-left:-265px;
		-moz-transition: margin-left .5s;
		-ms-transition: margin-left .5s;
		-o-transition: margin-left .5s;
		-webkit-transition: margin-left .5s;
	  }
	   #offcanvasmenu.open {
			margin-left:0px;
	   }
	   #offcanvasmenu li a {
			text-decoration: none;
	   }
	   #offcanvasmenu ul li a {
			width: 180px;
			display: inline-block;
	   }
	   
		.offCanvasClose {
			text-align: center;
			list-style: outside none none;
			height: 30px;
			cursor: pointer;
		}
		.offCanvasClose a {
			font-size: 0.9rem;
			margin-left: -10px;
			line-height: 28px;
			color: white;
			font-weight: bold;
		}
		.offCanvasClose .fa {
			left: 12px;
			right: auto !important;
			color:white;
			line-height: 27px;
			margin-top: 1px !important;
		}
		#offcanvasmenu ul + ul li {
			width: 222px;
		}
		#offcanvasmenu ul + ul li:hover {
			background:rgba(102,102,102,1);
		}
		#offcanvasmenu li a:hover  {
			color:white;
		}
		
		#offcanvasmenu .fluid-searchbox {
			margin: 10px 0;
		}
			#searchInputcanvas {
				width: 228px;
				height: 25px;
				padding-left: 9px;
				margin-left: 10px;
			}
			#searchSubmitcanvas {
				margin-left: -16px;
				height: 10px;
				margin-top: 7px;
			}
			#offcanvasmenu  > ul {
				padding: 10px 0 0 10px;
			}
			#offcanvasmenu  > ul:after {
				content: "";
				background: rgba(226, 226, 226, 0.52);
				width: 228px;
				height: 2px;
				display: block;
				margin-top: 10px;
			}
				#offcanvasmenu  > ul  > li {
					padding-left: 10px;
					border-left: 5px solid;
					margin-bottom: 8px;
					font-size: 0.9rem;
				}
				#offcanvasmenu  > ul.menu  > li > a:first-child{
					font-weight: bold;
				}
				#offcanvasmenu  > ul  > li.purple .fa{
					color:#881f7e;
				}
				#offcanvasmenu  > ul  > li.region .fa{
					color:#ee7f01;
				}
				#offcanvasmenu  > ul  > li.purple {
					border-left-color: #881f7e;
				}
				#offcanvasmenu  > ul  > li.contact {
					border-left-color: #006aa7;
				}
				#offcanvasmenu  > ul  > li.region {
					border-left-color: #ee7f01;
				}
				#offcanvasmenu  > ul  > li.economy .fa{
					color:#d9001a; 
				}
				#offcanvasmenu  > ul  > li.economy {
					border-left-color: #d9001a;
				}
				#offcanvasmenu  > ul  > li.work_life .fa{
					color:#006aa7;
				}
				#offcanvasmenu  > ul  > li.work_life {
					border-left-color: #006aa7;
				}
				#offcanvasmenu  > ul  > li.education .fa {
					color:#25a345;
				}
				#offcanvasmenu  > ul  > li.education {
					border-left-color: #25a345;
				}
				#offcanvasmenu  > ul  > li.culture .fa {
					color: #fbba00;
				}
				#offcanvasmenu  > ul  > li.culture {
					border-left-color: #fbba00;
				}
			#offcanvasmenu ul.menu ul.submenu {
				max-height: 0px;
				visibility: hidden;
				opacity: 0;
				-moz-transition: all .5s;
				-ms-transition: all .5s;
				-o-transition: all .5s;
				-webkit-transition: all .5s;
			}
			#offcanvasmenu ul.menu li a {
				line-height: 25px;
			}
			#offcanvasmenu .langmenu li a {
			  background-image: none !important;
			}
			#offcanvasmenu .fa {
				position:absolute;
				cursor: pointer;
				text-align:center;
				right:0;
				font-size: 1.1rem;
				line-height: 25px;
				z-index:10000;
			}
			#offcanvasmenu ul.menu .fa {
				width: 33px;
				height: 25px;
			}
			#offcanvasmenu .fa-minus-circle {
				display: none;
			}
			#offcanvasmenu li.active > .fa-minus-circle {
				display:inline;
			 }
			#offcanvasmenu ul.menu > li > ul >  li {
				padding-top: 8px;
				padding-left: 5px;
				width:190px;
				font-size: 0.9rem;
			}
			#offcanvasmenu ul.menu > li > ul >  li > ul > li {
				padding-top: 5px;
				padding-left: 5px; 
				font-size: 0.8rem;
				width:180px;
			}
			#offcanvasmenu li.active  > ul.submenu > li.active > ul.submenu ,
			#offcanvasmenu li.active  > ul.submenu {
				max-height: 2000px;
				visibility: visible;
				opacity: 1;
			}
	   /* Meta Icons */
		.canvasmeta {
			background:white;
			text-align: center;
			margin-left: 3px;
			width: 243px;
		}
		.canvasmeta:after {
			content:"";
			display:table;
			clear:both;
		}
		.canvasmeta li {
			display:inline-block;
			padding: 5px;
		}
		.canvasmeta a {
			height:25px;
			width: 25px;
			float:left;
		}
		.canvasmeta .newsletter a {
		background: url(../images/menu/meta/newsletter.png) right top no-repeat;
		}

		.canvasmeta .print a {
		  background: url(../images/menu/meta/print.png) right top no-repeat;
		}

		.canvasmeta .calendar a {
		  background: url(../images/menu/meta/veranstaltungen.png) right top no-repeat;
		}

		.canvasmeta .recommend a {
		  background: url(../images/menu/meta/empfehlen.png) right top no-repeat;
		}

		.canvasmeta .facebook a {
		  background: url(../images/menu/meta/facebook.png) right top no-repeat;
		}

		.canvasmeta .xing a {
		  background: url(../images/menu/meta/xing.png) right top no-repeat;
		}

		.canvasmeta .skype a {
		  background: url(../images/menu/meta/skype.png) right top no-repeat;
		}
		.canvasmeta span {
			display:none;
		}
	#menuMeta,
	#header #menuTop,
	#menuMain,
	#menuSite {
		display:none !important;
	}
	body #header > span {
		left: 10px;
		top: 23px;
		bottom: auto;
		font-size: 5em;
	}
	body #slider {
		height: auto;
	}
	body .MediaSlider .caption {
		width: unset;
		height: auto;
		margin: 0;
		position: relative;
		background: none;
		padding: 0px 10px;
		background-size: 200% 200% !important;
	}
	body .MediaSlider .caption p {
		padding-bottom: 25px;
	}
	body .MediaSlider .ms-nav {
		z-index: 50;
	}
	body .MediaSlider .caption h3 {
		margin:auto;
		text-align: left;
	}
	body #center > #content {
		padding-top: 30px;
	}
	body #center > #content,
	body .wrap {
		max-width: 955px;
		width: 100%;
		height:auto !important;
		min-height: auto;
	}
	body .fce.news > div.head > div,
	body .fce.news > div.head {
		width: auto;
	}
	body #center  #content img {
		max-width: 100%;
		height: auto;
	}
	body #center  #content a.fancybox img {
		max-width: 200px;
	}
	body #center  #content #dirlist { 
		padding-left: 0px;
	}
	body #center  #content #dirlist img {
		max-width: 32px;
	}
	body #center {
		margin-top: 55px;
		overflow-x: inherit !important;
		overflow-y: inherit !important;
	}

	body #content #mainMenuPillars {
		width: auto;
		height: auto;
		position: static;
	}
		body #content	#mainMenuPillars > li {
			min-height:45px !important;
			position:static;
			width:100%;
			background: rgba(0, 0, 0, 0.5);
			height: 45px !important;
		}
		 body #content	#mainMenuPillars > li > a {
				margin-top:0;
				font-size:2.6em;
				height: auto;
				height: 45px !important;
			}
			body #content	#mainMenuPillars > li > a > span {
					top: 0;
					height: 45px !important;
					width:auto;
					left:auto;
					position:relative;
					text-align:center;
					transform: rotate(0deg);
					-ms-transform: rotate(0deg);
					-webkit-transform: rotate(0deg);
					-moz-transform: rotate(0deg);
				}
		body #content #mainMenuPillars + .csc-frame-frame1 {
			position: static;
			padding-top: 35px;
		}
		
			body #content #mainMenuPillars + .csc-frame-frame1 DIV.csc-textpic-left DIV.csc-textpic-imagewrap {
				float: right;
			}
		
	body #content .news-single-item {
		background: none;
	}
	#content .fce.news h3 {
		    width: 130px;
	}
	#content .fce.news {
		position:static;
		margin-top: 25px;
		width: auto;
	}
	#content .fce.news > div.body,
	#content .fce.news > div.body > div {
		width: 100%;
	}
	body #content .news-single-item h1 {
		padding:0;
		width: auto;
	}
	body #footer {
		position:relative;
	}
	body #footerTabs {
		display:none;
	}
	body #sponsor {
		height:auto;
		padding: 10px 0 10px 0;
	}
		body #sponsor ul li {
			width: 50%;
			margin: 0;
		}
		body #sponsor > div {
			width: auto;
		}
		body #sponsor ul li a img.gray, body #sponsor ul li img.gray {
			display:none;
		}
		body #sponsor ul li a img, body #sponsor ul li img {
			display:block;
			margin: 20px auto;
		}
	body #keyvisual img {
		width: 100%;
		height: auto;
	}
	body #breadCrumb {
		margin: 12px;
	}
	body #content {
		margin-bottom: 20px;
		margin: 0 12px;
	}
	body #content.columns2 {
		background:none;
	}
	body #content .columns .leftColumn,
	body #content .columns .rightColumn,
	body #content .columns .middleColumn,
	body #content .columns .leftColumnStart,
	body #content .columns .rightColumnStart,
	body #content .leftContent,
	body #content .rightContent {
		float:none;
		width: 100%;
		margin-bottom: 18px;
		padding: 0;
	}
	body DIV.csc-textpic-center DIV.csc-textpic-imagewrap {
		width: 100% !important;
		margin: 0 5px;
	}
	body DIV.csc-textpic DIV.csc-textpic-imagerow {
		clear:none;
		width: 100% !important;
	}
	body DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol,
	body DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol,
	body DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		margin:5px 5px !important;
	}
	body DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI {
		float:none;
	}
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display:inline-block;
		float:left;
	}
	body .tx-jfmulticontent-pi1 li a,
	body .tx-jfmulticontent-pi1 li {
	 float:none !important;
	}
	body .tx-jfmulticontent-pi1 li  {
		padding: 5px 0 !important;

	}
	body .tx-jfmulticontent-pi1 li a {
		font-size: 15px !important;
		display: block !important;
	}
	body .ui-tabs .ui-tabs-panel {
		height: auto !important;
	}
	body .ui-tabs .ui-tabs-nav li.ui-state-active,
	body .ui-tabs .ui-tabs-nav li:hover {
		border: 1px solid #e2e2e2 !important;
	}
	body .ui-tabs .ui-tabs-nav li {
		margin: 0;
		border-bottom: 1px solid white;
	}
	body #content .news-single-item .newsRight,
	body #content .news-single-item .newsLeft {
		width: auto;
		padding: 0;
		float:none;
	}
	body #content .news-single-item .newsRight .news-single-images,
	body #content .news-single-item .newsLeft  .news-single-images {
		max-width: 292px;
		width: 100%;
	}
	body #content .news-list-container .news-list-item {
		height: auto;
		padding: 6px 0;
	}
	body #content .news-list-container .news-list-item .news-list-date {
	    padding-bottom: 5px;
	}
	body #content .news-list-container .news-list-item .news-list-image {
	    margin-right: 10px;
	}
	body #content .news-list-container .news-list-item .news-list-image img {
		width: auto;
	}
	#content .news-list-container .news-list-item .news-list-text {
		display: block;
		margin-top: 10px;
	}
	body .ui-selectmenu .ui-selectmenu-status, .undefined .undefined-status {
		height: 25px;
	}
	body #content .news-latest-container-side .news-latest-item {
		background-position: 95%;
		padding: 10px 0;
		height: auto;
	}
	body #content .news-latest-container-side .news-latest-item span.news-latest-title {
		height: auto;
	}
	body #content .news-latest-container-side,
	body #content .news-single-item .news-single-links,
	body #content .news-single-item .news-files,
	body #content .rightContent .links {
		width: 100%;
		max-width: 293px;
		/*
		float:left;
		*/
	}
	body #content .news-latest-container-side,
	body #content .rightContent .links {
		margin:auto;
		margin-bottom: 5px;
	}
	body #content .news-single-item .news-single-links .links_head,
	body #content .news-single-item .news-single-images .images_head,
	body #content .news-single-item .news-files .files_head,
	body #content .rightContent .links .links_head,
	body #content .rightContent .images .images_head {
		height: auto;
	}
	body #content .news-single-item .news-single-images {
		width: 100%;
		max-width: 292px;
	}
	body #content .rightContent .images {
		width: 100%;
	}
	body .tx-felogin-pi1 {
		max-width: 269px;
	}
	body #content .rightContent .links .links_head {
		background-position: 100% !important;
	}
/* footer popup */
	#footer .footerLine #footerContactContainer {
		height: auto;
		padding: 0 12px;
	}
	#footerCalendarContainer,
	#footer #footerImpulseContainer,
	#footer #footerImpulseContainer .impulseWrap,
	#footer #footerImpulseContainer .impulseWrap > div > table,
	#footer #footerContactContainer .contactWrap .county,
	.countyLeft > div.description,
	#footer #footerContactContainer .contactWrap,
	.countyLeft {
		width: 100% !important;
		height: auto !important;
	}
	body #logoWelcomePartner {
		top: 10px;
	}
	#footer #footerImpulseContainer .impulseWrap > .csc-default{
		max-width: 340px;
		width: 100%;
		margin: auto;
	}
	#footerCalendarContainer .calendarWrap {
		width:500px !important;
	}
	#footer #footerImpulseContainer .impulseWrap {
		padding: 12px;
	}
	#footer #footerImpulseContainer .impulseWrap > div > table table.contenttable tr td:last-child,
	#footer #footerImpulseContainer .impulseWrap > div > table table.contenttable {
		left: 15px;
		position:relative;
	}
	#footer #footerImpulseContainer .impulseWrap > div > table {
		margin:auto;
	}
	.county {
		width: 100%;
		max-width: 100%;
	}
	.countyLeft {
		position:relative !important;
	}
	.countryRight {
		clear: both;
	}
	.countyLeft .hidden {
		display:block;
		float: left;
		margin: 5px 5px 20px 0;
	}
	.countyLeft > div.description p:last-child,
	.countyRight {
		display:none;
	}
	body #footerImpulseContainer .impulseWrap > div > table > tbody > tr > td {
		float:left;
		width: 100%;
		margin: 10px;
	}
	#footerImpulseContainer .impulseWrap p img,
	#footerImpulseContainer .impulseWrap p {
		margin: 0 !important;
	}
	body .csc-uploads table p {
		word-break: break-all;
	}
	body .partner_area_map {
		width:100%;
		max-width: 285px;
		height: 270px;
	}
	body .tx-srfeuserregister-pi1 .create .interests,
	body .tx-srfeuserregister-pi1 .create dl dd,
	body .tx-srfeuserregister-pi1 .create {
		width: 100%;
		margin: 0;
	}
	body .tx-srfeuserregister-pi1 .create .en-label {
		white-space: normal;
	}
	body .tx-srfeuserregister-pi1 .create div > label,
	body .tx-srfeuserregister-pi1 .create .spreadBoxes label {
		width: auto !important;
		margin-right: 10px;
	}
	body #logo {
		top: 12px;
	}
	body #logo img {
		width: 150px;
		height: auto;
	}
	#center #content .contenttable > tbody > tr > td > img {
		height: auto;
		width: 16px;
	}
}
@media only screen and (max-height : 730px) {
	.fce.news {
		top: 100px;
	}
}
@media only screen and (max-width : 730px) {
	body #header > span {
		font-size: 4em;
	}
}
@media only screen and (max-width : 630px) {
	body #header > span {
		font-size: 3em;
	}
	body #footerCalendarContainer #footerCalendar {
		float:none;
	}
	body #footerCalendar .ui-widget-content {
		margin: auto;
	}
	#footerCalendarContainer .calendarWrap {
		width:268px !important;
	}
	body #logo {
		float:right;
	}
	body #logoWelcomePartner {
		position:relative;
		top: 70px;
	}
}
@media only screen and (max-width : 500px) {
	body #header > span {
		display:none;
	}
	body #content .news-list-container .news-list-item .news-list-date,
	body #content .news-list-container .news-list-item .news-list-image {
		float: none;
		margin: auto;
	}
	body h1 {
		font-size: 1.8em;
		margin: 0px;
	}
	body DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	body DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 0 !important;
		float: left;
	}
	body .csc-textpic-text {
		clear:both;
	}
	body .csc-textpic-imagewrap + div {
		margin: 0 !important;
	}
}
@media only screen and (max-width : 450px) {
	body #logoWelcomePartner img {
		width: 100%;
		max-width: 354px;
		height: auto;
	}
	body .fce.news > div.head {
		margin-left: 0px;
	}
	body #sponsor ul li {
		float:none;
		width: 100%;
	}
	#footer #footerImpulseContainer .impulseWrap > div > td table.contenttable:first-child tr td:last-child,
	#footer #footerImpulseContainer .impulseWrap > div > table table.contenttable {
		left:0;
	}
	#footer #footerImpulseContainer .impulseWrap > div > table table.contenttable {
		width: 100%;
	}
}
 @media only screen and (max-width : 540px) {
	 .ce-right .ce-gallery {
		 float: none;
	 }
 }