/* your styles go here */
body {
	color: #333333;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 26px;
	text-align: justify;
	font-weight: 300;
}
p {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
#page1 {
	background: rgba(0, 0, 0, 0) url("../img/titel.jpg") no-repeat scroll center center / cover ;
}
.content_titel {
	position: relative;
	top: 0%;
	transform: translate(0px, -0%);
	transition: all 0.2s ease-out 0s;
	width: 100%;
	z-index: 3;
}
.logo {
	position: absolute;
	top: 30px;
	right: 30px;
	height: 321px;
	width: 265px;
	padding-left: 30px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #333333;
	font-weight: 700;
	letter-spacing: 0;
	text-align: left;
}
h2.heading {
	text-align: left;
}
.content_titel h1 {
	text-align: right;
	margin-top: 290px;
	margin-right: 38px;
	font-size: 40px;
	line-height: 40px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.section_green {
	background-color: #70b22c;
}
.section_rosa {
	background-color: #e85560;
}
#page3 p, #page3 h2 {
	color: #23370e;
}
#page4 p, #page4 h2 {
	color: #612328;
}
#page5 p, #page5 h2, #page6 p, #page6 h2  {
	text-align: center;
}
#page5 p, #page5 h2 {
	text-align: center;
	color: #6a4a6d;
}
#page5 a {
	color: #6a4a6d;
}
#page5 a:hover {
	color: #1e151f;
}
#page6 a {
	color: #333333;
}
#page6 a:hover {
	color: #000;
}
a:hover, a:active, a:focus {
	color: #70b22c;
	text-decoration: none;
	outline: 0 none;
}
.section-gray {
	background: #f7aeff;
}
@media (max-width: 768px) {
	.content_titel h1 {
		font-size: 28px;
		line-height: 28px;
	}
}