#viewport {  
display: block; 
display: none;
} @media only screen and (max-width: 1599px) { section#team .col-4 p.small {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
} @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 h1 {font-size: 2.8rem;} section#projects .projectbox h4,
section#texteslider .swiper-slide h4 {font-size: 1.6rem;}
} @media only screen and (max-width: 1279px) { #topheader h1 {font-size: 2.5rem;} section#about h4.quote,
section#about .frame h4 { font-family: 'montreal-book', sans-serif; }
} @media only screen and (max-width: 1159px) { } @media only screen and (max-width: 1023px) { #topheader h1 {font-size: 2rem;} .single-team .intro p {font-size: 1.1rem;}
} @media only screen and (max-width: 939px) { } @media only screen and (max-width: 850px) { 
h4 { font-size: 1.3rem; }
p, li, li a {font-size: 1.1rem;} #topheader h1 {font-size: 1.5rem;}	
} @media only screen and (max-width: 766px) { 
h1.big { font-size: 4rem; }
h4 {font-size: 1.2rem;} section#projects .projectbox h4 {font-size: 1.4rem;} .single-team .textbox h4 {font-size: 1.4rem;} section#about h4,
section#about p,
.single .publikationen p,
#teambox li a {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto; }	
} @media only screen and (max-width: 599px) { } @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 #herotitle p {font-size: .9rem;}
#topheader h1 {font-size: 1.2rem;} section#projects .projectbox h4 {font-size: 1.3rem;} .single .publikationen #textbox .editor h4 {font-size: 1.2rem;} 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;  }
}