/** STARTSEITE - HAUPTSLIDER Start **/ 
.startseite-slider-flash.slick-dotted.slick-slider {
    margin-bottom: 0;
}


.startseite-slider-flash .slider-item.slick-slide {
    opacity: 0.8;
	-webkit-transition: all 0.6s ease-in-out 0s;
	-moz-transition: all 0.6s ease-in-out 0s;
	-o-transition: all 0.6s ease-in-out 0s;
	transition: all 0.6s ease-in-out 0s;
	-webkit-filter: grayscale(0.5);
	filter: grayscale(0.5);
}	
		

.startseite-slider-flash .slider-item.slick-slide.slick-current {
    opacity: 1;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);	
}

.startseite-slider-flash .slider-item {
	position: relative;
}
.startseite-slider-flash .slider-item img {
    width: 100%;
}
.startseite-slider-flash .slick-dots {
    bottom: 5px;
}
.startseite-slider-flash .slick-dots li{
	width: 50px;
	height: 6px;    
	margin: 0 2px;
}
.startseite-slider-flash .slick-dots li button{
	width: 50px;
	height: 6px;
	padding: 0;
	background-color: #fff;
	outline: none;
}    
.startseite-slider-flash .slick-dots li button:hover,
.startseite-slider-flash .slick-dots li button:focus{
	background-color: #e62037;
}
.startseite-slider-flash .slick-dots li.slick-active button{
	background-color: #e62037;
}


@media (max-width: 1279px) {

}
@media (max-width: 1023px) {

}

@media (max-width: 768px) {
	.startseite-slider-flash .slick-dots {
		bottom: 0;
	}
	.startseite-slider-flash .slick-dots li{
		width: 25px;
		height: 3px;    		
	}
	.startseite-slider-flash .slick-dots li button{
		width: 25px;
		height: 3px;		
	}	
}
@media (min-width: 640px) {
	.startseite-slider-flash .slick-slide {
		padding-left: 1px;
		padding-right: 1px;
	}	
}
/** STARTSEITE - HAUPTSLIDER Ende **/ 





section#artikel > div {
	background-color: #fff;
	color: #e62037;
}
section#artikel h1 {
	color: #e62037;
}
section#artikel .intro-text .bild {
    float: left;
    width: 250px;
    margin-right: 35px;
}
section#artikel .intro-text .text {
    padding-left: 285px;
}

@media (max-width: 1279px) {

}
@media (max-width: 1023px) {
	section#artikel .intro-text .bild {
		width: 150px;
		margin-right: 25px;
	}
	section#artikel .intro-text .text {
		padding-left: 175px;
	}
}
@media (max-width: 768px) {
	section#artikel .intro-text .bild {
		display: none;
	}
	section#artikel .intro-text .text {
		padding-left: 0;
	}
}
@media (max-width: 640px) {

}
@media (max-width: 480px) {

}







section#news {
	background-color: #e62037;
	position: relative;
}
section#news::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: URL("/images/news_bg.jpg");
    top: 68px;
    left: 0;
    opacity: 0.2;
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center center;
}
section#news .news-slider .newsbeitrag-wrapper {
	background-color: #eee;
	margin: 5px;
	padding: 25px 10px; 	
}
section#news .news-slider .newsbeitrag-wrapper .kalender {
    float: left;
    border: 2px solid #e62037;
    text-align: center;
    width: 170px;
    box-sizing: border-box;
	margin-right: 10px;
}
section#news .news-slider .newsbeitrag-wrapper .kalender .tag {
    border-bottom: 2px solid #e62037;
    padding: 15px 0;
    font-size: 85px;
    line-height: 1.2;
	color: #e62037;
}
section#news .news-slider .newsbeitrag-wrapper .kalender .monat {
    padding: 8px 0;
    font-size: 18px;
    font-weight: 600;
}
section#news .news-slider .newsbeitrag-wrapper .text-block {
	float: right;
	width: 390px;
}
section#news .news-slider .newsbeitrag-wrapper .text-block h3.title {
    font-size: 20px;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
    margin-bottom: 10px;
    color: #e62037;
	font-weight: 600;
}
section#news .news-slider .newsbeitrag-wrapper .text-block div.introtext {
    font-size: 14px;
    line-height: 20px;
    height: 100px;
    overflow: hidden;
}
section#news .news-slider .newsbeitrag-wrapper a.tvq-btn-more {
    display: inline-block;
    padding: 0px 25px;
    text-decoration: none;
    margin-top: 19px;
    background-color: #e62037;
    line-height: 38px;
    color: #fff;
    float: right;
	font-size: 14px;
}
section#news .news-slider .newsbeitrag-wrapper a.tvq-btn-more:hover,
section#news .news-slider .newsbeitrag-wrapper a.tvq-btn-more:focus {
    background-color: #333;
}

