﻿
#assistent-vorlage-88 {
	text-align: center;
}
#assistent-vorlage-88 button {
	font-size: 120% ! important;
}
#cont-4361 {
	align-items: var(--col-align-items,inherit);
}
#galerie-4364 {
	padding: 50px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--galerie-gap, 3.5%);
	align-items: center;
}
#galerie-4364 .outerdiv {
	width: var(--galerie-img-width,19%);
	flex: 0 0 var(--galerie-img-width,19%);
	margin-bottom: .5%;
	position: relative;
}
#galerie-4364 .Bild {
	height: 100% !important;
}
#galerie-4364 img {
	object-fit: cover;
	object-position: 50% 50%;
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: 100%;
	object-fit: var(--galerie-object-fit,cover);
}
#galerie-4364 video {
	width: var(--galerie-img-width);
	height: var(--galerie-img-height);
	max-width: 100%;
	object-fit: var(--galerie-object-fit,cover);
	display: block;
}
#galerie-4364 .Titel {
	margin: var(--galerie-text-margin);
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(255,255,255,0.7);
	box-sizing: border-box;
	padding: 4px;
	opacity: 0;
	font-size: 14px;
	transition: .3s ease;
	word-break: break-word;
}
#galerie-4364 .outerdiv:hover .Titel {
	opacity: 1;
}
#galerie-4364 .Titel:empty {
	opacity: 0 !important;
}
#galerie-4364 .Text {
	margin: var(--galerie-text-margin);
}
#galerie-4364 .outerdiv /*gen*/ {
	flex: 0 0 auto;
}
#cont-5864 {
	align-items: var(--col-align-items,inherit);
}
#bhv-database2-5868 h1 {
	text-align: center;
}
#bhv-database2-5868 .cards-container {
	display: flex;
	justify-content: center;
	align-items: center;
}
#bhv-database2-5868 .project-card {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	margin-bottom: 50px;
	gap: 3rem;
	width: 90%;
	max-width: 1200px;
}
#bhv-database2-5868 .sonne-klein img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	mask: url(../../MEDIA/mask-bild.svg) 0% 0% / 100% 100%;
	aspect-ratio: 1 / 1;
}
#bhv-database2-5868 .content-card {
	background: var(--color2);
	padding: 20px;
	height: 100%;
	width: 66.6%;
}
#bhv-database2-5868 .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-5868 #remove-param-filter {
	background: none;
	border: none;
	color: var(--remove-param-filter-color, var(--hicolor));
	cursor: pointer;
}
#bhv-database2-5868 #remove-param-filter:hover {
	color: var(--remove-param-filter-hover-color, var(--locolor));
}
#bhv-database2-5868 .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, 3px);
	border-radius: var(--filter-text-content-border-radius, 00px);
	align-items: center;
	cursor: pointer;
	width: 100%;
	box-sizing: border-box;
	margin-block-end: var(--filter-text-content-margin-block-end, 90px);
}
#bhv-database2-5868 .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(--Schema1-color));
}
#bhv-database2-5868 .filter-text-content input[type='text']:focus {
	outline: none;
}
#bhv-database2-5868 .filter-icon {
	display: flex;
	align-items: center;
}
#bhv-database2-5868 .filter-icon i {
	font-size: var(--filter-icon-font-size, 1.5em);
	color: var(--filter-icon-color, var(--hicolor));
	cursor: pointer;
}
#bhv-database2-5868 .filter-icon:hover {
	color: var(--filter-icon-hover-color, var(--hicolor-hover));
}
#bhv-database2-5868 .additional-filters {
	display: flex;
	flex-direction: column;
	gap: var(--additional-filters-gap, 20px);
}
#bhv-database2-5868 .dorpdown-fields {
	display: flex;
	flex-wrap: wrap;
	gap: var(--dorpdown-fields-gap, 20px);
}
#bhv-database2-5868 .filter-text h2 {
	margin: 0;
}
#bhv-database2-5868 .filter-text-content:hover {
	color: var(--filter-text-content-hover-color, var(--hicolor));
}
#bhv-database2-5868 .form-field {
	margin-bottom: var(--form-field-margin-bottom, 20px);
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	flex-direction: row;
}
#bhv-database2-5868 label {
	font-weight: bold;
}
#bhv-database2-5868 .kb-indikator {
	display: flex;
	justify-content: center;
}
#bhv-database2-5868 .search-container {
	width: 80%;
}
#bhv-database2-5868 .search-container input:focus {
	outline: none !important;
}
#bhv-database2-5868 .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-5868 .search-container select:focus {
	outline: none !important;
}
#bhv-database2-5868 div.search-container b , #bhv-database2-5868 div.views b , #bhv-database2-5868 div.sortbuttons b , #bhv-database2-5868 div.filter b {
	display: inline-block;
	width: var(--div-search-container-width, 85px);
}
#bhv-database2-5868 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-5868 div.sortbuttons {
	--x-order: 3;
	display: flex;
	gap: var(--div-sortbuttons-gap, 10px);
}
#bhv-database2-5868 div.sortbuttons span {
	overflow: unset;
	width: fit-content;
	cursor: pointer;
}
#bhv-database2-5868 div.sortbuttons span.asc::after {
	font-family: 'FontAwesome';
	padding-left: var(--div-sortbuttons-span-padding-left, 3px);
	content: '\f0dd';
}
#bhv-database2-5868 div.sortbuttons span.desc::after {
	font-family: 'FontAwesome';
	padding-left: var(--div-sortbuttons-span-padding-left, 3px);
	content: '\f0de';
}
#bhv-database2-5868 div.filter {
	--x-order: 2;
}
#bhv-database2-5868 div.filter > span {
	display: inline-flex;
	width: calc(100% - 90px);
	flex-wrap: wrap;
	gap: var(--div-filter-span-gap, 0 10px);
}
#bhv-database2-5868 div.filter > span > span.br {
	flex-basis: 100%;
	height: 0;
}
#bhv-database2-5868 div.filter > span > span {
	cursor: pointer;
}
#bhv-database2-5868 div.filter input {
	margin-right: var(--div-filter-input-margin-right, 5px);
}
#bhv-database2-5868 .date-filters {
	width: 100%;
}
#bhv-database2-5868 .radio-fields {
	display: flex;
	gap: var(--radio-fields-gap, 10px);
	flex-wrap: wrap;
}
#bhv-database2-5868 .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-5868 .date-filters input[type='radio'] {
	display: none;
}
#bhv-database2-5868 .date-filters label span {
	display: block;
	width: 100%;
	text-align: center;
	padding: var(--date-filters-label-span-padding, 8px);
}
#bhv-database2-5868 .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-5868 .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-5868 .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-5868 .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-5868 .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-5868 .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-5868 .event-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 60px;
	width: 100%;
	justify-items: center;
	align-items: start;
	margin-top: 85px;
}
#bhv-database2-5868 .event-info {
	padding: var(--event-info-padding, 15px);
}
#bhv-database2-5868 .project-title {
	display: inline;
	background-image: linear-gradient(var(--color1) 5px, transparent 5px);
	background-repeat: repeat-x;
	background-position: bottom;
	background-size: calc(100% + 5px) 8px;
	box-decoration-break: clone;
}
#bhv-database2-5868 .cat-text {
	margin: 0;
	margin-block-end: var(--cat-text-margin-block-end, 5px);
	margin-bottom: 20px;
	gap: 8px;
	display: flex;
}
#bhv-database2-5868 .tags {
	background: var(--Kategorie-background, var(--bgcolor2));
	padding: 5px 10px;
}
#bhv-database2-5868 .event-date-time , #bhv-database2-5868 .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-5868 .event-date-time i , #bhv-database2-5868 .location-content i {
	margin-right: var(--event-date-time-i-margin-right, 5px);
	color: var(--event-date-time-i-color, var(--hicolor));
}
#bhv-database2-5868 /* Abwechselnde Reihenfolge: ungerade links-bild / rechts-text , #bhv-database2-5868 gerade rechts-bild / links-text */ .event-card:nth-child(even) {
	flex-direction: row-reverse;
}
#bhv-database2-5868 .event-card:nth-child(odd) {
	flex-direction: row;
}
#bhv-database2-5868 /* Responsive */ @media (max-width: 800px) {
	flex-direction: column;
}
#bhv-database2-5868 .event-image , #bhv-database2-5868 .event-info {
	flex: 1 1 100%;
}
#bhv-database2-5868 .event-image {
	height: 250px;
}
#bhv-database2-5868 .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-5868 .type-label {
	left: var(--type-label-left, 10px);
	background-color: rgba(0, 0, 0, 0.7);
}
#bhv-database2-5868 .status-label {
	right: var(--status-label-right, 10px);
	background-color: rgba(255, 0, 0, 0.7);
}
#bhv-database2-5868 .status-label.available {
	background: rgb(0 118 30 / 70%);
}
#bhv-database2-5868 .hidden {
	display: none;
}
#bhv-database2-5868 .hidden-param {
	display: none;
}
#bhv-database2-5868 .hidden-filter {
	display: none;
}
#bhv-database2-5868 .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-5868 .no-results p {
	margin: var(--no-results-p-margin, 0 0 10px 0);
}
#bhv-database2-5868 .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-5868 .no-results .reset-filters:hover {
	background-color: var(--reset-filters-hover-background-color, var(--locolor));
}
#bhv-database2-5868 .project-card:nth-child(even) {
	flex-direction: initial;
}
@media(max-width: 800px) {
	#galerie-4364 .Titel {
		font-size: 12px;
	}
}

