@media only screen and (max-width: 1279px) {
	/*//////////////////// BASICS ////////////////////*/
	main {
		margin-top: 58px;	
	}
	
	.flex,
	.cols { 
		display: block;
	}

	.showDesktop { display: none !important }
	.showMobile { display: block }

	header,
	main,
	main section,
	footer {
		overflow-x: hidden;
	}

  .content {
    max-width: 300px;
    margin: auto;
  }
  
	/*//////////////////// TEXT //////////////////////*/
	/* TEXT --------------------------------*/
	h1 { 
		font-size: 42px 
	}
	
	h1 b {
		font-size: 56px;
	}
	
	h2 { 
		font-size: 26px; 
		line-height: 40px;
	}
	
	h2 b { 
		font-size: 28px; 
	}
	
	h3 { 
		font-size: 18px; 
		line-height: 24px;
	}	 
	
	p {
		font-size: 16px;
	}

	/* BUTTONS -----------------------------*/
	.btn {
		padding: 8px 25px;
		font-size: 14px;
	}
	
	table tr td {
		display: block;
		width: 100%;
	}
	
	/*////////////////// OVERLAY /////////////////////*/
	/* COOKIE MANAGER ----------------------*/
	a.show_cookiemanager {
		left: 10px;
	}

  /* SCROLL TOP/DOWN ---------------------*/
	div.scrolltop,
	div.scrolldown {
		right: 10px;
	}

	/* DIGITAL ASSISTANT -------------------*/			
	div.show_assistant {
		right: 0;
	  left: 0;
	  text-align: center;
	  bottom: 10px;
	  animation: none;
	}
	
	div#assistant {
		left: 0;
		width: 100%;
		padding: 20px;
	}
	
	div#assistant #close_it {
		top: 20px;
		right: 20px;
	}
	
	div#assistant #header {
    padding: 100px 0 10px 0;
    margin: 40px 0 10px 0;
    background-position: top center;
    background-size: 120px;
	}
	
	div#assistant h4 {
		font-size: 18px;
		line-height: 1.2;
	}

	div#assistant #messages div label {
    font-size: 14px;
	}

	div#assistant #messages div label {
		min-height: 20px;
		padding: 0px 0px 0px 26px;
		line-height: 1.2;
	}
	
	div#assistant #messages div label input[type=radio] + b,
	div#assistant #messages div label input[type=checkbox] + b { 
		width: 20px;
		height: 20px;
	}

	/* MOBILE NAVIGATION SWITCH --------------*/		
	div.switch {
		display: block;	
	}	

	/*/////////////////// HEADER /////////////////////*/
	header {
		width: 101%;
		left: -1px;
	}
	
	header.active {
		position: fixed;
	  z-index: 4000;
	  left: 0%;
	  top: 0%;
	  width: 100%;
	  height: 100%;
	  overflow: auto;
	}

	/* MAIN NAVIGATION ---------------------*/	
	#mainNav span.background {
		display: none;
	}
	
	nav#mainNav {
		background-image: linear-gradient(60deg, #489699, #76b799);
	}
	
	#mainNav.active {
		position: absolute;
	  left: 0%;
	  z-index: 4000;
	  background-image: linear-gradient(60deg, #489699, #76b799);
	  transition: all ease-in-out 0.2s;
	}
	
	#mainNav .logo {
		z-index: 200;
	}
	
	#mainNav .logo img {
		width: 90px;
    margin: 20px 15px 10px 15px;
	  transition: all ease-in-out 0.3s;
	}
	
	#mainNav ul,
	#mainNav.active .logo img {
		display: none;
	}
	
	#mainNav ul.active {
		display: block;
	}
	
	#mainNav.flat ul {
	padding: 30px;
	}
	
	#mainNav ul li {
	display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 40px 0;
  text-align: left;
	}
	
	#mainNav ul li.navPoint:hover {
	  background: transparent;
	  color: #fff;
	}

	#mainNav .navExpand,
	#mainNav.flat .navExpand,
	#mainNav ul li.navPoint:hover div.navExpand,
	#mainNav.flat ul li.navPoint:hover div.navExpand {
		display: block;
 		position: relative;	
 		visibility: visible;
 		top: 0;
 		width: 100%;
 		min-height: 1px;
 		padding: 0 5px;
 		opacity: 1;
 		background: transparent;
 		box-shadow: none;
	}
	
	#mainNav ul li.navPoint a.navPointName {
    display: block;		
		width: 100%;
    margin: 12px 0;
    text-align: left;
		font-size: 22px;
	}
	
	#mainNav .navExpand ul {
		list-style: none;
	  width: 100%;
	  margin: 0;
	  border: none;
	  padding: 0;
	  color: #fff;
	}
	
	#mainNav .navExpand ul li a {
		padding: 10px;
		color: #fff;
	}
	
	#mainNav .navExpand ul li a:hover {
		color: #fff;
	}
	
	.navExpand a.navImg figure {
		width: auto;
		height: auto;
		background-image: none !important;
	}
	
	.navExpand a.navImg figure figcaption{
		position: relative;
		padding: 10px;
		text-align: left;
		font-size: 18px;
		background: none;
	}
	
	#mainNav .navExpand a.navImg {
		display: block;
    width: 100%;
		margin: 5px;
	}
	
	.navExpand a.navImg:hover figcaption {
  	padding: 10px;
	}

	/* SIDEBAR/SIDE NAVIGATION -------------*/	
	nav#sideNav {
		display: none;
	}
	
	/*//////////////// LAYOUT/DESIGN /////////////////*/
	/* BREAKER -----------------------------*/
	.breaker.vid.befLeft:before,
	.breaker.vid.befRight:before {
		display: none;
	}

	.breaker.vid {
		min-height: 0;
		padding: 0;
	}
	
	.breaker.vid video {
		position: relative;
	}
		
	/* PSEUDO HEADER SUBPAGES --------------*/
	.pageName {
		margin: 0;
		padding-top: 0;
		word-break: break-word;

	}
	
	.pageName::before {
		height: 150%;
		transform: rotate(-5deg) translate(-2%,-25%);
	}
	.pageName ul.breadcrumb {
	  display: block;
	}
	
	.pageName .content {
  	transform: rotate(-5deg) translate(15px, 0);
	}
	
	.pageName h1 {
		font-size: 53px;
	}		

	/* COLUMNS -----------------------------*/	
	.cols .col.d1,	.cols .col.d12, .cols .col.d22,
	.cols .col.d13, .cols .col.d23, .cols .col.d33,
	.cols .col.d14, .cols .col.d24, .cols .col.d34, .cols .col.d44,
	.cols .col.d15, .cols .col.d25, .cols .col.d35, .cols .col.d45, .cols .col.d55,
	.cols .col.d16, .cols .col.d26, .cols .col.d36, .cols .col.d46, .cols .col.d56, .cols .col.d66,
	.cols .col.d110, .cols .col.d210,	.cols .col.d310, .cols .col.d410, .cols .col.d510, .cols .col.d610, .col.d710, .col.d810, .col.d910 {
		width: calc(100% - 40px);
	}
	
	/*///////////////////// MAIN ////////////////////*/
	/* CARDS -------------------------------*/	
	.cards {
		grid-template-columns: 100%; 
		grid-row-gap: 20px;
		padding: 20px 0;
	}

	/* GO-TO LIST --------------------------*/		
	ul.goTo {
		flex-direction: column;
	}
	
	ul.goTo li {
		width: 100%;
		margin-bottom: 10px;
	}

	ul.goTo li a {
		padding: 15px 0 15px 45px;
	}	
	
	/* HIGHLIGHT BOX------------------------*/	
	.highlight {
		flex-wrap: wrap;
	}
	
	.highlight .small {
  	width: 80%;
  	margin: 25px auto;
	}
	
	.highlight::before,
	.highlight.right::before {
	  width: 100%;
	  height: 75%;
	}
	
	.highlight.right::before {  
		top: 25%;
	}
		
	.highlight .large,
	.highlight.right .large{
		text-align: left;
	  width: calc(100% - 30px);
	  margin: auto 15px;
	}
	
	.highlight .small  table {
 		border-collapse: collapse;
 	}
	
	.highlight .small table tr,
	.highlight .small table tr td {
		display: block;
	}	
		
	/* FADE-IN ICONS/MARKUP ICONS ----------*/			
	.markupIcon.active::before {
		left: 0;
	}
	
	.markupIcon.active span {
  	width: calc(100% - 35px);
	}
					
	/* TILES -------------------------------*/		
	.tiles,
	.tiles:nth-of-type(2n) {
		width: 100%;
		height: auto;
	}
	
	.tiles .tile {
		display: block;
		float: none;
	}
	
	.tiles .tile.tile_xl, 
	.tiles .tile.tile_l,
	.tiles .tile.tile_ml,
	.tiles .tile.tile_m, 
	.tiles .tile.tile_s {
		width: 100%;
		height: 200px;
		float: none !important;
	}
	
	.tiles .tile.text {
		height: auto;
	}

  /* TIMELINE ----------------------------*/
  ul.timeline	{ 
  	width: calc(100% - 50px); 
  	margin: 0px 20px 20px 30px 
  }	
  
	ul.timeline:after { 
		left: 2px; 
	}
	
	ul.timeline li { 
		width: 90%;
		margin: 25px 0 25px auto;	
		border-radius: 5px;	
	}
	
	ul.timeline li:before	{ 
		right: 104.5%; 
	}
	
	ul.timeline li:nth-of-type(even) { 
		margin-left: 0;	
		margin: 25px 0 25px auto; 
	}
	
	ul.timeline li:nth-of-type(even):before	{ 
		left: auto; 
		right: 106%; 
	}
	
	ul.timeline li::after	{ 
		left: -2px; 
		-webkit-transform: skewX(45deg); 
		-moz-transform: skewX(45deg); 
		transform: skewX(45deg);	
	}
  
	/*//////////////////// FORMS ////////////////////*/
	form table tr {
		display: block;
	}
	
	form table tr td {
	  display: block;		
	  width: 100%;
	}

	select, textarea, input[type="date"], input[type="time"], input[type="file"], input[type="text"] {
		display: block;
		float: none;
	}	
	
	/*////////////////// INTERACTIVE ////////////////*/
	/* CAROUSEL ----------------------------*/
	.topicCarousel .item a {
		height: 350px;
	}

	/*//////////////////// OTHER ////////////////////*/
	#foerderung table tr td:nth-of-type(2) {
		display: block;
		width: 100%;		
		text-align: left;
	}

  /* CHAT --------------------------------*/
	.chat section                                                          { padding: 20px }
	.chat section h1                                                       { font-size: 18px; line-height: 30px }
	.chat section b                                                        { padding: 10px; border-radius: 3px 0px 3px 3px; margin: 5px 5px 5px 25px }
	.chat section b:before                                                 { font-size: 12px; line-height: 18px }
	.chat section i                                                        { padding: 10px; border-radius: 0px 3px 3px 3px; margin: 5px 25px 5px 5px }
	.chat section i:before                                                 { font-size: 12px; line-height: 18px }

	/*/////////////////// FOOTER ////////////////////*/	
	footer .cols .info {
		float: none;
  	padding: 40px 0;
  	border-left: none;
	}
	
	footer .cols .col.d13:nth-child(2) {
		border: none;
	} 
	
	footer .cols .col.d13:nth-of-type(3n) a {
		font-size: 16px;
		text-align: left;
	}
	
	footer .sitelinks {
		margin: 20px;
	}	
		
	footer .copyright {
		padding: 20px 0 135px 0; 
	}	
}