body {
	font-family: Fira Sans Condensed;
	font-size: 1.2rem;
	font-weight: 300;
	color: #686868;
	margin: 0;
	padding: 0;
	background-image: url("../images/hintergrund.png");
	background-repeat: repeat;
	background-color: #eeeeee;
}

.clearfix {
	clear: both;
}

img {
	max-width: 100%;
	height: auto;
}

/* ######################### Schriften ######################### */
h2 {
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 2rem;
}

h1 > a, h2 > a, h3 > a, .page-header {
	color: #006fc0;
	text-decoration: none;
	margin: 0;
}

p {
	margin: 0;
	/* padding: 15px 0; */
	font-weight: 300;
	line-height: 1.5;
}

a {
	color: #006fc0;
	text-decoration: none;
}

a:hover {
	color: #fee236;
}

/* ######################### Schriften ######################### */

/* ######################### Header ######################### */
header {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.header_wrapper {
	max-width: 1024px;
	height: 100%;
	margin: 0 auto;
}

.logo {
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
}

.vereinswappen {
    max-width: 100%;
    height: auto;
		margin: 0;
		padding: 0;
}
/* ######################### Header ######################### */

/* ######################### Main ######################### */
.container {
	width: 100%;
	margin: 0 auto;
}

#content {
	max-width: 1024px;
	margin: 0 auto;
	padding: 10px;
}

.blog-featured {
	max-width: 1024px;
	margin: 0 auto;
}

.article-info.muted {
	margin: 0;
	padding: 0;
}

.published {
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 0.7rem;
}

.items-leading {
	margin: 0 0 30px 0;
	padding: 0;
	background-color: #fff;
	float: left;
	width: 100%;
}

.item-page {
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	max-width: 1024px;
	margin-bottom: 70px;
}

.leading-0 {
	padding: 15px;
}

.page-header {
	padding: 15px 15px 0 15px;
}

.item-page .published {
	padding: 0 15px 0 15px;
}

.item-page div[itemprop="articleBody"] {
	padding: 15px;
}

.readmore {
	text-align: right;
	margin: 15px 15px 15px 15px;
}

.readmore a {
	padding: 10px;
	color: #3f3f3f;
	background-color: #fee236;
	text-transform: uppercase;
	font-family: Teko;
	font-stretch: condensed;
	font-size: 1.3rem;
	text-decoration: none;
}

.items-row {
	clear: both;
}

.item.span4 {
	margin: 0 0 30px 0;
	padding: 15px;
	background-color: #fff;
}

#aside {
	max-width: 1024px;
	margin: 0 auto;
}

.category-list {
	max-width: 1024px;
	margin: 0 auto;
	margin-bottom: 70px;
	padding: 10px;
	background-color: #fff;
}

.category-list td {
	line-height: 2;
}

.counter.pull-right {
	text-align: center;
}

.pagination {
	width:100%;
}

.pagination > nav {
	margin: 20px;
}

.pagination > nav > ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.pagination > nav > ul > li {
	display: inline;
	margin: 0 5px;
}

.pagination > nav > ul > li.active.hidden-phone {
	padding: 10px 15px;
	background-color: #006fc0;
}

.pagination > nav > ul > li.hidden-phone {
	padding: 10px 15px;
	background-color: #fee236;
}

.pagination > nav > ul > li.hidden-phone > a {
	color: #686868;
}

.pagination > nav > ul > li.active > a {
	color: #fee236;
}

h2.page-header {
	max-width: 1024px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	font-size: 2rem;
	text-align: center;
	text-transform: uppercase;
}

.well {
	clear: both;
	margin: 0 auto;
	width: 100%;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
}

.well.start_gesamtverein, .well.start_anfahrtsbeschreibungen, .well.start_sponsoren {

}

.well.start_gesamtverein {
	background-color: #fff;
}

.custom {
	max-width: 1024px;
	margin: 0 auto;
}

.custom.start_gesamtverein {
	padding: 15px 20px 15px 20px;
}


.custom.start_anfahrtsbeschreibungen {
	display: block;
	overflow:hidden;
	padding: 15px 20px 15px 20px;
}

.custom.start_sponsoren {
	padding: 15px 20px 15px 20px;
	margin: 0 auto;
}

.well.start_anfahrtsbeschreibungen {
	margin: 40px 0;
	background-color: #fff;
}