@media(max-width: 500px) {
	#galerie-4364 .outerdiv {
		width: 49.6% !important;
		flex: 0 0 49.6%;
		margin-bottom: .7%;
	}
	#galerie-4364 .outerdiv:nth-child(5n) {
		width: 100% ! important;
		flex: 0 0 100%;
	}
}

@media(max-width: 800px) and (min-width: 501px) {
	#galerie-4364 .outerdiv {
		width: 32.8% !important;
		flex: 0 0 32.8%;
	}
	#galerie-4364 .outerdiv:nth-child(5n) {
		width: 66% ! important;
		flex: 0 0 66%;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#galerie-4364 img {
		-webkit-transform: translate(0%,0%);
		-ms-transform: translate(0%,0%);
		transform: translate(0%,0%);
	}
}

@media (max-width:950px) {
	#bhv-database2-5868 .project-card {
		flex-direction: column;
		gap: 0;
	}
	#bhv-database2-5868 .sonne-klein {
		z-index: 10;
		width: fit-content;
	}
	#bhv-database2-5868 .content-card {
		width: 100%;
	}
}

@media (max-width:800px) {
	#bhv-database2-5868 .event-card {
		max-width: calc(50% - 10px);
	}
}

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

@media (max-width: 1300px) {
	#bhv-database2-5868 .event-cards {
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
		width: 90%;
	}
}
