@media screen and (min-width: 1000px) {
	.section.teaser-articles {
		display: flex;
	}
	.teaser-box {
		flex: 1 33.333333%;
		margin: 0 2.3369036027% 2em 0;
	}
	.teaser-box:nth-of-type(3n+3) {
		margin-right: 0;
	}
	.teaser-box p:last-of-type {
		margin-bottom: 0;
		}
	.teaser-box img {
		width: 100%;
	}@charset "UTF-8";
html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}


/* ----------------------------------------------------------------------------- *
 *                          Styles für Fixes Layout                              *
 * ----------------------------------------------------------------------------- */
/*
.page-wrapper {
	margin: 0 auto;
	width: 1240px;
}

.header {
	padding: 1.5em 24px;
}

.main-nav {
	width: 213px;
	float: left;
}

.main-wrapper {
	width: 1027px;
	margin-left: 213px;
}

.main-content {
	float: left;
	width: 513px;
	padding: 2em 24px;
}

.aside {
	width: 514px;
	margin-left: 735px;
	padding: 30px 24px;
}

.footer {
	padding: 0.8em 24px;
}
*/


/* ----------------------------------------------------------------------------- *
 *                          Styles für Fluides Layout                            *
 * ----------------------------------------------------------------------------- */

.page-wrapper {
	margin: 0 auto;
	max-width: 1400px;
}

.header {
	padding: 1.5em 1.935483871%;
}

.main-nav {
	width: 17.177419355%;
	float: left;
}

.main-wrapper {
	width: 82.822580645%;
	margin-left: 17.177419355%;
}

.main-content {
	float: left;
	width: 71.567672833%;
	padding: 2em 2.3369036027%;
}

.aside {
	width: 28.432327167%;
	margin-left: 71.567672833%;
	padding: 2em 2.3369036027%;
}

.footer {
	padding: 0.8em 1.935483871%;
}


/* ----------------------------------------------------------------------------- *
 *                          Styles für Teaserboxen                               *
 * ----------------------------------------------------------------------------- */

.teaser-box {
	background-color: #fff;
	border: 1px solid #ddd;
}

.teaser-box h2 {
	margin: 0;
	font-size: 20px;
}

.box-inner {
	padding: 1em;
}

h1 {
	margin: 0.5em 0 0 0;
}

@media screen and (max-width: 999px) {
	h1 {
		font-size: 2.5rem;
	}
	.teaser-box {
		overflow: auto;
		width: 100%;
		margin-bottom: 1em;
	}
	.teaser-box img {
		width: 45%;
		float: left;
		margin: 1em;
	}
	.box-inner {
		line-height: 1.3;
	}
}

@media screen and (min-width: 1000px) {
	.section.teaser-articles {
		display: flex
	}
	.teaser-box {
		flex: 1 33.333333%;
		margin: 0 2.3369036027% 2em 0;
	}
	.teaser-box:nth-of-type(3n+3) {
		margin-right: 0;
	}
	.teaser-box p:last-of-type {
		margin-bottom: 0;
	}
	.teaser-box img {
		width: 100%;
	}
}

/*
.teaser-box {
	transition: all 1.5s ease;
}
*/
	
}
@media screen and (max-width: 999px) {
	.teaser-box {
	overflow: auto;
	width: 100%;
	margin-bottom: 1em;
	}
	.teaser-box img {
	width: 45%;
	float: left;
	margin: 1em;
	}
}