#viewport {  
		display: block; 
		display: none;
	}
	
	/* -------------------------------- 
	1600 */
	@media only screen and (max-width: 1599px) {
		/*TEAM OVERVIEW*/
		section#team .col-4 p.small {
		    -webkit-hyphens: auto;
			-moz-hyphens: auto;
			hyphens: auto;
		}
	 }
	
	/* < 1440 */
	@media only screen and (max-width: 1439px) { 
		h1.big { font-size: 5rem; }
		h1 { font-size: 4rem;  }
		h2 { font-size: 2rem; }
		h3 { font-size: 1.6rem; }
		h4 { font-size: 1.4rem; }
		p, li, li a {font-size: 1.2rem;}
		
		/*TOPHEADER*/
		#topheader h1 {font-size: 2.8rem;}
		
		/*TEXTE OVERVIEW + TEXTE SLIDER*/
		section#projects .projectbox h4,
		section#texteslider .swiper-slide h4 {font-size: 1.6rem;}
	}
		
	/* 1280 */
	@media only screen and (max-width: 1279px) { 
		/*TOPHEADER*/
		#topheader h1 {font-size: 2.5rem;}
		
		/*ABOUT*/
		section#about h4.quote,
		section#about .frame h4 { font-family: 'montreal-book', sans-serif; }
	}
	
	/* 1160 */
	@media only screen and (max-width: 1159px) { }
	
	/* 1024 */
	@media only screen and (max-width: 1023px) {
		/*TOPHEADER*/
		#topheader h1 {font-size: 2rem;}
		
		/*TEAM SINGLE*/
		.single-team .intro p {font-size: 1.1rem;}
	}
	
	/* 940 */
	@media only screen and (max-width: 939px) { }
	
	/* 850 */
	@media only screen and (max-width: 850px) { 
		h4 { font-size: 1.3rem; }
		p, li, li a {font-size: 1.1rem;}
		
		/*TOPHEADER*/
		#topheader h1 {font-size: 1.5rem;}	
	}
	
	/* 767 */
	@media only screen and (max-width: 766px) { 
		h1.big { font-size: 4rem; }
		h4 {font-size: 1.2rem;}
		
		/*TEXTE OVERVIEW*/
		section#projects .projectbox h4 {font-size: 1.4rem;}
		
		/*TEAM SINGLE*/
		.single-team .textbox h4 {font-size: 1.4rem;}
		
		/*hyphenate*/
		section#about h4,
		section#about p,
		.single .publikationen p,
		#teambox li a {
			-webkit-hyphens: auto;
			-moz-hyphens: auto;
			hyphens: auto;
			/*-webkit-hyphenate-limit-chars: 6;
			-moz-hyphenate-limit-chars: 6;
			hyphenate-limit-chars: 6;*/
		}	
	}
	
	/* 600 */
	@media only screen and (max-width: 599px) { }
	
	/* 480 (bis iPhone8 Portrait) */
	@media only screen and (max-width: 479px) { 
		h1.big {font-size: 3rem;}
		h1 { font-size: 3rem;  }
		h2, h3 { font-size: 1.4rem; }
		h4 {font-size: 1.1rem;}
		
		/*TOPHEADER*/
		#topheader #herotitle p {font-size: .9rem;}
		#topheader h1 {font-size: 1.2rem;}
		
		/*TEXTE OVERVIEW*/
		section#projects .projectbox h4 {font-size: 1.3rem;}
		
		/*TEXTE SINGLE*/
		.single .publikationen #textbox .editor h4 {font-size: 1.2rem;}
		
		/*ABOUT*/
		section#about h3 {font-size: 1.2rem;}
	}

	
	
	/* -------------------------------- */
	#viewport { 
		position:fixed; 
		bottom:200px;
		left:0px; 
		z-index: 9999; 
	}
	#viewport div {  
		color: #fff;
		font-size: 18px;
		background: #000;
		padding: 2px 10px 2px; 
	}
	
	@media only screen and (min-width: 1900px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320   { display: none }
		.bigger_1900  { display: block;  }	
	}
	@media only screen and (max-width: 1900px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320   { display: none }
		.l_1900  { display: block;  }	
	}
	@media only screen and (max-width: 1599px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320   { display: none }
		.l_1600  { display: block;  }
	}
	@media only screen and (max-width: 1439px) { 
		.bigger_1900, .l_1900, .l_1600,  .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_1440  { display: block;  }	
	}
	@media only screen and (max-width: 1279px) { 
		.bigger_1900, .l_1900, .l_1600,  .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_1280  { display: block; }	
	}
	@media only screen and (max-width: 1159px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_1160  { display: block;  }
	}
	@media only screen and (max-width: 1023px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_1024  { display: block;  }
	}
	@media only screen and (max-width: 939px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_940  { display: block;  }
	}
	@media only screen and (max-width: 850px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_850  { display: block;  }
	}
	@media only screen and (max-width: 850px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_850  { display: block;  }
	}
	@media only screen and (max-width: 767px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_767  { display: block;  }
	}
	@media only screen and (max-width: 479px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_480  { display: block;  }
	}
	@media only screen and (max-width: 359px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_320  { display: block;  }
	}