@media screen and (min-width: 768px) {
	.section-title h2 {
		font-size: 32px;
		line-height: 34px;
	}

	.row-46-0 {
		padding-left: 46px !important;
		padding-right: 0 !important;
	}

	.container {
		width: 100% !important;
	}

	.hide-on-mobile {
		display: revert;
	}

	.show-on-mobile-only {
		display: none;
	}

	/* Text block on static pages */
	.static-page-text {
		margin-top: 120px;	
	}

	.static-page-text-2 {
		margin-top: 155px;	
	}

	.former-team-heading {	
		font-size: 24px;
		line-height: 26px;	
	}

	div.hover-state.info.thumbnail-title, div.hover-state .info .thumbnail-title a, div.hover-state .portfolio-item__title a {	
		font-size: 18px;
		line-height: 18px;
	}

	.thumbnail-description {
		font-size: 16px;
		line-height: 18px;
	}

	.former-team-right-col-container, .right-col-container {	
		padding-left: 10px;
	}

	.former-team-left-col {
		padding-right: 15px;
	}

	.former-team-name.plus-1 {
		padding-bottom: 24px;
	}

	.former-team-name.plus-2 {
		padding-bottom: 48px;
	}

	.former-team-name.plus-4 {
		padding-bottom: 96px;
	}

	.courses-heading {
		margin-bottom: 0;
	}

	.courses-archive-container {
		padding-right: 10px;
	}

	.show-on-mobile {
		display: none !important;
	}

	.realized_projects {
		padding-left: 46px;
		padding-right: 36px;
	}

	.news-overlay {
		font-size: 100px;
		margin-bottom: -157px;
	}

	.principles-row {
		margin-top: 80px;
	}

	.portfolio-holder .thumb .hover-state.hover-distanced, .portfolio-item__hover-overlay {
		left: 10px !important;
		right: 10px !important;
		top: 10px !important;
		bottom: 10px !important;
		width: auto;
		height: auto;
	}

	.realized-projects .portfolio-holder .thumb .hover-state.hover-distanced, .portfolio-item__hover-overlay {
		left: 10px !important;
		right: 10px !important;
		top: 10px !important;
		bottom: 10px !important;
		bottom: 10px !important;
		width: auto;
		height: auto;
	}

	.thumbnail-title a, .portfolio-item__title a {		
		font-size: 16px !important;
		line-height: 16px !important;		
	}

	/* Footer - left widget */
	#block-11 {	
		padding-left: 46px;
	}

	/* Footer - right widget */
	#block-13 {
		padding-left: 46px;	
	}

	/* gallery overlay project title */
	.gallery-project-title > div > div {
		font-size: 16px !important;
	}	
}

@media screen and (min-width: 992px) {
	.section-title h2 {
		font-size: 42px !important;
		line-height: 44px;
	}

	.container {
		width: 100% !important;
	}

	/* Text block on static pages */
	.static-page-text {
		margin-top: 120px;	
	}

	.static-page-text-2 {
		margin-top: 155px;	
	}

	/* About Us */
	.team-name {
		font-size: 18px;
		line-height: 18px;
	}

	.team-title {
		font-size: 12px;
		line-height: 18px;
	}

	.team-email {
		margin-top: 10px;
		font-size: 12px;
		line-height: 18px;
	}

	.team-curriculum {
		margin-top: 5px;
		padding: 12px 18px !important;
		font-size: 12px;
		line-height: 18px;
	}

	.former-team-heading {	
		font-size: 32px;
		line-height: 34px;	
	}

	div.hover-state.info.thumbnail-title, div.hover-state .info .thumbnail-title a, div.hover-state .info .portfolio-item__title a {	
		font-size: 24px;
		line-height: 24px;
	}

	.thumbnail-description {	
		font-size: 16px;
		line-height: 19px;
	}

	.news-overlay {
		font-size: 140px;
		margin-bottom: -170px;
	}

	.thumbnail-typology {
		display: inherit !important;
	} 

	.portfolio-holder .thumb .hover-state.hover-distanced, .portfolio-item__hover-overlay {
		left: 20px !important;
		right: 20px !important;
		top: 20px !important;
		bottom: 20px !important;
		width: auto;
		height: auto;
	}

	.realized_projects .portfolio-holder .thumb .hover-state.hover-distanced, .portfolio-item__hover-overlay {
		left: 15px !important;
		right: 15px !important;
		top: 15px !important;
		bottom: 15px !important;
		width: auto;
		height: auto;
	}

	.thumbnail-title a, .portfolio-item__title a {		
		font-size: 22px !important;
		line-height: 22px !important;		
	}
}


@media screen and (min-width: 1200px) {
	.container {
	width: 100% !important;
	}

	/* Text block on static pages */
	.static-page-text {
		margin-top: 120px;	
	}

	.static-page-text-2 {
		margin-top: 155px;	
	}


	/* About Us */
	.team-name {
		font-size: 24px;
		line-height: 24px;
	}

	.team-title {
		font-size: 18px;
		line-height: 24px;
	}

	.team-email {
		margin-top: 20px;
		font-size: 18px;
		line-height: 24px;
	}

	.team-curriculum {
		margin-top: 10px;
		padding: 14px 30px !important;
		font-family: Bulldog Medium Std;
		font-size: 16px;
		line-height: 22px;
		letter-spacing: 1.1px;
		background-color: #1d1d1b;
		color: #fff;
	}

	.former-team-heading {	
		font-size: 42px;
		line-height: 44px;	
	}

	.thumbnail-climatehouse {
		display: inherit !important;
	} 

	.thumbnail-title a, .portfolio-item__title a {		
		font-size: 18px !important;
		line-height: 18px !important;		
	}

	/* gallery overlay project title */
	.gallery-project-title > div > div {
		font-size: 24px !important;
	}

	.home-team img:after {
	  content: '';
	  position: absolute;
	  left: 0; top: 0;
	  width: 100%; height: 100%;
	  background: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7));
	}
}

