/* 1600 */
	@media only screen and (max-width: 1599px) { }
	
	/* < 1440 */
	@media only screen and (max-width: 1439px) { 
		
		/*GRID*/
		#rahmenmemo .col-10 { width: 100%; }
		
		/* plus */
		.plus { 
			transform: scale(.8);
			margin-top: -12px; 
		}
		
		/*rectangle*/
		section#projects #textbox .rectangle {
			transform: scale(.8);
			margin-top: -5px;
		}
		
		/*list*/
		section#projects #textbox .literatur li,
		section#publikation li {padding: 6px 0;}
		
		/*dots*/
		section#projects #textbox .literatur li:before,
		section#publikation li:before {top: 16px;}
		section#team #listbox li:before {top: 10px;}
		
		/* ------------------------------- 
		ABOUT*/
		#about .col-11 {width: 100%;}
		#about .col-10 {width: 96%;}
		
		.frame, 
		.frame #outerSlider,
		.frame #aboutSlider img {
			height: 300px;
		}
		
		/*TEXTE SINGLE*/
		.single .publikationen #textbox {padding: 1rem 0rem;}
		
		/*TEAM SINGLE*/
		.single-team #textbox .col-10 {width: 100%; }

		/*DATA*/
		.data .containbox {margin: 2rem 0 3rem;}	
	}
		
	/* 1280 */
	@media only screen and (max-width: 1279px) { 
		
		/*download-icon*/
		.single .download .icon {left: 90px; }
	
		/* ------------------------------- 
		DESCRIPTION*/
		#description .col-10 { width: 90%; }
		#description .content { padding: 1.5rem;}
		#description .content p {padding: .5rem;}
		
		/*TEXTE OVERVIEW */
		/*section#projects .projectbox .col-4.introtext .contain {height: 140px;}*/
		section#projects .projectbox .col-4 {width: 50%;}
		section#projects .projectbox {margin: 2rem 0 4rem;}
		
		/*TEXTE SINGLE */
		.single .publikationen #herotitle.col-11,
		.single .publikationen #textbox.col-10 {
			width: 100%;
			padding: 0 1% !important;
		}
		.single .publikationen #textbox .image:before { display: none; }
		.single .publikationen #textbox .contain.right-img, 
		.single .publikationen #textbox .contain.left-img {margin-bottom: 0rem;}
		.single .publikationen #textbox.col-10 .literatur {margin-bottom: 3rem; }
		
		
		/* TEAM OVERVIEW */
		section#team .teambox .col-4 { width: 50% }
		section#team .teambox {margin: 2rem 0 4rem;}
		
		/* TEAM SINGLE */
		.single #teambox .image {
			width: 300px;
			padding-right: 40px; 
		}
		.single #teambox .textbox {
			padding: 0 0 2rem;
			width: calc(100% - 300px); 
	    }
			
		
		/* ------------------------------- 
		FOOTER*/
		section#contact .officebox .logo {margin-top: -.5rem;}
		section#contact .officebox img {max-width: 200px;}
		
	}
	
	/* 1160 */
	@media only screen and (max-width: 1159px) { 
	
		/* ------------------------------- 
		ABOUT*/
		section#about #gridbox {padding: 40px 0 0px;}
		section#about .col-4 {width: 50%;}
		section#about .col-4:last-child {
			display: block; 
			margin: 30px auto;
		}
		.frame {margin-bottom: 1rem;}
		
		/* TEXTE SINGLE */
		.single .publikationen #herotitle.col-10 {padding-right: 25% !important  }
		
	}
	
	/* 1024 */
	@media only screen and (max-width: 1023px) { 
	
		/* ------------------------------- 
		HOME SWIPER*/
		.home .swiper-pagination,
		.single .swiper-pagination {bottom: 0px !important;}
		
		/*TEXTE OVERVIEW */
		section#projects .projectbox .col-11 {margin-top: 50px;}

		/*TEAM OVERVEIW */
		section#team .teambox .col-4 .contain { padding: 1rem; }
		
		/*TEAM SINGLE*/
		.single-team .tablet { 
			display: inline-block; 
			max-width: calc(100% - 390px); 
			padding-left: 40px;   
		} 
		.single-team .desk { display: none; } 
		
		.single-team #teambox .image img{
			max-height: 350px;
			object-fit: contain;
			object-position: top left;
		 }

		.single-team #teambox .copy,
		.single #teambox #listbox {padding-bottom: 1rem;}
		.single-team #teambox .textbox {padding: 0; }
		.single-team #teambox .textbox,
		.single-team #teambox .image {width: 100%;}
		.single-team #teambox .copy p {text-align: left;}
		.single-team #teambox .image {
			padding: 0 0 2rem;
			max-width: 350px;
			text-align: left;
		}
		
		.single-team #teambox #listbox li {margin: 0;}
		.single-team #teambox #listbox ul {margin-left: 20px;}
		
		/* DATA */
		.data .width-space.col-1 { display: none; }
		.data .containbox.col-8 {
			width: 100%;
			padding: 0 2% !important;
		}
		
	}
	
	
	/* 940 */
	@media only screen and (max-width: 939px) { 
	
		/* ------------------------------- 
		TEXTE OVERVIEW*/
		section#projects .projectbox .col-4 {width: 50%;}
		
		/*TEXTE SINGLE */
		.single .publikationen #textbox img { box-shadow: none; }
		.single .publikationen #textbox .contain.default {padding: 0rem;}
		.single .publikationen #textbox .col-6 {
			width: 100%;
			padding: 0;
		}
			
		 /*TEAM SINGLE */
		.single-post #herotitle {margin-top: 4rem;}
		.single-post #textbox .col-8,
		.single-post #textbox .col-4 { width: 100%; }
		
		.single-post .publikationen #textbox .contain {padding: 1rem 0;}
		.single-post .publikationen #textbox .image.right {padding-left: 0rem;}
		.single-post .publikationen #textbox .image.left {padding-right: 0rem;}
		.single-post .publikationen #textbox .editor p {text-align: left;}
		.single-post .publikationen #textbox .image img {
			max-width: 350px;
			margin: 20px 0;
		}
		
		/* ------------------------------- 
		FOOTER*/
		footer .menu-footer-menu-container { margin-top: 10px; }
			
	}
	
	/* 850 */
	@media only screen and (max-width: 850px) { 
	
		/*section*/
		section {padding: 5% 2%;}
		
		/* ------------------------------- 
		HOME SWIPER*/
		#texteslider #swiper,
		#teamslider #swiper { padding: 2rem 1rem 1rem;}
		
		/* ABOUT*/
		.frame, 
		.frame #outerSlider, 
		.frame #aboutSlider img {height: 260px;}
		
		/*DESCRIPTION*/
		 #description .language { 
			top: 15px;
			right: 20px;
		}
		#description .language .icon {  
			left: -45px;
			transform: scale(.55);
			width: 50px;
			height: 50px;
		}
		
		/* TEXTE OVERVIEW*/
		section#projects .projectbox .col-4 .contain {padding: 1.5rem 1rem;}
		
		/*TEAM OVERVIEW*/
		section#team .teambox .col-4 .contain {padding: 1rem 1rem 1.5rem;}
		
		/*DATA nav*/
		.data ul#menu-page-top-menu li:nth-child(1) {margin-right: 150px;}
		
		/*  ------------------------------- 
		CONTACT */
		section#contact .headline p {font-family: 'montreal-medium', sans-serif; }
	
	}
	
	/* 767 */
	@media only screen and (max-width: 766px) { 
		
		section#projects #herotitle,
		section#team #herotitle {
			margin: 2rem 3%;
		}
		
		#herotitle h3, 
		#herotitle p,
		.single #herotitle .one {
			padding: .2rem .5rem 0 .5rem; 
		}
		
		/* ------------------------------- 
		ABOUT*/
		section#about {padding-top: 6%;}
		
		/*DESCRIPTION*/
		#description .col-10 { width: 96%; }
		#description .content {padding: 1rem;}
		#description .content p {padding: .5rem 0;}
		
		/*TEXTE OVERVIEW */
		section#projects .projectbox .col-4 {width: 100%;}
		section#projects .projectbox .col-4.introtext {width: calc(100% - 2rem);}
		
		section#projects .projectbox .col-4 .contain {
			height: auto;
			padding: 1.5rem 1rem .2rem;
		}
		section#projects .projectbox .col-11 .col-12 {
			margin-top: 120px;
		}
		section#projects .projectbox .col-4 .lesenbut {
			position: relative;
			display: block;
			margin-top: 30px;
			width: 125px;
		}
		section#projects .projectbox .col-4.introtext .contain {height: auto;}
		section#projects .projectbox .col-4.introtext .lesenbut {margin-top: 30px }

		/*TEAM OVERVIEW */
		section#team .teambox .col-4 { width: 100%; }
		
		section#team .teambox .col-4 .contain {
			height: auto;
			padding: 1rem 1rem .2rem;
		}
		section#team .teambox .col-11 .col-12 {
			margin-top: 100px;
		}
		section#team .teambox .col-4 .lesenbut {
			position: relative;
			display: block;
			margin-top: 30px;
			width: 125px;
		}
		
		/*TEAM SINGLE*/
		.single-team .tablet { display: none;   } 
		.single-team .desk { display: block; } 
		
		/* ------------------------------- 
		CONTACT*/
		section#contact .col-6 {
			width: 100%;
			padding-top: 20px;
		}
		section#contact .headline p {padding-bottom: 10px;}

		/* FOOTER*/
		footer ul li {margin-left: 0px; }
	}
	
	
	/* 600 */
	@media only screen and (max-width: 599px) { 
		
		/* ------------------------------- 
		plus */
		.accordion-header h3 {display: block;}
		#rahmenmemo h3,
		section#publikation h3 {padding-bottom: 0em;}
		.plus {margin: .5rem;}
		
		section#publikation #contain { padding: 2rem 1rem 0;}
		
		/*lang-icon*/
		.single .publikationen .language {right: 200px;}
		
		/*download-icon*/
		.single .publikationen .download {right: 90px;}
		.single .publikationen .download .icon {
			left: 90px;
			transform: scale(.75);
		}
		
		
		/* ------------------------------- 
		HOME SWIPER*/
		.home .swiper-pagination,
		.single .swiper-pagination { display: none; }
		
		/* TEXTE OVERVIEW */
		section#projects .projectbox .col-4 .contain {padding: 1rem;  height: auto; }
		section#projects .projectbox .col-4 .lesenbut {
			position: relative;
			display: block;
			top: 0px;
			left: 0px;
			margin-top: 20px;
			width: 125px;
		}
		
		/* TEXTE SINGLE */
		.single .publikationen #herotitle.col-10 {padding-right: 15% !important;}
		.single-post .publikationen #textbox .contain {padding: .5rem 0;}
		
		/* TEAM OVERVIEW*/
		section#team .teambox .col-4 { width: 100%; text-align: left; }
		section#team .teambox .col-4 .contain {padding: 1rem; height: auto;}
		section#team .teambox .col-4 .lesenbut {
			position: relative;
			display: block;
			top: 0px;
			left: 0px;
			margin-top: 20px;
			width: 80px;
		}
		
		/*ABOUT*/
		section#about #gridbox {
			padding-top: 30px;
		}
		section#about .col-4 {
			width: 100%; 
			margin: 30px auto; 
			padding: 0px;
		}
		section#about h3,
		section#about #gridbox p {text-align: left;}
		
		

		
		/* ------------------------------- 
		FOOTER*/
		footer .copyright {
			position: relative;
			text-align: center;
			display: block;
			left: 0px; 
		}
		
		footer ul {
			padding: 30px 0px;
			text-align: center;
		}
		
	}
	
	/* 480 (bis iPhone8 Portrait) */
	@media only screen and (max-width: 479px) { 
	
		/* ------------------------------- 
		list*/
		section#team #listbox .list p {margin-right: 0px;}
		
		/*rectangle*/
		section#projects #textbox .rectangle {
			transform: scale(.7);
			margin-top: -7px;
		}
		
		/*lang-icon*/
		.single .publikationen .language {top: -20px; right: 180px;}
		.single .publikationen .language .icon {
			top: -7px;
			left: -50px;
			transform: scale(.5);
		}
		
		/*download-icon*/
		.single .publikationen .download {top: -20px; right: 70px;}
		.single .publikationen .download .icon {
			top: -15px;
			left: 75px;
			transform: scale(.65);
		}
		
		
		/*next-prev arrow*/
		#next-prev-post a .prev, 
		#next-prev-post a .next {transform: scale(.7);}
		
		/* ------------------------------- 
		MAIN */
		section {padding: 5% 4%;}
		
		/* ------------------------------- 
		NAV */
		header .contain {
			margin-left: 4%; 
			width: 94%;
		}
		
		
		/* ------------------------------- 
		HOME SWIPER*/
		.home .swiper-button-prev, 
		.home .swiper-button-next,
		.single .swiper-button-prev, 
		.single .swiper-button-next {transform: scale(.7);}
		
		/*ABOUT*/
		section#about #gridbox .title {padding-bottom: 0px;}
		
		.frame, 
		.frame #outerSlider, 
		.frame #aboutSlider img {height: 220px;}
		
		/*TEXTE OVERVIEW*/
		section#projects .projectbox .col-4.introtext .lesenbut {margin-top: 10px }
		section#projects .projectbox .col-12 .col-4 {padding: 1rem .5rem;}
		
		.page section#publikation .col-10 {width: 92%;}

		/*TEXTE SINGLE*/
		.single-post .publikationen #textbox .image img {max-width: 300px;}
		.single .publikationen .literatur li {padding: 6px 0;}
		.single .publikationen .literatur li:before {top: 16px;}
		
		/*TEAM OVERVIEW*/
		section#team .teambox {padding: 0;}
		section#team .teambox h4 {text-transform: uppercase;}
		section#team .textbox .copy {padding-bottom: 1rem;}
		section#team #listbox {padding-bottom: 0rem; }
		
		.single-team #teambox .image img {max-height: 300px;}
	
	}