body {
    background-position:left top;
    background-repeat:no-repeat;
    font-family: 'Open Sans Condensed', Verdana, sans-serif;
    font-weight:300;
    font-size:26px;
    color:#433D37;
}


#mainnav {
	margin-top:40px;
}


#main .inside {
	margin-top:30px;
}

#wrapper {
    max-width:1024px;
    margin: 0 auto;
    padding-left:10px;
    padding-right:10px;
}


/*
#container {
    margin-top:30px !important;
}

*/
#main {
    line-height:1.4em;
}

#logo {
    width:100%;
    margin-top:30px;
}


#logo img {
	max-width:98%;
	margin-right:auto;
	margin-left:auto;
}


h1 {
	font-family: 'Passion One', Verdana, sans-serif;
    font-weight:400;
    color:#ffd700;
    font-size:36px;
    text-transform:uppercase;
}

h2 {
	font-family: 'Passion One', Verdana, sans-serif;
    font-weight:400;
    color:#0057b8;
    font-size:36px;
    margin-top:40px;
    margin-bottom:0px;
}

h3 {
	font-family: 'Passion One', Verdana, sans-serif;
    font-weight:400;
    color:#ffd700;
    font-size:36px;
}


strong {
	font-weight:700;
}

.stand {
	font-size:18px;
}




.textlinks {
	width:50%;
	float:left;
}

.textrechts {
	width:45%;
	float:none;
}


img {
	margin-right:5px;
}

.impressum {
	margin-top:50px;
	border-top: 1px solid #ffd700;
	font-size:20px;
}


/* Links */
#main a,
#main a:link,
#main a:visited {
    color: #0057b8;
    text-decoration: underline;
    font-weight:400;
}


#main a:hover {
    color: #ffd700;
    text-decoration: underline;
}


.blue {
	background-color:#0057b8;
	color:#fff;
	padding:5px;
}

.blue h2 {
	color:#fff;
}

#main .blue a,
#main .blue a:link,
#main .blue a:visited {
    color: #fff;
    text-decoration: underline;
    font-weight:700;
}


#main .blue a:hover {
    color: #ffd700;
    text-decoration: underline;
}

#main .yellow a,
#main .yellow a:link,
#main .yellow a:visited {
    color: #0057b8;
    text-decoration: underline;
    font-weight:700;
}

#main .yellow a:hover {
    color: #fff;
    text-decoration: underline;
}

.yellow {
	margin-top:30px;
	margin-bottom: 20px;
	background-color:#ffd700;
	padding:5px;
}

.yellow h3 {
	color:#0057b8;
	padding:0 5px;
	margin-top:10px;
	margin-bottom:5px;
}


.red {
	background-color:#ff0000;
	padding:5px;
	margin-bottom: 20px;
}

.red h3 {
	color:#fff;
	padding:5px;
}

.red p {
	color:#fff;
	font-weight:700;
}



#main .red a,
#main .red a:link,
#main .red a:visited {
    color: #fff;
    text-decoration: underline;
    font-weight:700;
}

#main .red a:hover {
    color: #fff;
    text-decoration: none;
}


/* Flexboxen */
#main .flexboxen {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.redquadrat {
	background-color:#ff0000;
	padding:5px;
	width: 30%;
    height: 250px;
	margin-bottom: 25px;
	/* margin-right:3.3%; */
	box-sizing: border-box;
	/* float:left; */
}

.redquadrat h3 {
	color:#fff;
	padding:5px;
	margin: 5px 0;
}

.redquadrat p {
	color:#fff;
	font-weight:700;
	margin-top:5px;
	padding-left:5px;
}



#main .redquadrat a,
#main .redquadrat a:link,
#main .redquadrat a:visited {
    color: #fff;
    text-decoration: underline;
    font-weight:700;
}

#main .redquadrat a:hover {
    color: #fff;
    text-decoration: none;
}

.yellowquadrat {
	background-color:#ffd700;
	padding:5px;
	width: 30%;
    height: 250px;
	margin-bottom: 25px;
	/* margin-right:3.3%; */
	box-sizing: border-box;
	/* float:left; */
}

.yellowquadrat h3 {
	color:#0057b8;
	padding:5px;
	margin: 15px 0;	
}