section#news .slick-dots li button {
    background-color: #fff;
    height: 5px;
    opacity: 1;
    padding: 2px;
    top: 0;
    width: 25px;
}
section#news .slick-dots li.slick-active button {
    background-color: #ccc;
}
section#news .slick-dots li button::before {
    display: none;
}


@media (max-width: 1279px) {
	section#news .news-slider .newsbeitrag-wrapper .kalender {
		width: 120px;
	}
	section#news .news-slider .newsbeitrag-wrapper .kalender .tag {
		border-bottom: 2px solid #e62037;
		padding: 15px 0;
		font-size: 55px;
		line-height: 1;
		color: #e62037;
	}
	section#news .news-slider .newsbeitrag-wrapper .kalender .monat {
		padding: 5px 0;
		font-size: 12px;
		line-height: 18px;
	}
	section#news .news-slider .newsbeitrag-wrapper .text-block {
        width: 320px;
	}
	section#news .news-slider .newsbeitrag-wrapper .text-block h3.title {
		font-size: 18px;
		line-height: 23px;
		height: 23px;
		margin-bottom: 5px;
	}
}
@media (max-width: 1023px) {
	section#news::before {
		top: 0;
	}
	section#news .news-slider .newsbeitrag-wrapper .kalender {
		width: 100%;
		float: none;
		border: 0;
		text-align: left;
		margin-right: 0;
	}
	section#news .news-slider .newsbeitrag-wrapper .kalender .tag,
	section#news .news-slider .newsbeitrag-wrapper .kalender .monat	{
		border-bottom: 0;
		padding: 0;
		font-size: 16px;
		line-height: 22px;
		color: #000;
		display: inline;
		font-weight: 400;
	}
	section#news .news-slider .newsbeitrag-wrapper .kalender .tag span::after {
		content: ". ";
	}
	section#news .news-slider .newsbeitrag-wrapper .text-block {
		width: 100%;
		float: none;
		margin-top: 5px;
	}
	section#news .news-slider .newsbeitrag-wrapper a.tvq-btn-more {
		padding: 0px 15px;
		margin-top: 15px;
		line-height: 36px;
		float: none;
		font-size: 14px;
	}
	
}
@media (max-width: 768px) {

}
@media (max-width: 640px) {
	section#news::before {
		display: none;
	}
	section#news .news-slider .newsbeitrag-wrapper .kalender .tag, 
	section#news .news-slider .newsbeitrag-wrapper .kalender .monat {
		font-size: 14px;
		line-height: 20px;
	}

	section#news .news-slider .newsbeitrag-wrapper .text-block h3.title {
		font-size: 16px;
		line-height: 22px;
		height: 22px;
	}
}
@media (max-width: 480px) {

}









section#veranstaltungen {
	
}

section#veranstaltungen .veranstaltungen-layout > .bild {
    float: left;
    width: 350px;
}
section#veranstaltungen .veranstaltungen-layout > .akkordeon {	
    float: right;
    width: calc(100% - 375px);
}
section#veranstaltungen #accordion-veranstaltungen {
	margin-top: 35px;    
}
section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion div.ui-accordion-header {
    box-sizing: border-box;
    margin: 0;
    padding: 10px 0px 10px 0px;
    position: relative;
    border-top: 1px solid;
    border-radius: 0;
    text-transform: none;
	color: #e62037;
}
section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion div.ui-accordion-header .titel {
    font-weight: 600;
}
section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion div.ui-accordion-header .datum {
    min-width: 150px;
    margin-right: 25px;
    display: inline-block;
}
section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion div.ui-accordion-header.ui-state-focus {
    outline: none;
}
section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion div.ui-accordion-header::after {
    font-family: fontawesome;
    font-size: 12px;
    position: absolute;
    right: 5px;
	font-weight: normal;	
	top: calc(50% - 7px);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	content: "\f067";
}
section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion div.ui-accordion-header .ui-accordion-header-icon {
    display: none;
}
section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion div.ui-accordion-header.ui-accordion-header-collapsed::after {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
    transform: rotate(0deg);	
}
section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion div.ui-accordion-header.ui-accordion-header-active::after{
    -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
    transform: rotate(45deg);	
}
section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion .ui-accordion-content {
	margin-top: 15px;
	margin-bottom: 25px;
	padding: 0;
}
section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion .ui-accordion-content ul li {
	position: relative;
	padding-left: 12px;
	padding-bottom: 2px;
	padding-top: 2px;
}
section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion .ui-accordion-content ul li::before {
    position: absolute;
    font-size: 5px;
    font-family: fontawesome;
    content: "\f111";
    left: 2px;
    top: 10px;
}

