@media screen and (min-width: 1570px) {

	.projekt {
		min-height: 660px;
}

}


@media screen and (min-width: 641px) and (max-width: 1260px) {

/*
Abstand, Rand: 60 Pixel
*/

	.header-wrapper, .site-footer, .wrapper, .wrapper-news {
		padding: 0 60px 0;
}

}


@media screen and (min-width: 0px) and (max-width: 1360px) {

	.studio-links {
		width: 60%;
		float: left;
}

	.studio-rechts {
		width: 40%;
		float: right;
}

	.team, .mitarbeiterinnen {
		width: 48%;
}

}


@media screen and (min-width: 0px) and (max-width: 720px) {

/*
Studio, Spalten
*/

	.studio-rechts {
		display: none;
}

	.studio-links {
		width: 100%;
}

}


@media screen and (min-width: 0px) and (max-width: 1260px) {

/*
Boxen, Startseite
*/

	.box-studio-out, .box-news-out, .box-claim-out, .box-kontakt-out {
		width: 100%!important;
}

	#box_intro {
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
		margin-bottom: 20px;
	}

	.box-studio, .box-news, .box-claim, .box-kontakt {
		height: auto;
}

	.flaeche {
		margin-left: 30%;
}

}


@media screen and (min-width: 0px) and (max-width: 900px) {

/*
Abstand, Rand: 20 Pixel + Header
*/

	.header-wrapper, .site-footer, .wrapper, .projekt-x, .wrapper-news {
		padding: 0 20px 0;
}

	.box-studio {
		padding: 18px;
}

	.box-kontakt {
		padding: 20px;
}

	.box-news, .box-claim {
		padding: 10px;
}

	.projekt, .box-kontakt-out, .box-claim-out, .box-claim-out-2, .gruppenbild, .studio-text {
		margin-bottom: 20px;
}



/*
News: 100%
*/

	.news-text {
		width: 80%;
}


/*
Projekt
*/

	.projektlink-1, .projektlink-2, .projektlink-3, .projektlink-4, .projektlink-5, .projektlink-6 {
		width: 90%;
}

	.related {
		padding-top: 40px;
}

	.projekt .projekt-close {
		display: none;
}

	.projekt-text-inside {
		padding-right: 0px;
		padding-left: 0px;
}


	.single .not-related .projekt-text {
		clear: both;
		position: relative;
		background-color: #FFF;
}

	.category-texte .projekt-text-inside, .not-related .category-texte .projekt-text-inside, .category-texte-en .projekt-text-inside, .not-related .category-texte-en .projekt-text-inside {
		background-color: #b6b1a8;
		padding-right: 20px;
		padding-left: 20px;
}

	.projekt-text-links, .projekt-text-rechts {
		width: 100%;
		float: left;
		margin: 0;
		padding: 0;
}

	.projekt-text-rechts {
		padding: 10px 0 20px;
}

	.home .projekt-text-links, .home .projekt-text-rechts {
		display: none;
}

	.single .hidden {
		display: inline;
}

	.related .hidden, .category-texte .hidden, .category-texte-en .hidden {
		display: none!important;
}

	.projekt-close {
		right: 20px;
		bottom: 20px;
		background: url(f72-x-klein.png) no-repeat;
		width: 22px;
		height: 22px;
}


/*
Projektlink
*/

	.projekt:hover .projektlink-1 {
		display: none;
}

	.projektlink-2 {
		display: inline;
		top: 20px;
		left: 20px;
}

	.single .projektlink-2 {
		display: none;
}

	.related .projektlink-2 {
		display: inline;
}

	.projektlink-6, .projektlink-3 {
		padding-top: 20px;
}


/*
Sonstiges
*/

	.searchfield {
		margin-bottom: 20px;
}

}


@media screen and (min-width: 0px) and (max-width: 760px) {

/*
Spalten, Tabelle
*/

	.column-3, .column-4, .column-5 {
		display: none;
}

	#screenshot {
		display: none!important;
}

}

@media screen and (min-width: 0px) and (max-width: 640px) {

	html, body {
		font-size: .8em;
}

	.site-footer, .wrapper:after {
		height: 30px;
		margin-top: 170px;
}

	.flaeche {
		width: 140px;
}

	h3 {
		font-size: 3.20em;
}

	.ausgleich {
		height: 80px;
}

	.tablepress thead th {
		padding-top: 80px!important;
}

	.logo {
		height: 40px;
		width: 80px;
}

	.news-text {
		width: 100%;
}

	.news-eintrag {
		margin-bottom: 40px;
}


}


@media screen and (min-width: 0px) and (max-width: 360px) {

	.team img {
		width: 80%;
		height: auto;
}

}
