@media (max-width: 1250px) {
	footer {
		padding-right: 20px;
	}

	#wrapper {
		padding: 20px;
	}
}
@media (max-width: 1000px) {
p#slogan {
	max-width: 400px;
}
}

@media (max-width: 900px) {
	header {
		padding-left: 18px;
		padding-right: 18px;
	}

	p#slogan {
		right: 18px;
	}

	#mainMenu ul li a, #mainMenu ul li a:link, #mainMenu ul li a:visited {
		font-size: 22px;
	}

	#mainMenu ul li a span {
		background: transparent url(../img/arrow.png) no-repeat left 14px;
	}

	aside .box, #addContent .box {
		padding: 18px;
	}

	#mainMenu ul li a, #mainMenu ul li a:link, #mainMenu ul li a:visited {
		padding-left: 18px;
		padding-right: 18px;
	}

	#text {
		padding: 18px;
	}

	.contentImage {
		right: 0px;
		top: -10px;
		margin-left: 0px;
		width: 100%;
		text-align: center;
	}

	.contentImage img {
		display: inline;
	}
}

@media (max-width: 880px) {
p#slogan {
	max-width: 300px;
}
}

@media (max-width: 810px) {
	a#logo {
		font-size: 28px;
		padding-top: 7px;
		padding-left: 70px;
	}

	a#logo b {
		font-size: 34px;
		text-indent: 0px;
	}

	p#slogan {
		font-size: 28px;
	}

	aside {
		width: 100%;
		float: none;
		align-items: stretch;
			flex-flow: row wrap;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	}

	aside .box {
		width: 45%;
		flex: 1 1 auto;
		float: left;
		margin-bottom: 0px;
	}

	#verhaltenstherapie, #foto {
		margin-left: 20px;
	}

	#mainContent {
		display: block;
	}

	article {
		width: 100%;
		float: none;
		padding-left: 0px;
		padding-top: 20px;
	}

	#addContent .box:first-child {
		flex: 1 1 33%;
	}
}

@media (max-width: 750px) {
	#addContent {
		display: block;
	}

	#addContent .box {
		margin-right: 0px;
		margin-bottom: 20px;
	}

	#addContent .box:last-child {
		margin-bottom: 0px;
	}

	header {
		padding: 20px 18px 20px 18px;
	}
	p#slogan {
	max-width: 100%;
}
}

@media (max-width: 750px) {
	p#slogan {
		position: static;
		padding-top: 20px;
		text-align: left;
		margin-bottom: 0px;
	}

	p#slogan br {
		display: none;
	}
}

@media (max-width: 580px) {
	aside {
		display: block;
	}

	aside .box {
		width: 100%;
	}

	#verhaltenstherapie, #foto {
		margin-left: 0px;
		margin-top: 20px;
	}

	#foto {
		width: 50%;
	}
}

@media (max-width: 410px) {
	#wrapper {
		padding: 10px;
	}

	footer {
		padding-right: 10px;
	}

	header, #addContent .box {
		margin-bottom: 10px;
	}

	#verhaltenstherapie, #addContent, #foto {
		margin-top: 10px;
	}

	article {
		padding-top: 10px;
	}
}

@media (max-width: 370px) {
	a#logo {
		min-height: 55px;
		font-size: 24px;
		padding-top: 3px;
		padding-left: 50px;
		background-size: 40px auto;
	}

	a#logo b {
		font-size: 29px;
		text-indent: 0px;
	}

	p#slogan {
		font-size: 26px;
	}

	#foto {
		width: 100%;
	}
}