body{
	color: #2a2a2a;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 25px;
}

a {
	text-decoration: none;
	font-weight: 500;
	color: #131313;
}

#main{
   /* margin-top: -55px;*/
}

.teaser{
    color: #cc0f13;
    font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 25px;
}

.teaser:hover{
    text-decoration: underline;
}


/*Aufbau Header*/

header{
	min-height: 230px;
}

/*Navigation Header Top*/

.logo {
    float: right;
    padding-right: 10px;
    margin-top: 55px;
    height: auto;
    max-width: 390px;
    z-index: 999;
    position: relative;
}

.mod_navigation{
    color: #060505;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 25px;
	margin-top: 50px;
	max-width: 1440px;
	float: left;
}

/*Main Navigation*/
.mod_navigation ul li{
	display: inline;
	list-style-type: none;

}
.mod_navigation ul li .first::after, .mod_navigation ul li .sibling::after,.mod_navigation ul li .active::after{
    content: '//';
    padding-left: 10px;
}

.mod_navigation ul{
	margin-top: 100px;
	margin-right: 15px;
	float: left;
	font-weight: 400;
	text-transform: uppercase;
	
}
.mod_navigation a{
	text-decoration: none;
	font-weight: 400;
	color: #5f4a49;

}
.mod_navigation a:hover, .mod_navigation ul li .active::after, .mod_navigation ul li .active{
	color:rgb(227,9,27);
	font-weight: 400;
}

/*Black Line Navigation*/

.black-line{
    float: left;
    border-top: 2px solid rgb(227,9,27);
    width: 100%;
	margin-bottom: 30px;
}

.black-bottom{
    /*border-bottom: 2px solid rgb(227,9,27);*/
	margin:30px 0 -30px 0;
}

.black-trenner{
    border-bottom: 1px solid #0E0E0E;
    
}
.black-trenner_abstand{
    margin-top: 50px;
    margin-bottom: 50px;
}

.social-menue{
    margin-top: 20px;
    float: right;
    padding-right: 20px;
}
.social-news{
    font-size: 14px;    
}

.social-link{
    font-size: 33px;
}

/*Content*/
.mod_eventlist, .ce_text, .ce_download, .mod_mitglieder, .ce_form, .bread-navi-content,.ce_image,.footer-text, #article-4, #article-11, .ce_headline, .mod_article{
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.ce_hyperlink{
/*    float: left;
    width: 33.33%;*/
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px solid rgb(227,9,27);
	background-color: #fbfbfb;
}
.image_container{
	background-color: #fbfbfb;
}

.mod_rocksolid_slider{
 	width: 100%;
	margin-left: auto;
	margin-right: auto;   
}

.ce_image img{
    display: block;
    margin: 0 auto;
}

.mod_eventlist .teaser, .mod_eventlist .more{
	margin-left: 20px;
}
.mod_eventlist .more a {
	text-decoration: none;
	color: #034694;
}

.ce_download{
	
	margin-bottom: 50px;
}

h1, h2, h2 a, h4{
	font-family: 'Quattrocento', serif;
	text-decoration: none;
	text-align: center;
	color: #020202;
/*	margin-bottom: 60px;	*/
	font-weight: 700;
	text-transform: uppercase;

}
h1, h2{
    margin-bottom: 12px;
    font-size: 25px;
    letter-spacing: 0.15em;
    /*text-transform: none;*/
}

h1::before, h1::after,h2::before, h2::after {
	background-color:rgb(227,9,27);
	content: "";
	display: inline-block;
	height: 2px;
	position: relative;
	vertical-align: middle;
	width: 40%;
	}

h1::before,h2::before {
    right: 0.5em;
    margin-left: -50%;
}

h1::after, h2::after {
    left: 0.5em;
    margin-right: -50%;
}

/*H4 all*/
.myteam{
	font-weight: 600;
}
/*Keksbox*/
.cookie_info {
	font-size: 18px !important;
}
.cookie_info::before, .cookie_info::after{
	display: none;
}

.mod_cookieconsent .ce_hyperlink {
	border-bottom: 0;
}

footer h1{
	color:#fff;
}
footer h1::before, footer h1::after{
	display: none;
}

#footer .ce_fontAwesomeIcon{
	text-align: center;
	
}

#article-1 h1, #article-8 h1{
    text-transform: uppercase;
}

#article-3 h2, #article-10 h2{
/*    font-family: 'Roboto Slab', serif;*/
    text-transform: uppercase;
    font-weight: 300;
}