.yellowquadrat p {
	color:#0057b8;
	font-weight:700;
}



#main .yellowquadrat a,
#main .yellowquadrat a:link,
#main .yellowquadrat a:visited {
    color: #0057b8;
    text-decoration: underline;
    font-weight:700;
}

#main .yellowquadrat a:hover {
    color: #fff;
    text-decoration: none;
}





.websitekanton {
	background-color:#ffd700;
	padding:5px;
	width:60%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	box-sizing: border-box;
	text-align: center;
}

.websitekanton p {
	color:#0057b8;
	font-weight:700;
}



#main .websitekanton a,
#main .websitekanton a:link,
#main .websitekanton a:visited {
    color: #0057b8;
    text-decoration: underline;
    font-weight:700;
}

#main .websitekanton a:hover {
    color: #fff;
    text-decoration: none;
}










/* Galerien */

.ce_gallery ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.ce_gallery li {
	float: none;
}






/*

.ce_gallery .image_container {
	background-color:red;
	width:33%;
	float:left !important;
}

.ce_gallery img {
	background-color:green;
	width:100%;
	height: auto;
	float:left;
}


*/

#footer {
	background-color:#433D37;
	color:#fff;
	padding: 5px;
	font-size:20px;
	margin-top:50px;
	height:auto;
}




#footer a,
#footer a:link,
#footer a:visited {
    color: #fff;
    text-decoration: underline;
    font-weight:700;
}


#footer a:hover {
    color: #ffd700;
    text-decoration: underline;
}




div#cboxCurrent {
	display:none !important;
}



figcaption.caption {
	font-size:14px;
}

.rahmen img {
	border: 3px solid #ffd700;
	
}

#footer .footergrau {
	width:67%;
	float:left;
}

/*
#footer .footergelb {
	width:33%;
	background: #ffd700;
	text-align: center;
	font-size:36px;
	font-family:'Passion One', Verdana, sans-serif;
	font-weight:400;
	
}

#footer .footergelb a,
#footer .footergelb a:link,
#footer .footergelb a:visited {
	color:#433D37;
}

*/

#footer .footergelbinsta {
	width:20%;
	/*background: #ffd700;*/
	text-align: center;
	font-size:36px;
	font-family:'Passion One', Verdana, sans-serif;
	/*font-weight:400;*/
	
}

#footer .footergelbinsta a,
#footer .footergelbinsta a:link,
#footer .footergelbinsta a:visited {
	color:#433D37;
}

#footer .footergelbinsta h2 {
	margin:0;
	font-size:20px;
	color:#ffd700;
}

#footer .footergelbinsta img {
	width: 100px;
	height:auto;
}




#beba {
    clear:both;
}
#beba a {
    text-decoration:none;
    color:#94c11f;
    font-size:14px;
    line-height:1;
}





/* EVENTS */


.mod_eventlist .layout_teaser a,
.mod_eventlist .layout_teaser a:link {
	color:#ffd700 !important;
	
}

.mod_eventlist /* .event */ {

    font-weight:500;
    color:#fff;
    text-align:center;
    letter-spacing:0.3px;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.mod_eventlist .header {
	display: none;
}

.mod_eventlist .event {
	width: 30%;
    height: auto;
	margin-bottom: 25px;
	margin-right: 20px;
	padding: 0 20px;
	box-sizing: border-box;
    background-color:#0057b8;
}



.mod_eventlist .event .upcoming.even.first.last {
	margin-right:0%;
/*	background-color:azure;*/

}




#main .mod_eventlist.folgeseite {
    margin-bottom:500px;
    background-color:red;
}

#main .mod_eventlist.folgeseite .layout_upcoming {
  margin-right: 25px;
}

#main .event.layout_upcoming {
    margin-bottom:30px;
    float:left;
    margin-right: 0;
}
.agenda div.event.layout_upcoming {
    margin-bottom:30px;
    float:left;
    margin-right: 10px;
}




#main .mod_eventlist .upcoming a,
#main .mod_eventlist .upcoming a:link,
#main .mod_eventlist .upcoming a:visited {
	color:#ffd700;

}

#main .mod_eventlist .upcoming a:hover {
	text-decoration:none;
}


