/* Very Simple Event List stylesheet */
@import "compass/css3"
/* Wrapper around all events in list */
#gbel {clear:both; float:left; width:100%; margin:0 auto 5px;}

/* Paragraph tag */
#gbel p {margin:0px; padding:0;}

/* Wrapper around single event in list */
#gbel .gbel-content { width:100%; clear:both; float:left; margin:0 0 20px; }

/* Meta section */
#gbel .gbel-meta {width:80%; float:left; }
#gbel .gbel-meta-full {width:80%; clear:both;}
#gbel .gbel-meta-title {margin:0 0 10px; padding:0; font-size:1.1em;}
#gbel .gbel-meta-date {}
#gbel .gbel-meta-error-date {}
#gbel .gbel-meta-combined-date {}
#gbel .gbel-meta-single-date {}
#gbel .gbel-meta-start-date {float:left;}
#gbel .gbel-meta-end-date { }
#gbel .gbel-meta-time {color:#000; font-weight:600;} #gbel .gbel-meta-time span {font-weight:300;}
#gbel .gbel-meta-location {color:#000; font-weight:600;} #gbel .gbel-meta-location span {font-weight:300;}
#gbel .gbel-meta-link {}
#gbel .gbel-meta-cats {}

/* Image and info section */
#gbel .gbel-image-info {width:60%; float:left;}
#gbel .gbel-image {max-width:40%; height:auto; float:left; margin:0.3em 0 0.3em 1em; padding:0; border:0;}
#gbel .gbel-info {}

/* Navigation */
#gbel .gbel-nav {clear:both;}
#gbel a.next {float:left;}
#gbel a.prev {float:left;}

/* No events notification */
#gbel .no-events {}

/* Widget wrapper */
.gbel-widget {}
.gbel-widget:after {content:''; display:block; height:0; clear:both;}

/* Widget text above list */
.gbel-widget .gbel-widget-text {clear:both; margin:0 0 10px; padding:0 0 5px; border-bottom: 1px solid #ccc;}

/* Widget meta section */
.gbel-widget #gbel .gbel-meta {width:80%; clear:both;}

/* Widget image and info section */
.gbel-widget #gbel .gbel-image-info {width:80%; clear:both; float:left;}
#gbel a {border:0 !important;}

/* Widget link to all events */
.gbel-widget .gbel-widget-link {clear:both;}


/* Weitere-CSS-Anpassungen */

/*EVENTS---------------*/


.gbel-meta-date  {
	
}



.gbel-meta {
	text-transform: none;
	padding:22px;
}

#gbel p {
	font-size: 15px;
}

.gbel-content {
    border-bottom: 0px;
    background: #f0f0f0;
  align-items: center;
  justify-content: center;
    overflow: hidden;
   }



.home #gbel .gbel-image-info {
	margin-left: 15px;
	float: left;
	text-align: left;
	display: none;
}

#gbel .gbel-meta-time {
}



#gbel button, #gbel .button, #gbel input[type="button"], #gbel input[type="submit"] {
    background: #ea4f44;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
        display: flex;
  align-items: center;
  justify-content: center;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    height: 146px;
    right: 0;
    text-align: center;
    transition: background-color .15s linear;
    -moz-appearance: none;
    -webkit-appearance: none;
}

#gbel button:hover, #gbel .button:hover, #gbel input[type="button"]:hover, #gbel input[type="submit"]:hover {
    background: #333;
}

#gbel button a:after {
	content:'→';

}


/* Mobile */
@media screen and (max-width:840px) {
	#gbel .gbel-meta {width:100%; clear:both;}
	#gbel .gbel-image-info {width:100%; clear:both; float:left;}
	#gbel button, #gbel .button, #gbel input[type="button"], #gbel input[type="submit"] {
    height: 60px;
    right: 0;
}
}


/* single Evente */




.post-pagination{
	padding-top: 100px;
}

.post-pagination div {
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #fff !important;
    padding: 20px;
   
}


.post-pagination div a{
	color:#fff;
}

.post-pagination div a:hover{
	color:#fff;
}




.post-pagination .next-post{
	display: block;
	margin: 0 auto;
	width: 40%;
	text-align: center;

}

.post-pagination .previous-post{
	display: block;
	margin: 0 auto;
	width: 40%;
	text-align: center;
	
	}

.single-event .post-pagination a{
	display: block;
	background: #000;
	padding: 20px;
}

.single-event .post-pagination a:hover{
	display: block;
	background: #ea4f44;
	padding: 20px;
}

@media (max-width: 780px){
.post-pagination div {
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #fff !important;
    padding: 20px;
    
}


.post-pagination div a{
	color:#fff;
}



.post-pagination div:hover a{
	color:#fff;
}

.post-pagination .next-post{
	display: block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.post-pagination .previous-post{
	display: inline-block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	margin-top: 100px;
	}

.single-event .post-pagination a{
	display: block;
	background: #000;
}


}


	.previous-post span {
		margin: 20px;
	}

	.next-post span {
		margin: 20px;
	}


/* Veranstaltungsseite */


.page-id-1727 #gbel .gbel-image {
    height: auto;
    max-width:100%;
    min-width:100%;
    float: left;
    margin: 0px 30px 30px 0;
    padding: 0;
    border: 0;
}

.page-id-1727 .gbel-widget #gbel .gbel-image-info {
	max-width:100%;
	width:100%;
}

.page-id-1727 #gbel .gbel-content {
    /*clear: none !important;*/
    float: left;
    margin: 0 0 20px;
    float: left;
    width: 100%;
    margin-right: 3.33333%;
    padding: 0;
    background: #f0f0f0;
    box-sizing: border-box;
    transition: all .15s linear;
}

.page-id-1727 #gbel .gbel-content:hover {
	background-color:#f9f9f9;
}

@media (max-width:1000px){
.page-id-1727 #gbel .gbel-content {
    /*clear: none !important;*/
    float: left;
    margin: 0 0 20px;
    float: left;
     width: 100%;
     margin-right: 2%;
     padding: 20px;
     background: #eee;
     box-sizing: border-box;
 }
}

@media (max-width:700px){
.page-id-1727 #gbel .gbel-content {
    /*clear: none !important;*/
    float: left;
    margin: 0 0 20px;
    float: left;
     width: 100%;
     margin-right: 0%;
     padding: 20px;
     background: #eee;
     box-sizing: border-box;
 }
}

.page-id-1727 .gbel-info p {
	padding:0 30px 30px 30px;
	margin:20px !important;
}

.page-id-1727 #gbel {
	margin-bottom:100px;
}


.page-id-1727 #gbel{
  column-count: 3;
}

@media (max-width: 1000px){
  .page-id-1727 #gbel{
  column-count: 1;
}
}

.gbel-meta-full{
  display: none !important;
}