/* CSS Document */
html, html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-size: 100%;
	line-height: 1.3;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
header {
}
h1 {
	margin: 20px auto;
	display: block;
	text-align: center;
	font-weight: normal;
	font: 170%/0.9 "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h1 a:link, h1 a:visited {
	color: #554038;
	text-decoration: none;
}
.style-nav ul {
	list-style-type: none;
	margin: 0 0 20px 0;
}
.style-nav ul li a {
	text-decoration: none;
	color: #e05371;
	text-align: center;
	display: block;
	padding: 8px;
}
.pic {
	width: 100%;
	height: auto;
}
.col {
	width: 100%;
}
.row:before, .row:after {
	content: "";
	display: table;
}
.row:after {
	clear: both;
}
.became {
	color: #554038;
	max-width: 1008px;
	margin: 0 auto;
	text-align: center;
	padding: 10px 20px 30px 20px;
}
p {
	padding-bottom: 20px;
}
.btn {
	margin: 30px 0 20px 0;
}
.button {
	background-color: #e05371;
	padding: 8px 30px;
	border-radius: 15px;
	font-size: 80%;
	color: #FFFFFF;
	text-decoration: none;
}
.buttonwhite {
	background-color: #ffffff;
	padding: 8px 30px;
	border-radius: 15px;
	font-size: 80%;
	color: #554038;
	text-decoration: none;
}
.support {
	background-color: #554038;
	padding: 50px 0px;
	color: #ffffff;
}
.inner {
	max-width: 1008px;
	margin: 0 auto;
	text-align: center;
	padding: 0 20px;
}
h2 {
	font-weight: bold;
	font-size: 130%;
	margin: 0 0 30px 0;
}
.events {
	padding: 50px 10px;
	color: #554038;
}
strong {
	font-weight: bold;
}
.events a:link, .events a:visited {
	color: #554038;
}
.events a:hover {
	text-decoration: none;
}
.kontakt {
	background-color: #e05371;
	padding: 50px 10px;
	margin: 0;
	color: #ffffff;
}
.kontakt a:link, .kontakt a:visited, .item-page-became a:link, .item-page-became a:visited {
	color: #ffffff;
}
.kontakt a:hover, .item-page-became a:hover {
	text-decoration: none;
}
.kontakt .btn a:link, .kontakt .btn a:visited {
	color: #e05371;
}
section, .item-page-became, .blog .blog-item{
	font-size:120%;
}
.item-page-became {
	background-color: #554038;
	padding: 30px 0;
	margin: 0;
	color: #ffffff;
}
.item-page-became h1, .item-page-became h2 {
	font-weight: bold;
	font-size: 130%;
}
.blog .blog-item h2 {
	font-weight: bold;
	font-size: 130%;
}
.item-page-became div {
	max-width: 1008px;
	margin: 0 auto;
	text-align: center;
	padding: 0 20px;
}
.item-page-became div div {
	padding: 0;
}
.item-page-became ul {
	margin: 0;
	list-style: none;
}
.item-page-became ul li {
	margin: 80px 0;
	font-weight: bold;
}
.item-page-became img {
	width: 100%;
	height: auto;
	padding: 0 10px;
}
.chrono_credits {
	display: none;
}

.blog .blog-item:nth-child(odd) {
	background-color: #554038;
	color: #ffffff;
}
.blog .blog-item:nth-child(odd) a:link, .blog .blog-item:nth-child(odd) a:visited {
	color: #ffffff;
}
.blog .blog-item:nth-child(odd) a:hover {
	text-decoration: none;
}
.blog .blog-item:nth-child(even) {
	background-color: #ffffff;
	color: #554038;
}
.blog .blog-item:nth-child(even) a:link, .blog .blog-item:nth-child(even) a:visited {
	color: #554038;
}
.blog .blog-item:nth-child(odd) a:hover {
	text-decoration: none;
}
.blog .blog-item div {
	max-width: 1008px;
	margin: 0 auto;
	text-align: center;
	padding: 30px 20px;
}
.blog .blog-item div div {
	padding: 0;
}

form input[type=text], form input[type=email], select {
	font: 100%/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #f0f0f0;
	border: 0;
	padding: 2%;
	width: 100% !important;
	margin: 0 0 8px 0;
	font-size: 100%;
	color: #45423e;
	-webkit-appearance: none;
}
form textarea {
	background: #f0f0f0;
	border: 0;
	padding: 2%;
	font: 100%/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #45423e;
	width: 100%;
	height: 80px;
	margin: 0 0 8px 0;
}
form input[type=submit] {
	border: 0;
	background: #ffffff;
	padding: 8px 30px;
	border-radius: 15px;
	font-size: 80%;
	color: #554038;
	text-decoration: none;
	cursor: pointer;
	-webkit-appearance: none;
}
select {
	color: #959391 !important;
	-webkit-appearance: none;
	width: 100% !important;
}

.impressum{
    font-size:80%;
    padding:40px 0 0 0;
}

@media (min-width: 768px) {
header {
	max-width: 1008px;
	margin: 0 auto;
	padding: 0 20px;
}
.style-nav ul li {
	display: inline-block;
}
.style-nav ul {
	text-align: center;
	margin: 0;
}
h1 {
	width: 100%;
	margin: 40px auto 20px auto;
	float: left;
	font-size: 210%;
	line-height: 1;
}
.col {
	float: left;
	padding: 0px 7px 14px;
}

	
	
section, .item-page-became, .blog .blog-item{
	font-size:140%;
}

}

@media (min-width: 870px) {
.became {
	padding: 50px 0 30px 0;
}
}

@media (min-width: 960px) {

.style-nav ul li {
	display: inline-block;
	font-size: 130%;
	padding: 0 0 0 20px;
}
}