section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion .eine-veranstaltung-beschreibung {
	
}
section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion .eine-veranstaltung-beschreibung .ort,
section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion .eine-veranstaltung-beschreibung .datum {
	padding: 5px 0;
}
section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion .eine-veranstaltung-beschreibung .datum i {
    width: 20px;
}
section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion .eine-veranstaltung-beschreibung .ort i {
    width: 20px;
	font-size: 110%;
}
section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion .eine-veranstaltung-beschreibung h3 {
	color: #e62037;
}


@media (max-width: 1279px) {
	section#veranstaltungen .veranstaltungen-layout > .bild {
		width: 300px;
	}
	section#veranstaltungen .veranstaltungen-layout > .akkordeon {	
		width: calc(100% - 315px);
	}
	section#veranstaltungen #accordion-veranstaltungen {
		margin-top: 25px;
	}
}
@media (max-width: 1023px) {
	section#veranstaltungen .veranstaltungen-layout > .bild {
		width: 275px;
	}
	section#veranstaltungen .veranstaltungen-layout > .akkordeon {	
		width: calc(100% - 290px);
	}
	section#veranstaltungen #accordion-veranstaltungen {
		margin-top: 15px;
	}
	section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion div.ui-accordion-header .datum {
		min-width: 125px;
		margin-right: 15px;
	}
}
@media (max-width: 768px) {
	section#veranstaltungen .veranstaltungen-layout > .bild {
		width: 225px;
	}
	section#veranstaltungen .veranstaltungen-layout > .akkordeon {	
		width: calc(100% - 240px);
	}
}
@media (max-width: 640px) {
	section#veranstaltungen .veranstaltungen-layout > .bild {
		display: none;
	}
	section#veranstaltungen .veranstaltungen-layout > .akkordeon {	
		width: 100%;
	}
	section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion div.ui-accordion-header .datum {
		min-width: 115px;
		margin-right: 5px;
	}
	section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion .ui-accordion-content {
		margin-top: 0;
		margin-bottom: 15px;
	}
}
@media (max-width: 480px) {
	section#veranstaltungen .akkordeon-veranstaltungen.ui-accordion div.ui-accordion-header .datum {
		display: none;
	}

}












section#mitglied > div {
    background-color: #666;
    color: #fff;
}
section#mitglied.content-anchor::before {
    height: 68px;
    margin: -68px 0 0;
}

section#mitglied h2 {
    color: #fff;
}
section#mitglied .inner {
    padding-left: 120px;
    position: relative;
}
section#mitglied .inner::before {
	position: absolute;
	font-family: fontawesome;
	content:"\f0f6";
	font-size: 75px;	
	font-size: 100px;
	left: 0;
	top: 50px;
}
a.tvq-button {
    text-decoration: none;
    display: inline-block;
    background-color: #d51317;
	color: #fff;
    padding: 7px 20px;
	margin-top: 5px;
}
a.tvq-button:hover,
a.tvq-button:focus {
    background-color: #333;
	color: #fff;
}
@media (max-width: 1279px) {

}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {

}
@media (max-width: 640px) {
	section#mitglied .inner::before {
		display: none;
	}
	section#mitglied .inner {
		padding-left: 0;
	}
}
@media (max-width: 480px) {

}















section#jugendarbeit > div {
    background-color: #e62037;
    color: #fff;
}
section#jugendarbeit.content-anchor::before {
    height: 68px;
    margin: -68px 0 0;
}

section#jugendarbeit h2 {
    color: #fff;
}
section#jugendarbeit .inner {
    padding-left: 120px;
    position: relative;
}
section#jugendarbeit .inner::before {
	position: absolute;
	font-family: fontawesome;
	content:"\f0f6";
	font-size: 75px;	
	font-size: 100px;
	left: 0;
	top: 50px;
}
section#jugendarbeit a.tvq-button {
    text-decoration: none;
    display: inline-block;
    background-color: #fff;
	border: 1px solid #333;
	color: #333;
    padding: 7px 20px;
	margin-top: 5px;
}
section#jugendarbeit a.tvq-button:hover,
section#jugendarbeit a.tvq-button:focus {
    background-color: #333;
	color: #fff;
}
@media (max-width: 1279px) {

}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {

}
@media (max-width: 640px) {
	section#jugendarbeit .inner::before {
		display: none;
	}
	section#jugendarbeit .inner {
		padding-left: 0;
	}
}
@media (max-width: 480px) {

}













section#clubanlage {
	
}

section#clubanlage .bilder-wrapper > div {
	margin-top: 2%;
}
section#clubanlage .bilder-wrapper > div img {
	width: 100%;
}

