﻿
#assistent-vorlage-88 {
	text-align: center;
}
#assistent-vorlage-88 button {
	font-size: 120% ! important;
}
html.msedge #cont-4036 {
	background-image: url('../../MEDIA/event--ac81.png?v=1719300756355') ! important;
}
#cont-4036::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, var(--overlay-opacity, 60%));
}
#text-4039 {
	text-align: center;
}
#text-4039 p {
	align-content: center;
	grid-template-areas: "";
}
#cont-4036 {
	background-size: cover;
	height: 100vh;
	max-height: 300px;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	justify-content: center;
	align-items: center;
	z-index: 0;
	background-image: url('../MEDIA/event--ac81.png?v=1719300756355') ! important;
}
#cont-4036 .Headline-text {
	font-size: var(--headline-font-size, 2.5vw);
}
#cont-4036 .Headline-text h1 {
	display: var(--headline-text-display);
	color: var(--headline-font-color, var(--color1));
	text-align: center;
	font-weight: bold;
}
#cont-4036 .Text {
	display: var(--Subline-2-display, none);
	color: var(--Subline-2-font-color, var(--color1));
	font-size: var(--text-font-size);
}
#cont-4036 .Elements-container {
	container-type: inline-size;
	z-index: 1;
	align-items: center;
	justify-content: center;
}
#cont-4036 .Knopf a {
	display: var(--btn1-display, inline-block);
	padding: 10px calc(10px + 0.35em) 10px 10px;
	border: var(--bt1-border-width, 1px) solid var(--btn1-border-color, transparent);
	border-radius: var(--btn1-border-radius, 3px);
	margin: var(--btn1-vertical-margin, 10px) var(--btn1-horizontal-margin, 0px);
	color: var(--btn1-text-color, var(--bgcolor));
	font-size: var(--btn1-font-size);
	font-weight: var(--btn1-font-weight);
	background-color: var(--btn1-background-color, var(--hicolor));
}
#cont-4036 .Knopf a:hover {
	color: var(--color1);
	background-color: transparent;
	border: var(--btn1-border-width, 1px) solid var(--btn1-border-color, var(--color1));
}
#cont-4036 .Knopf a::after {
	content: var(--btn-text, 'Mehr erfahren');
}
#cont-4036 .Knopf {
	display: var(--btn-display, none);
}
#bhv-database2-4046 .elements-container {
	display: flex;
	flex-wrap: wrap;
	margin-block: var(--elements-container-margin-block, 10px);
	background: var(--elements-container-background, var(--bgcolor2));
	width: fit-content;
	padding: var(--elements-container-padding, 5px 20px);
	border-radius: var(--elements-container-border-radius, 20px);
	gap: var(--elements-container-gap, 10px);
}
#bhv-database2-4046 #remove-param-filter {
	background: none;
	border: none;
	color: var(--remove-param-filter-color, var(--hicolor));
	cursor: pointer;
}
#bhv-database2-4046 #remove-param-filter:hover {
	color: var(--remove-param-filter-hover-color, var(--locolor));
}
#bhv-database2-4046 .filter-text-content {
	display: flex;
	gap: var(--filter-text-content-gap, 10px);
	background: var(--filter-text-content-background, var(--bgcolor2));
	padding: var(--filter-text-content-padding, 10px);
	border-radius: var(--filter-text-content-border-radius, 20px);
	align-items: center;
	cursor: pointer;
	width: 100%;
	box-sizing: border-box;
	margin-block-end: var(--filter-text-content-margin-block-end, 20px);
}
#bhv-database2-4046 .filter-text-content input[type='text'] {
	flex: 1;
	border: none;
	background: transparent;
	padding: var(--filter-text-content-input-padding, 5px);
	color: var(--filter-text-content-input-color, var(--hicolor));
}
#bhv-database2-4046 .filter-text-content input[type='text']:focus {
	outline: none;
}
#bhv-database2-4046 .filter-icon {
	display: flex;
	align-items: center;
}
#bhv-database2-4046 .filter-icon i {
	font-size: var(--filter-icon-font-size, 1.5em);
	color: var(--filter-icon-color, var(--hicolor));
	cursor: pointer;
}
#bhv-database2-4046 .filter-icon:hover {
	color: var(--filter-icon-hover-color, var(--hicolor-hover));
}
#bhv-database2-4046 .additional-filters {
	display: flex;
	flex-direction: column;
	gap: var(--additional-filters-gap, 20px);
}
#bhv-database2-4046 .dorpdown-fields {
	display: flex;
	flex-wrap: wrap;
	gap: var(--dorpdown-fields-gap, 20px);
}
#bhv-database2-4046 .filter-text h2 {
	margin: 0;
}
#bhv-database2-4046 .filter-text-content:hover {
	color: var(--filter-text-content-hover-color, var(--hicolor));
}
#bhv-database2-4046 .form-field {
	margin-bottom: var(--form-field-margin-bottom, 20px);
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	flex-direction: row;
}
#bhv-database2-4046 label {
	font-weight: bold;
}
#bhv-database2-4046 .search-container input:focus {
	outline: none !important;
}
#bhv-database2-4046 .search-container select {
	height: var(--search-container-select-height, 32px);
	border-radius: var(--search-container-select-border-radius, 10px);
	border: 1px solid var(--search-container-select-border-color, var(--hicolor)) !important;
	background: transparent;
	color: var(--search-container-select-color, var(--hicolor)) !important;
	width: 100%;
	min-width: fit-content;
	flex: 1;
}
#bhv-database2-4046 .search-container select:focus {
	outline: none !important;
}
#bhv-database2-4046 div.search-container b , #bhv-database2-4046 div.views b , #bhv-database2-4046 div.sortbuttons b , #bhv-database2-4046 div.filter b {
	display: inline-block;
	width: var(--div-search-container-width, 85px);
}
#bhv-database2-4046 div.views span {
	margin-right: var(--div-views-span-margin-right, 10px);
	font-size: var(--div-views-span-font-size, 1.5em);
	cursor: pointer;
}
#bhv-database2-4046 div.sortbuttons {
	--x-order: 3;
	display: flex;
	gap: var(--div-sortbuttons-gap, 10px);
}
#bhv-database2-4046 div.sortbuttons span {
	overflow: unset;
	width: fit-content;
	cursor: pointer;
}
#bhv-database2-4046 div.sortbuttons span.asc::after {
	font-family: 'FontAwesome';
	padding-left: var(--div-sortbuttons-span-padding-left, 3px);
	content: '\f0dd';
}
#bhv-database2-4046 div.sortbuttons span.desc::after {
	font-family: 'FontAwesome';
	padding-left: var(--div-sortbuttons-span-padding-left, 3px);
	content: '\f0de';
}
#bhv-database2-4046 div.filter {
	--x-order: 2;
}
#bhv-database2-4046 div.filter > span {
	display: inline-flex;
	width: calc(100% - 90px);
	flex-wrap: wrap;
	gap: var(--div-filter-span-gap, 0 10px);
}
#bhv-database2-4046 div.filter > span > span.br {
	flex-basis: 100%;
	height: 0;
}
#bhv-database2-4046 div.filter > span > span {
	cursor: pointer;
}
#bhv-database2-4046 div.filter input {
	margin-right: var(--div-filter-input-margin-right, 5px);
}
#bhv-database2-4046 .date-filters {
	width: 100%;
}
#bhv-database2-4046 .radio-fields {
	display: flex;
	gap: var(--radio-fields-gap, 10px);
	flex-wrap: wrap;
}
#bhv-database2-4046 .radio-fields label {
	flex: 1 1 22%;
	min-width: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--radio-fields-label-border-color, var(--hicolor));
	border-radius: var(--radio-fields-label-border-radius, 8px);
	cursor: pointer;
	color: var(--radio-fields-label-color, var(--hicolor));
	transition: background-color 0.3s, border-color 0.3s;
	margin-bottom: var(--radio-fields-label-margin-bottom, 10px);
}
#bhv-database2-4046 .date-filters input[type='radio'] {
	display: none;
}
#bhv-database2-4046 .date-filters label span {
	display: block;
	width: 100%;
	text-align: center;
	padding: var(--date-filters-label-span-padding, 8px);
}
#bhv-database2-4046 .date-filters input[type='radio']:checked + span {
	background-color: var(--date-filters-input-checked-background-color, var(--hicolor));
	color: white;
	border-radius: var(--date-filters-input-checked-border-radius, 5px);
}
#bhv-database2-4046 .date_picker-fields {
	display: flex;
	column-gap: var(--date-picker-fields-column-gap, 50px);
	row-gap: var(--date-picker-fields-row-gap, 10px);
	flex-wrap: wrap;
}
#bhv-database2-4046 .date-picker {
	flex: 1 1 22%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	cursor: pointer;
	color: var(--date-picker-color, var(--hicolor));
	transition: background-color 0.3s, border-color 0.3s;
	min-width: 200px;
}
#bhv-database2-4046 .date-picker input[type='date'] {
	height: var(--date-picker-input-height, 27px);
	border-radius: var(--date-picker-input-border-radius, 10px);
	border: 1px solid var(--date-picker-input-border-color, var(--hicolor)) !important;
	background: transparent;
	color: var(--date-picker-input-color, var(--hicolor)) !important;
	min-width: fit-content;
	flex: 1;
	width: calc(100% - 20px);
	padding: var(--date-picker-input-padding, 8px);
	margin-block-start: var(--date-picker-input-margin-block-start, 5px);
}
#bhv-database2-4046 .clear-date-filter {
	padding: var(--clear-date-filter-padding, 10px 20px);
	border-radius: var(--clear-date-filter-border-radius, 8px);
	background-color: var(--clear-date-filter-background-color, var(--hicolor));
	color: white;
	cursor: pointer;
	transition: background-color 0.3s, border-color 0.3s;
	text-align: center;
	margin-inline: auto;
	margin-block-start: var(--clear-date-filter-margin-block-start, 20px);
}
#bhv-database2-4046 .clear-date-filter:hover {
	background-color: var(--clear-date-filter-hover-background-color, #ff5300);
	border-color: var(--clear-date-filter-hover-border-color, #ff5300);
}
#bhv-database2-4046 .event-cards {
	display: flex;
	flex-wrap: wrap;
	gap: var(--event-cards-gap, 15px);
	justify-content: flex-start;
	margin-block: var(--event-cards-margin-block, 20px);
}
#bhv-database2-4046 .event-card {
	background-color: #fff;
	border-radius: var(--event-card-border-radius, 8px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	text-decoration: none;
	color: #333;
	width: 100%;
	max-width: calc(33.33% - 10px);
	transition: transform 0.3s ease;
	transform-origin: center center;
}
#bhv-database2-4046 .event-card:hover {
	transform: scale(1.02);
}
#bhv-database2-4046 .event-image {
	position: relative;
}
#bhv-database2-4046 .label {
	position: absolute;
	top: var(--label-top, 10px);
	padding: var(--label-padding, 5px 10px);
	border-radius: var(--label-border-radius, 5px);
	color: white;
	font-size: var(--label-font-size, 0.9em);
	font-weight: bold;
}
#bhv-database2-4046 .type-label {
	left: var(--type-label-left, 10px);
	background-color: rgba(0, 0, 0, 0.7);
}
#bhv-database2-4046 .status-label {
	right: var(--status-label-right, 10px);
	background-color: rgba(255, 0, 0, 0.7);
}
#bhv-database2-4046 .status-label.available {
	background: rgb(0 118 30 / 70%);
}
#bhv-database2-4046 .event-image img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}
#bhv-database2-4046 .event-info {
	padding: var(--event-info-padding, 15px);
}
#bhv-database2-4046 .event-title {
	margin: 0;
	font-size: var(--event-title-font-size, 1.5em);
	color: #333;
}
#bhv-database2-4046 .cat-text {
	margin: 0;
	margin-block-end: var(--cat-text-margin-block-end, 5px);
}
#bhv-database2-4046 .Kategorie {
	background: var(--Kategorie-background, var(--bgcolor2));
	padding: var(--Kategorie-padding, 5px);
	border-radius: var(--Kategorie-border-radius, 10px);
}
#bhv-database2-4046 .event-date-time , #bhv-database2-4046 .location-content {
	margin-top: var(--event-date-time-margin-top, 10px);
	font-size: var(--event-date-time-font-size, 0.9em);
	color: #666;
	display: flex;
	align-items: center;
}
#bhv-database2-4046 .event-date-time i , #bhv-database2-4046 .location-content i {
	margin-right: var(--event-date-time-i-margin-right, 5px);
	color: var(--event-date-time-i-color, var(--hicolor));
}
#bhv-database2-4046 .hidden {
	display: none;
}
#bhv-database2-4046 .hidden-param {
	display: none;
}
#bhv-database2-4046 .hidden-filter {
	display: none;
}
#bhv-database2-4046 .no-results {
	text-align: center;
	padding: var(--no-results-padding, 20px);
	font-size: var(--no-results-font-size, 18px);
	font-weight: var(--no-results-font-weight, bold);
	color: var(--no-results-color, var(--hicolor));
}
#bhv-database2-4046 .no-results p {
	margin: var(--no-results-p-margin, 0 0 10px 0);
}
#bhv-database2-4046 .no-results .reset-filters {
	padding: var(--reset-filters-padding, 10px 20px);
	font-size: var(--reset-filters-font-size, 16px);
	background-color: var(--reset-filters-background-color, var(--bgcolor2));
	color: var(--reset-filters-color);
	border: none;
	border-radius: var(--reset-filters-border-radius, 5px);
	cursor: pointer;
	transition: background-color 0.3s;
}
#bhv-database2-4046 .no-results .reset-filters:hover {
	background-color: var(--reset-filters-hover-background-color, var(--locolor));
}
#cont-4123::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50vh;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 1;
}
#cont-4196 {
	align-items: var(--col-align-items,inherit);
}
#cont-4187 {
	align-items: var(--col-align-items,inherit);
}
#col-4186 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 5%;
	row-gap: 90px;
	max-width: 1100px;
	margin: 0 auto;
}
#col-4186 .bhv-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
}
#col-4186 .bhv-container > .bhv-col {
	width: 100%;
	flex: 1;
}
#col-4186 .bhv-col:nth-child(2) .bhv-container {
	flex: 1;
}
#col-4186 .bhv-bild img {
	width: 100%;
	height: 250px;
	object-fit: cover;
}
#col-4186 .bhv-text.button-filled {
	margin-top: auto;
	align-self: center;
}
#cont-4507 {
	align-items: var(--col-align-items,inherit);
}
#bhv-database2-4511 {
	margin-top: 50px;
}
@media (max-width:800px) /* responsive */ {
	#cont-4036 {
		max-height: 200px;
	}
	#cont-4036 .Headline-text h1 {
		font-size: 100%;
	}
	#cont-4036 .Text {
		font-size: 100%;
	}
	#cont-4036 .Knopf a {
		font-size: 70%;
	}
	#bhv-database2-4046 .event-card {
		max-width: calc(50% - 10px);
	}
}

@media (max-width:600px) {
	#bhv-database2-4046 .event-card {
		max-width: 100%;
	}
}

@media (max-width: 1024px) {
	#col-4186 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	#col-4186 {
		grid-template-columns: 1fr;
	}
}