/*h2{

    font-family: 'Roboto', serif;
    font-size: 20px;
    letter-spacing: 0.13em;
    text-transform:uppercase;
    font-weight: 300;
}
h3{
    font-family: 'Roboto Slap', serif;
    font-size: 18px;
    letter-spacing: 0.05em;
    text-transform:none;
    font-weight: 500;
    margin-bottom: -6px;
    
}*/

/*Home anpassungen Headline*/

.teaser-headline{
    padding-top: 25px;
    font-size: 15px;
    text-transform: none;
    letter-spacing: 0.1em;
}
.rsts-slide h3{/*
	font-family: 'Roboto Slab', serif;
	line-height: 35px;
	font-size: 25px;
	text-decoration: none;
	color: #020202;
	margin-bottom: 60px;	
	font-weight: 500;
	letter-spacing: 0.13em;
	margin-top: -5px;*/
}

.rsts-skin-default .rsts-nav ul{
	/*display: none;*/
}
rsts-blackline{
	border-bottom: 1px solid #0E0E0E;
}

.ce_text ul {
	margin-top: 30px;
}
.ce_text ul li{
	list-style-type: disc;
	margin-left: -20px;
}
/*Formular*/

form{
	width: 90%;
}

input[type="text"], input[type="email"], input[type="tel"],input[type="submit"],input[type="number"]{
	width: 100%;
	height: 40px;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	background-color: #fafafa;
	border: 1px solid #2A2A2A;
	border-radius: 2px;
}
input[type="tel"]{
	margin-left: 0;
	margin-bottom: 20px;
}
input[type="submit"]{
	width: 100%;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	height: 45px;
	border: 1px solid #2A2A2A;
}
input[type="submit"]:hover{
	width: 100%;

	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
}
textarea {
    font-family: 'Roboto Slab', serif;
	font-size: 15px;
	padding: 20px;
	margin-left: 0;
	width: 98%;
	height: 150px;
	margin-bottom: 20px;
	background-color: #fafafa;
	border: 1px solid #2A2A2A;
	border-radius: 2px;
}

select {
	background-color: #fafafa;
	width: 470px;
	height: 45px;
	margin-bottom: 20px;
    padding-left: 20px;
}

.submit{
	font-family: 'Roboto', serif;
	font-size: 20px;
	letter-spacing: 0.1em;
	background-color: #fff;
	border: 1px solid #2A2A2A;
	border-radius: 2px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 16px;
	padding-right: 16px;	
}
.checkbox_container, fieldset{
	border:0;
}
#ctrl_26{
	width: 75px;
}

/*Formulare Checkbox Hack*/
input[type="checkbox"] + label::before, input[type="radio"] + label::before {
    font-family: Fontawesome;
    display: inline-block;
    padding-right: 3.75px;
    min-width: 1em;
}
input[type="checkbox"] + label::before {
    content: "\f096";
}
input[type="checkbox"]:checked + label::before {
    content: "\f046";
}
input[type="checkbox"], input[type="radio"] {
    position: absolute;
    left: -1000em;
}

#ctrl_12, #ctrl_13 {
    border: 0;
    margin-bottom: 20px;
    max-width: 500px;
}

#ctrl_7{
	border:0;
	margin-bottom: 20px;
}

/*Footer*/
#footer{
	background-color:rgba(102,102,102,1.00);
	color:#fff;
	border-bottom: 10px solid rgba(130,128,128,1.00);
	border-top: 5px solid rgb(227,9,27);
}
#footer .inside{
	width: 920px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

#footer a {
	color:#fff;
}
#footer ul{
     text-align: center;
     margin: 0;
     padding: 0;
}
#footer ul li{
	list-style: none;
	line-height: 22px;
	display: inline;
}

#footer ul li .first::after{
	content: ' | ';
}

#footer p {
	line-height: 25px;
}

.footer-text{
    padding-right: 15px;
}

/*.rsts-view{
	height:250px;
}*/

/*Content*/

#article-4 p{
    letter-spacing: 0.1em
}

.textelement, .content-box{
	width:900px;
	margin-left: auto;
	margin-right: auto;
}
.content-box{
	float:left;
	margin-bottom: 50px;
}
.content-left,.content-right{
	float: left;
	width: 50%;
}

.img-circel img{
	border-radius: 50%;
	width: 250px !important;
	height: 250px !important;
}

.mobil{
	display: none;
}

/*Galerie verstecken der Galerie*/

.ce_gallery {
    display: none;
}

#cboxCurrent{
	display: none !important;
}

#cboxOverlay {
    background: #000;
    opacity: 1 !important;
    filter: alpha(opacity = 100);
}

/*Custom Elements */

