ul.ver_dates {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 20px 0
}

ul.ver_dates li {
	flex: 1 1 250px;
	background: #edf5f1;
	margin: 10px 10px 10px 0;
	padding: 20px
}

ul.ver_dates .ver_desc, ul.ver_dates .ver_ende, ul.ver_dates .ver_ort, ul.ver_dates .ver_start, ul.ver_dates .ver_team {
	display: block;
	margin-bottom: 10px
}

.ver_start {
	font-weight: 700
}

.ver_desc, .ver_team {
	font-size: .9em
}

ul.terminliste {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 30px 0
}

ul.terminliste li {
	flex: 1 1 250px;
	margin: 10px;
	padding: 0 !important
}

ul.terminliste li .ver_img-wrapper {
	overflow: hidden
}

ul.terminliste li a {
	padding: 20px;
	display: block;
	text-decoration: none !important;
	position: relative
}

ul.terminliste li a h3, ul.terminliste li a h4 {
	font-size: 1.1em;
	line-height: 1em
}

ul.terminliste li a h3 span, ul.terminliste li a h4 span {
	display: inline-block;
	font-size: 1em
}

ul.terminliste li a h3 span.video, ul.terminliste li a h4 span.video {
	font-weight: 400;
	font-family: "Open Sans";
	color: #6a5b48;
	margin-bottom: 10px;
	font-family: "Open Sans";
	color: #6a5b48;
	font-size: .7em;
}

ul.terminliste li a time {
	display: inline-block;
	font-weight: 700;
	line-height: 1em;


}

ul.terminliste li p.terminuebersicht_beschreibung
{line-height:1.0em}

ul.terminliste li a .terminuebersicht_cat {
	font-size: .7em;
	display: block;
	line-height: 1em;
	margin-bottom: 10px;
	font-weight: 400
}

ul.terminliste li:hover {
	box-shadow: 10px 10px 10px #ddd
}

ul.terminliste li:hover .ver_img-wrapper img {
	transform: scale(1.2);
	transition: all .4s cubic-bezier(.5, 0, .5, 1)
}

.item-page.kalender {
	max-width: 1400px
}

ul.terminliste li {
	background: #e7e5df;
	animation: fade_in_show .5s;
	max-width: 620px
}

ul.terminliste li.Apr, ul.terminliste li.Aug, ul.terminliste li.Dez, ul.terminliste li.Feb, ul.terminliste li.Jun, ul.terminliste li.Okt {
	background: #e7e5df
}

ul.terminliste li.month {
	padding: 20px !important;
	background: url(../mod_articles_fieldsfilter/images/mandala.png) top right no-repeat #720d31;
	color: #fff
}

ul.terminliste li.month h3 {
	color: #fff;
	font-weight: 700;
	font-size: 1.3em;
	margin: 0;
	padding: 0
}

ul.terminliste li[data-match=false] {
	display: none
}

.ver_filter {
	margin: 0;
	align-items: flex-end
}

.filter_bereich {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0
}

.filter_bereich li {
	background: #e7e5df;
	margin: 5px;
	padding: 20px !important;
	text-align: center;
	flex: 1 1 150px
}

.filter_bereich li:hover {
	background: #d1cdc2
}

.filter_bereich input[type=checkbox] {
	display: block;
	margin: 0 auto 20px;
	border: 3px solid #7b7569;
	width: 30px;
	height: 30px
}

.filter_bereich input[type=checkbox]:checked {
	background: #720d31
}

.filter_bereich input[type=checkbox]:checked::before {
	background: #720d31;
	background-clip: padding-box;
	border: 3px solid #fff;
	border-left-width: 0;
	border-top-width: 0;
	content: "";
	height: 9px;
	left: 50%;
	margin-left: -3px;
	margin-top: -6px;
	position: absolute;
	top: 50%;
	transform: rotate(45deg);
	width: 6px
}

.filter_bereich label {
	padding: 10px;
	font-weight: 700;
	display: inline-block;
	color: #65625d;
	line-height: 1em
}

.ver_art {
	flex: 1 1 80%;
	padding-left: 0;
	margin-bottom: 0
}

.ver_art fieldset {
	margin: 0
}

.ver_date {
	padding-right: 10px;
	max-width: 365px;
	margin-bottom: 0
}

input.filter {
	border: 0;
	padding: 10px 20px;
	min-width: 200px;
	color: #fff;
	margin-top: 10px;
	width: 100%;
	border-radius: 3px
}

input.filter.use {
	background: #720d31
}

input.filter.use:hover {
	background: #44081d
}

input.filter.reset {
	background: #5a574f
}

input.filter.reset:hover {
	background: #3f3d37
}

#datum {
	display: block;
	width: 100%
}

p.pull-right {
	text-align: right;
	overflow: hidden
}

#openfilter {
	display: none;
	float: right;
	text-align: center
}

#openfilter.active {
	border: 2px solid #ddd;
	background: #eee
}

#openfilter.active svg line {
	stroke: #ddd
}

#noresult.showerror {
	background: #e7e5df;
	padding: 20px;
	color: #7b7569;
	font-weight: 700
}

#allfilters {
	display: block
}

#allfilters.showfilter {
	display: block;
	-webkit-animation: slide-down .3s ease-out;
	-moz-animation: slide-down .3s ease-out
}

@keyframes fade_in_show {
	0% {
		opacity: 0;
		transform: scale(0)
	}
	100% {
		opacity: 1;
		transform: scale(1)
	}
}

@-webkit-keyframes slide-down {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-30%)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes slide-down {
	0% {
		opacity: 0;
		-moz-transform: translateY(-30%)
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

@media screen and (max-width: 965px) {
	#allfilters {
		display: none;
		padding: 10px
	}
	
	#openfilter {
		display: block;
		border: 2px solid #668015;
		background: #fff;
		width: 50px;
		height: 50px;
		text-align: center;
		padding: 0;
		position: relative
	}
	
	#openfilter svg {
		margin: 0 auto
	}
	
	#openfilter.active {
		border: 2px solid #668015;
		background: #fff
	}
	
	#openfilter.active svg {
		display: none
	}
	
	#openfilter.active:after, #openfilter.active:before {
		content: "";
		transition: all 1s;
		background: #668015;
		width: 35px;
		height: 2px;
		position: absolute;
		top: 0;
		margin: 25px 0 0 5px;
		left: 0;
		transform: rotate(-45deg)
	}
	
	#openfilter.active:after {
		transform: rotate(-135deg)
	}
	
	.ver_art, .ver_date, .ver_filter {
		margin: 0 auto 30px;
		padding: 0
	}
}

.nav-tabs {
	width: 100%;
	margin: 0;
	list-style-type: none;
	border-bottom: 1px solid #ddd;
	padding: 6px
}

.nav-tabs > li {
	display: inline-block;
	margin-bottom: -1px
}

.nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.42857143;
	padding: 10px;
	border: 1px solid transparent
}

.nav-tabs > li > a:hover {
	border-color: #eee #eee #ddd;
	background-color: #720d31;
	color: #e7e5df
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	cursor: default;
	background-color: #e7e5df;
	color: #720d31;
	border: 1px solid #e7e5df;
	border-bottom-color: transparent
}

.tab-content {
	width: 100%
}

.tab-content > .tab-pane {
	display: none
}

.tab-content > .active, .tab-content > .tab-pane.active {
	display: block
}