@media screen and (max-width: 768px) {
	h2 {
		font-size: 28px !important;
		line-height: 32px !important;
	}

	p, .section-title p {
		font-size: 18px;
		line-height: 30px;
		letter-spacing: 1.1px;
	}

	.section-title {
		margin-bottom: 20px;
	}

	.pt-5p, .project-index-main-text {
		padding-top: 0 !important;
	}

	.row-46-0, .row-0-46 {
		padding-left: 46px !important;
		padding-right: 46px !important;
	}

	.container {
		width: 100% !important;
	}

	.swap-on-mobile {
		display: flex !important;
		flex-direction: column-reverse;
	}

	.hide-on-mobile {
		display: none;
	}

	.show-on-mobile-only {
		display: revert;
	}

	.former-team-heading {	
		font-size: 42px;
		line-height: 44px;	
	}

	.news-overlay {
		margin-bottom: -155px;
		text-align: center;
		font-family: Bulldog Std;
		font-size: 50px;	
		letter-spacing: 12px;
		color: #fcc947;
	}

	.former-team-right-col-container, .right-col-container {	
		padding-left: 0;
	}

	.former-team-left-col {
		padding-right: 0;
	}

	.former-team-name.plus-1 {
		padding-bottom: 0;
	}

	.former-team-name.plus-2 {
		padding-bottom: 0;
	}

	.former-team-name.plus-4 {
		padding-bottom: 0;
	}

	.courses-heading {
		margin-bottom: 20px;
	}

	.courses-archive-container {
		padding-right: 0;
	}

	/* footer */
	.footer-hr {
		margin-bottom: 20px !important;
	}

	.copyright {
		padding-bottom: 0;
	}

	#block-13 {
		padding-top: 20px;
	}

	#footer-heading-legal {
		padding-top:25px;
	}


	/* responsive adjustments */
	.col-4p-4p, .vc_row.vc_column-gap-20>.vc_column_container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.button-black  {
		width: 100%;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.button-black a {
		width: 100%;
		font-size: 20px !important;
		padding-top: 14px !important;
		padding-bottom: 14px !important;
		background-color: #1d1d1b !important;
	}

	.wpb_content_element {
		margin-bottom: 0 !important;
	}

	.section-title:has(+ .section-title) {
		margin-bottom: 20px !important;
	}

	.section-title + .section-title {
		margin-top: 20px !important;
	}

	.show-on-mobile {
		display: inherit !important;
	}

	.hide-on-mobile {
		display: none !important;
	}

	.realized_projects {
		padding-left: 36px;
		padding-right: 36px;
	}

	.heading-center {
		margin-top: 46px !important;
	}

	.heading-center > h1 {
		margin-bottom: 10px !important;
	}

	/* Der Sonne Fenster und Türen öffnen, Projektidee */
	#motto, #project-idea {
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}

	.news-heading {
		font-size: 60px !important;
		line-height: 90px;
	}

	.news-overlay {
		margin-bottom: -122px !important;
		font-size: 92px;
	}

	.news-quotes {
		display: none;
	}

	.principles .vc_figure-caption {
		font-size: 24px !important;
		margin-bottom: 80px;
	}
	/* End: Der Sonne Fenster und Türen öffnen */

	/* button black */
	.button-black a {
		text-align: center !important;
	}

	.button-black .vc_btn3-icon {
		display: inherit !important;
		right: auto !important;
		padding-left: 10px;
	}

	/* Footer - left widget */
	#block-11 {
		padding-top: 50px;
		padding-left: 46px;
	}

	/* Footer - right widget */
	#block-13 {
		padding-top: 50px;
		padding-left: 46px;	
	}

	/* contact page */
	.principle-icon {
		margin-bottom: 50px;
	}

	.project-index-thumbs .portfolio-item:nth-child(odd) {
		padding-left: 0 !important
	}

	.project-index-thumbs .portfolio-item:nth-child(even) {
		padding-right: 0 !important
	}

	.project-index-heading, .project-index-main-text, .project-index-main-img {
		padding-left: 0 !important;
	}

	.project-index-main-img {
		padding-top: 20px;
	}

	/* Project page */
	.highlight-image-left img, .highlight-image-right img {
		padding-left: 46px;
		padding-right: 46px;
	}

	.page-container {    
		margin-bottom: 0 !important;
	}

	.highlight-text-section {
		margin-left: 46px !important;
		margin-right: 46px !important;
	}

	.vc_row.vc_column-gap-25>.vc_column_container {
		padding: 0 !important;
	}

	.highlight-text-columns div {
		margin-left: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/*
	.similar_projects_col .portfolio-holder .portfolio-item:nth-child(even) {
		padding-right: 0 !important;
	}
	*/

	#press_and_media {
		margin-top: 46px;
	}

	#press_and_media .press-left-col {
		padding-right: 0 !important;
	}
}