#main .mod_eventlist .upcoming p.more a,
#main .mod_eventlist .upcoming p.more a:link,
#main .mod_eventlist .upcoming p.more a:visited {
	font-weight:bold;
	color:#ffd700;	
	
}


#main .mod_eventlist p.location {
	margin-top:2px;
	margin-bottom:2px;

}

#main .mod_eventlist p {
	margin-top:6px;
	margin-bottom:6px;

}

#main .mod_eventlist h2 {
	margin-top:20px;
}

 


.mod_eventlist .time {
	font-weight:bold;	
}


.mod_eventlist .date,
.mod_eventlist .day {
    display:none;
    margin-top:15px;
}
#main .mod_eventlist .folgeseite a,
#main .mod_eventlist .folgeseite  a:link,
#main .mod_eventlist .folgeseite a:visited {
    color:#fff;
    text-transform:uppercase;
    text-decoration:underline;
    float:left;
}


#header .mod_eventlist.events-mobil {
    display:none;
}






.bildfloat {
	float:left;
	margin-bottom:50px;
	width:30%;
	text-align:center;
	margin-right:3.3%;
}

.bildfloat img,
.bildnonfloat img {
	width:90%;

}

.bildnonfloat {
	margin-bottom:50px;
	width:30%;	
	text-align:center;	
}







.danke {
	float:left;
	margin-bottom:50px;
	width:30%;
	/*text-align:center;*/
	margin-right:5%;
	height: auto;
	
	
}


.danke img,
.dankelast img {
	width:100%;
	height: auto;	

}

.dankelast {
	margin-bottom:50px;
	width:30%;	
	/*text-align:center;	*/
}



.filmfloat {
	width:90%;
	height:auto;
	float:left;
	/*margin-right:60px;*/
}

.filmnonfloat {
	float:none;
	margin-right:0px;
	width:90%;
	height:auto;	

}




.filmfloat figure.video_container {
	width:100%;
	height:auto
}

.filmnonfloat figure.video_container {
	width:100%;
	height:auto
}




div.ce_player.filmfloat.block {
	width: 47%;
	height:auto;
	float:left;
	margin-right:5.8%;
}


div.ce_player.filmnonfloat.block {
	width: 47%;
	height:auto;
}





#cboxTitle {
	top: -25px;
}

.bild {
	border: 1px solid #0057b8;
}

.pagination {
	display:none;
}




/*TABELLE SPENDENGELDER*/
.geldspenden {
	font-size:20px;
}

.geldspenden .col_first {
	width:19%;
	/*background-color:azure;*/
	border-right: 1px dotted #0057b8;
	border-bottom: 1px dotted #ffd700;	
	padding:0 10px;
}

.geldspenden .col_1,
.geldspenden .col_2,
.geldspenden .col_3,
.geldspenden .col_4 {
	width:15.5%;
	/*background-color:yellow;*/
	border-right: 1px dotted #0057b8;	
	padding:0 10px;	
	border-bottom: 1px dotted #ffd700;	
}



.geldspenden .col_5 {
	width:18%;
	/*background-color:yellow;*/
	border-right: 1px dotted #0057b8;	
	padding:0 10px;	
	border-bottom: 1px dotted #ffd700;	
}




.geldspenden th.head_1,
.geldspenden th.head_2,
.geldspenden th.head_3,
.geldspenden th.head_4,
.geldspenden th.head_5 {
	border-right: 1px dotted #0057b8;
	text-align:left;
	padding:0 10px;	
	background-color:#0057b8;
	color:#fff;
}


.geldspenden td.foot_0 {
	border-right: 1px dotted #0057b8;
	border-top: 1px solid #0057b8;	
	border-bottom:1px solid #0057b8;
	text-align:left;
	font-weight:bold;
	background-color:#ffd700;	
}



.geldspenden td.foot_1,
.geldspenden td.foot_2,
.geldspenden td.foot_3,
.geldspenden td.foot_4,
.geldspenden td.foot_5 {
	border-right: 1px dotted #0057b8;
	border-top: 1px solid #0057b8;	
	border-bottom:1px solid #0057b8;
	text-align:left;
	padding:0 10px;	
	font-weight:bold;
	background-color:#ffd700;	
}







.instatausch img {
	width: 30%;
	text-align: center;
	height: auto;
}

.instatausch .image_container {
	text-align:center;
}