.verkaufstage{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.verkaufstage-rechts{
    float: left;
    width: 475px;
}
.verkaufstage-links{
    float: left;
    width: 480px;
    margin-right: 30px;
}
.verkaufstage-ytframe{
    width: 474px;
    height: 266px;
}

/*Slide Elemente Portfolio*/

.bounceInRight{
    margin-left: 5vw;
}
.bounceInLeft{
    margin-left: 5vw;
}
.rsts-next{
	background-image: url("arrow-right-2x.png") !important;
	background-size: 32px 32px;
    background-repeat: no-repeat;
	border: 1px solid #b8cf31; 
	/*top: -45px;*/
	right: 10px !important;
	}
	.rsts-prev{
	background-image: url("arrow-left-2x.png") !important;
	background-size: 32px 32px;
    background-repeat: no-repeat;
	border: 1px solid #b8cf31;
	/*top: -45px;*/
	right: 45px !important;
	}
.rsts-slide-image {
	/*height: 650px;*/
}
/*Mobil Menue verstecken*/

.hidden{
	display: none;
}
/*Cookie bar*/

.cc-window{
	border-top: solid 2px #000 ;
}
/*Vorstand*/
.vorstand{
	max-width: 300px;
	min-height: 300px;
	border-bottom: 1px solid rgb(227,9,27);
	background-color: #fbfbfb;
	
}
.vorstand-bild{
	
}
.vorstand-titel{
	font-weight: 600;
	padding-left: 5px;
	padding-top: 10px;
}
.vorstand-name{
	padding-left: 5px;
}
.vorstand-mail{
	padding-left: 5px;
	padding-bottom: 50px;
}

#der-verein .rs-column.-large-col-4-1{
	width: 22%;
}
#der-verein .rs-column{
	margin: 0 2.5%;
}

/*Media Query*/
@media only screen and (max-width: 1300px) and (min-width: 1103px)
{
	#der-verein .rs-column{
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	
	#der-verein .rs-column.-large-col-4-1{
		width: 45%;
	}
	.ce_text{
		padding: 0 10px;
	}
	