section#clubanlage #accordion-platzordnung.ui-accordion .ui-accordion-header,
section#clubanlage #accordion-platzregeln.ui-accordion .ui-accordion-header {
    background-color: #e62037;
	color: #fff;
    font-weight: 600;
    margin: 0;
    padding: 10px 50px 10px 50px;
	position: relative;
}
section#clubanlage #accordion-platzordnung.ui-accordion .ui-accordion-header:hover,
section#clubanlage #accordion-platzregeln.ui-accordion .ui-accordion-header:hover {
    background-color: #333333;
}
section#clubanlage #accordion-platzordnung.ui-accordion .ui-accordion-header::before,
section#clubanlage #accordion-platzregeln.ui-accordion .ui-accordion-header::before {
	position: absolute;
	font-family: fontawesome;
	content: "\f0f6";
	top: 9px;
	left: 15px;
	font-size: 1.3em;
}
section#clubanlage #accordion-platzordnung.ui-accordion .ui-accordion-header::after,
section#clubanlage #accordion-platzregeln.ui-accordion .ui-accordion-header::after {
	position: absolute;
	font-family: fontawesome;
	content: "\f103";
	top: 9px;
	right: 15px;
	font-size: 1.3em;
}
section#clubanlage #accordion-platzordnung.ui-accordion .ui-accordion-header.ui-state-active::after,
section#clubanlage #accordion-platzregeln.ui-accordion .ui-accordion-header.ui-state-active::after {
	content: "\f102";
}
section#clubanlage #accordion-platzordnung.ui-accordion .ui-accordion-content.text,
section#clubanlage #accordion-platzregeln.ui-accordion .ui-accordion-content.text {
    padding: 25px 15px 25px 15px;
    background-color: #eee;
}
section#clubanlage #accordion-platzordnung.ui-accordion .ui-accordion-content.text ol.zahl,
section#clubanlage #accordion-platzregeln.ui-accordion .ui-accordion-content.text ol.zahl {
	margin-top: 25px;
}
section#clubanlage #accordion-platzordnung.ui-accordion .ui-accordion-content.text ol.zahl li,
section#clubanlage #accordion-platzregeln.ui-accordion .ui-accordion-content.text ol.zahl li {
    list-style-type: decimal-leading-zero;
    list-style-position: initial;
    padding-left: 5px;
    margin-left: 32px;
    margin-top: 10px;
}


@media (max-width: 1279px) {

}
@media (max-width: 1023px) {
	section#clubanlage #accordion-platzordnung.ui-accordion .ui-accordion-content.text ol.zahl li,
	section#clubanlage #accordion-platzregeln.ui-accordion .ui-accordion-content.text ol.zahl li	{
		margin-left: 25px;
		padding-left: 0px;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 640px) {

}
@media (max-width: 480px) {

}






section#kontakt > div {
    background-color: #e62037;
    position: relative;
	color: #fff;
}
section#kontakt h2 {
	color: #fff;
}
section#kontakt a {
    color: #fff;
}
section#kontakt .bp-marker-content {
    color: #333;
    line-height: 1.2em;
}

@media (max-width: 1279px) {

}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {

}
@media (max-width: 640px) {

}
@media (max-width: 480px) {

}




/** ##### IMPRESSUM und DATENSCHUTZ Start ##### **/
.impressum-datenschutz h1,
.impressum-datenschutz h2,
.impressum-datenschutz h3,
.impressum-datenschutz h4,
.impressum-datenschutz h5,
.impressum-datenschutz h6 {
	text-align: left;
}

.impressum-datenschutz h2::after {
	display: none;
}

.impressum-datenschutz h2 {
    margin-top: 75px;
    padding: 0;
    text-transform: uppercase;
}
.impressum-datenschutz h3 {
    margin-bottom: 5px;
    text-transform: inherit;
    margin-top: 30px;
    padding-bottom: 0;
	border-bottom: 0 none;
}
.impressum-datenschutz h4 {
    margin-bottom: 0;
    margin-top: 15px;
}

.impressum-datenschutz ol.zahlen > li {
    list-style: decimal;
    margin-left: 25px;
	margin-bottom: 10px;
}
.impressum-datenschutz ol.buchstaben > li {
    list-style: lower-latin;
    margin-left: 25px;
	margin-bottom: 10px;;
}
.impressum-datenschutz ol.zahlen li ul,
.impressum-datenschutz ol.buchstaben li ul {
	margin-top: 10px;
}
.impressum-datenschutz ol.zahlen li ul li,
.impressum-datenschutz ol.buchstaben li ul li{
	margin-bottom: 5px;
}



@media (max-width: 1279px) {

}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {

}
@media (max-width: 640px) {
	.impressum-datenschutz h2 {
		margin-top: 50px;
	}
	.impressum-datenschutz h3 {
		margin-top: 25px;
	}


/** ##### IMPRESSUM und DATENSCHUTZ Ende ##### **/