.anfahrtsbeschreibung {
	width: 100%;
	height: 100%;
}

.anfahrtsbeschreibung_überschrift, .anfahrtsbeschreibung_text {
	padding: 0 0 15px 0;
}

.anfahrtsbeschreibung_überschrift {
	font-weight: bold;
	text-transform: uppercase;
}

.anfahrtsbeschreibung_bild {
	max-width: 100%;
	height: auto;
	border: 1px solid #686868;
}

.well.start_sponsoren {
	background-color: #ffffff;
	margin-bottom: 90px;
}

.sponsoren {
	float: left;
	width: 100%;
	height: 100%;
	margin-bottom: 500px;
}
/* ######################### Main ######################### */

/* ######################### Footer ######################### */
footer {
	width: 100%;
	height: 50px;
	background-color: #4c4c4c;
	color: #f5f5f5;
}

footer .container {
	max-width: 1024px;
	height: 100%;
	margin: 0 auto;
}

.nav.menu.mod-list {
	margin: 0;
	padding: 0;
	font-size: 0.9rem;
	list-style: none;
}

footer .copyright {
	float: left;
	padding: 14px 0 0 20px;
}

footer .footer_menu {
	float: right;
	padding: 14px 10px 0 0;
}

footer li {
	float: left;
	list-style: none;
}

footer li a {
	text-decoration: none;
	color: #f5f5f5;
	padding: 0 10px 0 10px;
}

/* ######################### Footer ######################### */

/* ######################### Desktop View ######################### */
@media (min-width: 1025px) {

body {
	padding-top: 122px;
	}

header {
	height: 104px;
	background-image: url("../images/header_hintergrund.png");
	background-repeat: repeat-x;
	position: fixed;
	top: 0px;
}
.logo {
	float: left;
	width: 517px;
}

/* .pull-right {
	width: 40px;
	height: 40px;
	content: "\f106";
	background-color: #fee236;
	position: fixed;
	bottom: 50px;
	right: 15px;
	border-radius: 3px;
	border: 0px solid #fff;
	z-index: 9999;
	padding: 0;
}*/

.anfahrtsbeschreibung_1 {
	float: left;
	width: 30%;
	margin: 0 5% 0 0;
}

.anfahrtsbeschreibung_2 {
	float: left;
	width: 30%;
	margin: 0 5% 0 0;
}

.anfahrtsbeschreibung_3 {
	float: left;
	width: 30%;
}

footer {
	position: fixed;
	bottom: 0;
}

}
/* ######################### Mobile View ######################### */
@media (min-width: 518px) and (max-width: 1024px) {

header {

}

.header_wrapper {
	width: 100%;
}

.logo {
	background-image: url("../images/header_hintergrund.png");
	background-repeat: repeat-x;
}


.anfahrtsbeschreibung_1 {
	width: 100%;
	margin: 0 0 3% 0;
	padding: 0 0 3% 0;
	text-align: center;
	border-bottom: 1px solid #686868;
}

.anfahrtsbeschreibung_2 {
	width: 100%;
	margin: 0 0 3% 0;
	padding: 0 0 3% 0;
	text-align: center;
	border-bottom: 1px solid #686868;
}

.anfahrtsbeschreibung_3 {
	width: 100%;
	text-align: center;
}

footer {
	height: 80px;
}

footer .copyright, footer .footer_menu {
	padding-top: 20px;
	font-size: 16px;
	clear: both;
}

}
/* ######################### Mobile View ######################### */


/* ######################### Mini View ######################### */
@media (min-width: 1px) and (max-width: 517px) {

.logo {
		background: none;
}

.anfahrtsbeschreibung_1 {
	width: 100%;
	margin: 0 0 3% 0;
	padding: 0 0 3% 0;
	text-align: center;
	border-bottom: 1px solid #686868;
}

.anfahrtsbeschreibung_2 {
	width: 100%;
	margin: 0 0 3% 0;
	padding: 0 0 3% 0;
	text-align: center;
	border-bottom: 1px solid #686868;
}

.anfahrtsbeschreibung_3 {
	width: 100%;
	text-align: center;
}

footer {
	height: 80px;
}

footer .copyright, footer .footer_menu {
	padding-top: 20px;
	font-size: 13px;
	clear: both;
}

}
/* ######################### Mini View ######################### */