.logo {
    float: right;
    padding-right: 10px;
    margin-top: 50px;
    height: auto;
    width: 300px;
    z-index: 999;
    position: relative;
	}			
}
@media only screen and (max-width: 1103px) and (min-width: 767px)
{
		
.logo {
    float: left;
	padding-right: 10px;
	margin-top: -192px;
    height: auto;
    width: 300px;
    z-index: 999;
    position: relative;
	}
	
	#der-verein .rs-column{
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	
	#der-verein .rs-column.-large-col-4-1{
		width: 45%;
	}
	.ce_text{
		padding: 0 10px;
	}
}
/*iPhone 8 in portrait & landscape*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px)
 {
	 
	
	#der-verein .rs-column{
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	
	#der-verein .rs-column.-large-col-4-1{
		width: 45%;
	}
	.ce_text{
		padding: 0 10px;
	}
	h1::before, h1::after, h2::before, h2::after{
		display: none;
	}
	#footer .inside{
		width: 100%;
	}
	.hidden{
	display: block;
	}
	.mod_navigation{
		display: none;
	}
}
/*iPhone 6, 7, & 8 Plus in landscape*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) {
	.logo {
    float:none;
    padding-right: 10px;
    margin-left: auto;
	margin-right: auto;
    height: auto;
    width: 100%;
    z-index: 999;
    position: relative;
	}	
	
}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (orientation : landscape) {
	
	.logo {
    float:none;
	margin-top: 0px;
    padding-right: 10px;
    margin-left: auto;
	margin-right: auto;
    height: auto;
    width: 100%;
    z-index: 999;
    position: relative;
	}	
	
	
}

/*iPhone X in portrait & landscape*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) {
	
	#der-verein .rs-column{
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	
	#der-verein .rs-column.-large-col-4-1{
		width: 45%;
	}
	.ce_text{
		padding: 0 10px;
	}
	h1::before, h1::after, h2::before, h2::after{
		display: none;
	}
	#footer .inside{
		width: 100%;
	}
	.hidden{
	display: block;
	}
	.mod_navigation{
		display: none;
	}
}

/*iPhone 6, 7, & 8 Plus in portrait & landscape*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {
	#der-verein .rs-column{
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	
	#der-verein .rs-column.-large-col-4-1{
		width: 45%;
	}
	.ce_text{
		padding: 0 10px;
	}
	h1::before, h1::after, h2::before, h2::after{
		display: none;
	}
	#footer .inside{
		width: 100%;
	}
	.hidden{
	display: block;
	}
	.mod_navigation{
		display: none;
	}	
	
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

#der-verein .rs-column.-large-col-4-1{
		width: 50%;
	}

	nav{
		display: none;
	}
	
	header{
		height: 515px !important;
	}
	nav{
		display: none;
	}
	
	h1, h2, h2 a, h4{
	font-family: 'Roboto Slab', serif;
	font-size: 19px;
	text-decoration: none;
    text-transform: uppercase;
	color: #020202;
/*	margin-bottom: 60px;	*/
	font-weight: 500;
	letter-spacing: 0.13em;
	}
	h1{
    margin-bottom: 20px;
	}
	
	/*.rsts-slide-image {
	height: 250px;
	}*/
	.mod_navigation{
		margin-top: 20px;
	}
	.mod_navigation ul{
	
	}
	.logo {
    float: right;
    padding-right: 10px;
    /*margin-top: -160px;*/
    height: auto;
    width: 250px;
    z-index: 999;
    position: relative;
	}
	.black-line {
    float: left;
    border-top: 1px solid #0E0E0E;
    width: 100vw;
    margin-bottom: 30px;
}
	
	.mod_eventlist, .ce_text, .ce_download, .mod_mitglieder, .ce_form, .bread-navi-content, .ce_image, .footer-text, #footer .inside {
    margin-left: 2%;
    margin-right: 2%;
	}
	.ce_text .first {
    	margin-left: 115px;
	}
	p{
		padding-right:10px;
	}
	
	.img-circel img{
	border-radius: 50%;
	width: 200px !important;
	height: 200px !important;
	}
	#home h1{
	font-size: 2em;
	}
	#home h1::after, #home h1:before, #home h2::after, #home h2:before {
		display: none;
	}
	#home img {
    padding-top: 55vh;
	}
	.home-img{
		display: block; 
		margin-left: auto; 
		margin-right: auto;
		height: auto;
		width: 100px;
	}
	.content-box {
    float: left;
    margin-bottom: 0;
	}
	.textelement, .content-box{
		max-width: 750px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
	#der-verein .rs-column.-large-col-4-1{
		width: 100%;
	}
	
	.hidden{
	display: block;
	}

	nav{
		display: none;
	}
	header{
		height: 425px !important;
	}
	
	.logo {
    float: right;
    padding-right: 10px;
    /*margin-top: -160px;*/
    height: auto;
    width: 250px;
    z-index: 999;
    position: relative;
	}
	.mod_navigation {
    color: #060505;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
    margin-top: 15px;
    max-width: 1440px;
    float: left;
	}
	.image_container{
		width: 300px;
		height: auto;
		margin-bottom: 120px !important;
	}
	
	#footer .inside{
		width: 768px;
	}
	.footer-text{
		padding: 0px;
		line-height: 20px;
	}
	#footer .inside {
    margin-left: 0 !important;
    margin-right: 0 !important;
	}
	
}
@media only screen 
and (max-device-width : 370px) 
{
	
	.hidden{
	display: block;
	}
	nav{
		display: none;
	}
	.mod_rocksolid_slider{
		display: none;
	}
	.mod_article{
		padding:0 10px 0 10px;
	}
	#footer .inside {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
	}
	.footer-text  {
	padding-right: 15px;
	line-height: 20px;
	}
	
	.footer-mail{
		margin-bottom: 15px;
		line-height: 20px;
	}
	
	.footer-mail span, .footer-text{
		width: 100%;
		float: left;
	}
	form{
	width: 90%;
}

input[type="text"], input[type="email"], input[type="tel"],input[type="submit"],input[type="number"]{
	width: 90%;
	height: 40px;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	background-color: #fafafa;
	border: 1px solid #2A2A2A;
	border-radius: 2px;
}
input[type="tel"]{
	margin-left: 0;
	margin-bottom: 20px;
}
input[type="submit"]{
	width: 100%;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	height: 45px;
	border: 1px solid #2A2A2A;
}
input[type="submit"]:hover{
	width: 100%;

	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
}
textarea {
    font-family: 'Roboto Slab', serif;
	font-size: 15px;
	padding: 1%;
	margin-left: 0;
	width: 98%;
	height: auto;
	margin-bottom: 20px;
	background-color: #fafafa;
	border: 1px solid #2A2A2A;
	border-radius: 2px;
}

select {
	background-color: #fafafa;
	width: 99%;
	height: 45px;
	margin-bottom: 20px;
    padding-left: 1%;
}

.submit{
	font-family: 'Roboto', serif;
	font-size: 20px;
	letter-spacing: 0.1em;
	background-color: #fff;
	border: 1px solid #2A2A2A;
	border-radius: 2px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 16px;
	padding-right: 16px;	
	}
	.ce_hyperlink{
	width: 100%;
		float: left;
	}
}