/* #### EVENT STYLING #### */

/* Bootstrap Icons Copyright

   Copyright 2019-2026 The Bootstrap Authors
   Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)  */


.event-content .content {
	padding-left: 0;
	padding-right: 0;
}

.content.vollebreite2 .container,
.event-content .content .container {
	padding-left: 15px;
}

#map-wrap h2,
#c7806.frame-type-list > h2 {
	font-size: 26px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

#event-header {
	position: relative;
	height: 100vh;
	min-height: 650px;
	max-height: 750px;
	overflow: hidden;
}

.event-list-header {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.event-list-header > div:not(.wrap1),
#event-header .tx-events2,
.event-list-header #events-list,
.event-list-header #event-slider,
.event-list-header #event-detail-stage,
.event-list-header .event-slider,
.event-list-header .flexslider .slides,
.event-list-header .flexslider .slides li {
	width: 100%;
	height: 100%;
}

.event-list-header p.info-box {
	display: none;
}

#event-header .container.wrap1 {
	position: relative;
	z-index: 1020;
}

#event-header .blende2 {
	background-size: cover;
	z-index: 0;
}

#event-header .bgimage {
	position: absolute;
	top: 0;
	left: 0;
}

#event-header .bgimage::before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: "";
	background: url("../Img/layoer_gross.png") repeat-x top;
	background-size: cover;
}

#event-header .bgimage img,
#event-header .flexslider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	object-position: top center;
}

.navbar-default.event-list-nav {
    border: 0;
    background: none;
}

.event-list-header #event-slider {
	height: calc(100% - 170px);
	margin-top: 170px;
}

.event-list-header .flexslider {
	background: #333;
	background-image: url("../Img/event-slider-platzhalter.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}

/*
.event-list-header .flexslider .slides li::before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: "";
	background: url("../Img/layoer_gross.png") repeat-x top;
	background-size: cover;
}*/

.event-slider .overlay {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
	margin: 0 auto;
	padding: 50px 32px 50px;
	z-index: 2;
}

.event-slider .overlay.fallback {
	display: none;
	align-items: flex-end;
	width: 100%;
	height: 100%;
	background:url("../Img/event-slider-fallback-bg.jpg")no-repeat center;
	background-size: cover;
}

.event-slider .overlay.fallback::after {
	opacity: .3;
}

.event-slider.has-no-events .overlay.fallback {
	display: flex;
	
}

#event-detail-stage .event-slider .overlay {
	padding-bottom: 32px;
}

.event-slider .overlay * {
	position: relative;
	z-index: 3;
}

.event-slider .overlay::after {
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	bottom: 0;
	content: "";
	background: rgba(0, 0, 0, 0);
	background: linear-gradient(360deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .0) 100%);
	z-index: 1;
}

.event-slider .overlay .event-title {
	display: block;
	font-size: 40px;
	font-weight: 300;
	margin-top: 16px;
}

.event-slider .overlay .event-title,
.event-slider .overlay p {
	max-width: 850px;
}

.event-list-header .flexslider .slides li::before {
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	bottom: 0;
	content: "";
	background: rgba(0,0,0,.2);
	z-index: 1;
}

.event-slider .overlay p {
	font-size: 18px;
	margin-bottom: 24px;
}

.event-slider .overlay .event-category,
.event-slider .overlay .time {
	font-size: 12px;
	color: #fff;
	padding: 5px 10px;
	border-radius: 4px;
	text-transform: uppercase;
}

.event-category.cat-22 {
	display: none;
}

.event-slider .overlay .event-info {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.event-slider .overlay .time {
	background: rgba(0,0,0,.7);
	margin-bottom: 0;
}

.event-slider .overlay a {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	padding: 10px 20px;
	border-radius: 4px;
    background: var(--hf-color-primary);
}

.event-slider .overlay a:hover {
	color: #333;
    background: #fff;
}

.event-heading h1 {
    color: var(--hf-color-primary);
    margin-top: 24px;
    padding-top: 10px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
	margin-top: 0;
}

#events-filter {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: var(--hf-color-primary);
	padding: 24px 64px 24px;
	margin-top: 32px;
	column-gap: 48px;
	z-index: 4;
}

#events-filter p {
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 15px;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
	background: var(--hf-color-primary);
	border: 1px solid var(--hf-color-primary); 
}

#events-filter .filter-group {
	position: relative;
	width: calc(33.3333% - 32px);
}

#events-filter input,
#events-filter select {
	min-height: 50px;
	width: 330px;
	width: 100%;
	color: #333;
	font-weight: bold;
	border: 0;
	border-radius: 4px;
	background-color: #fff;
	padding: 0 48px 0 24px;
}

#events-filter #filter-range,
#events-filter select {
	background-repeat: no-repeat;
	background-position: calc(100% - 15px) center;
	background-size: 20px auto;
	-webkit-appearance: none;
	appearance: none;
}

#events-filter #filter-range {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23333333' class='bi bi-calendar-week' viewBox='0 0 16 16'%3E%3Cpath d='M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/%3E%3C/svg%3E");
}

#events-filter select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23333333' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
}

#events-filter select:active,
#events-filter select:focus {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23333333' class='bi bi-chevron-up' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z'/%3E%3C/svg%3E");
}

#events-filter ::placholder {
	color: #333;
	font-weight: bold;
}

#events-filter #event-search-form {
	margin-bottom: 0;
}

#events-filter button {
	background: none;
	border: 0;
}

#events-filter #search-submit {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 46px;
	height: 46px;
}

#events-filter #search-submit img {
	width: 24px;
	height: auto;
}

#events-filter .filter-clear {
	position: absolute;
	display: none;
	top: 2px;
	right: 2px;
	background: #fff;
	width: 46px;
	height: 46px;
}

#events-filter .filter-field.has-value .filter-clear {
    display: block;
}

#events-filter + .info-box {
	margin-top: 20px
}

.events-container ul {
	padding: 0;
	list-style: none;
}

.events-container .no-events {
    display: none;
	margin-top: 32px;
	font-weight: bold;
}

.events-container .no-events.show {
    display: block;
}

.events-container ul li h2 {
	font-size: 36px;
	color: #333;
	font-weight: bold;
	text-transform: uppercase !important;
	margin-top: 36px;
	margin-bottom: 0;
}

.event-item {
	position: relative;
	border: 0;
	border-bottom: 1px solid #d7d7d7;
	margin: 0;
	padding: 40px 0;
	overflow: hidden;
}

#events-bookmarks {
	margin-top: -30px;
}

/*
#events-bookmarks .event-item.event-cancelled {
	display: none !important;
}*/

#events-list .hidden-event,
#events-list .hidden-month {
    display: none;
}

.event-item a {
	display: block;
	color: #333 !important;
	text-decoration: none !important;
}

.event-item .event-item-inner {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 20px;
}

.event-item  .event-left {
	display: flex;
	width: 35%;
	gap: 20px;
}

.event-item .event-item-inner .exception,
#event-slider .exception {
    position: absolute;
    min-width: 250px;
    right: -60px;
    bottom: 40px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    padding: 7px 10px;
    background: #333;
    transform: rotate(-45deg);
    z-index: 3;
}

.event-item .event-item-inner .exception.cancelled,
#event-slider .exception.cancelled,
.event-item .event-item-inner .exception.sold-out,
#event-slider .exception.sold-out {
    background: #eb0f0f;
}

.exception {
    background: #eb0f0f;
}

#event-slider {
	overflow: hidden;
}

/*
.event-content .info-box {
	display: none;
}
.events-container .info-box {
	display: none;
}*/

.event-item .event-time {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	min-width: 125px;
	color: #333;
	background: #eeeeee;
	padding: 5px;
	transition: all 400ms ease 0ms;
}

.event-item a:not(.link-exception):hover .event-time {
	color: #fff;
	background: var(--hf-color-primary);
}

.event-item[data-category="cat-13"] a:not(.link-exception):hover .event-time {
	background: #28AB7C;
}

.event-item[data-category="cat-14"] a:not(.link-exception):hover .event-time {
	background: #F5821F;
}

.event-item[data-category="cat-15"] a:not(.link-exception):hover .event-time {
	background: #009DDC;
}

.event-item[data-category="cat-16"] a:not(.link-exception):hover .event-time {
	background: #61BB46;
}

.event-item[data-category="cat-17"] a:not(.link-exception):hover .event-time {
	background: #FDB827;
}

.event-item[data-category="cat-18"] a:not(.link-exception):hover .event-time {
	background: #41b5c8;
}

.event-item[data-category="cat-19"] a:not(.link-exception):hover .event-time {
	background: #963D97;
}

.event-item[data-category="cat-20"] a:not(.link-exception):hover .event-time {
	background: #E03A3E;
}

.event-item .event-time span {
	width: 100%;
	display: block;
	text-align: center;
}

.event-item .event-time span.day-date,
.event-item .event-time span.day-full,
.event-item .event-time span.month {
	font-weight: bold;
}

.event-item .event-time span.day-date {
	font-size: 36px;
    line-height: 1.2;
}

.event-item .event-time span.day-full,
.event-item .event-time span.month {
	font-size: 14px;
	text-transform: uppercase;
}

.event-item .event-time span.day-time {
	font-size: 12px;
}

.event-item .img-wrap {
	position: relative;
	aspect-ratio: 16/9;
	overflow: hidden;
}

.event-item .img-wrap .event-category {
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 10px;
}

.event-category.cat-13 {
	background: #28AB7C;
}

.event-category.cat-14 {
	background: #F5821F;
}

.event-category.cat-15 {
	background: #009DDC;
}

.event-category.cat-16 {
	background: #61BB46;
}

.event-category.cat-17 {
	background: #FDB827;
}

.event-category.cat-18 {
	background: #41b5c8;
}

.event-category.cat-19 {
	background: #963D97;
}

.event-category.cat-20 {
	background: #E03A3E;
}

.event-item .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 800ms ease 0ms;
}

.event-item .event-info {
	width: calc(65% - 40px);
	padding-top: 10px;
	padding-right: 15px;
}

.event-item .event-info .media-heading {
	font-size: 24px;
	color: var(--hf-color-primary);
	margin-bottom: 8px;
}

.event-info .time {
	display: flex;
	font-weight: bold;
	margin-bottom: 8px;
	gap: 8px;
}

.event-info .time .separator {
	display: inline-block;
	font-weight: 400;
	transform: translateY(-1px);
	margin-right: 8px;
}

.event-info .time .organizer {
	text-transform: none;
}

.event-item .event-info .details {
	display: inline-flex;
	align-items: center;
	font-weight: bold;
	gap: 10px;
	color: var(--hf-color-primary);
	margin-top: 8px;
	transition: all 400ms ease 0ms;
}

.event-item a .event-info .details svg {
	transition: all 400ms ease 0ms;
}

.event-item a:not(.link-exception):hover .event-info .details svg {
	transform: translateX(8px);
}

#more-events-container {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 260px;
	margin-top: -260px;
	background: #ffffff;
	background: -webkit-linear-gradient(360deg, rgba(255,255,255, 1) 40%, rgba(255, 255, 255, 0) 100%);
	background: -moz-linear-gradient(360deg, rgba(255,255,255, 1) 40%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(360deg, rgba(255,255,255, 1) 40%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#062644", endColorstr="#FFFFFF", GradientType=0);
	z-index: 1;
}

#events-bookmarks .event-item,
#events-bookmarks .month-headline {
	display: none;
}

#events-bookmarks .event-item.visible {
	display: block;
}

#events-bookmarks .no-events {
    display: list-item;
}

#events-bookmarks .event-item {
    display: none;
}

#events-bookmarks #more-events-container {
    display: none;
}

#events-bookmarks .event-item.visible {
    display: list-item;
}

.seite-1262 .info-box {
	display: none;
}

#event-detail h1 {
	margin-top: 0;
}

.hard-facts {
	padding: 32px;
	background: #f0f0f0;
}

.hard-facts .lead {
	font-size: 18px;
	font-weight: bold;
}

.hard-facts dt {
	font-weight: 400;
	text-transform: uppercase;
	color: var(--hf-color-primary);
}

.hard-facts dd a {
	color: #333 !important;
}

.hard-facts dd a:hover {
	color: var(--hf-color-primary) !important;
}

.hard-facts .exception {
	display: inline-flex;
	align-items: center;
	color: #fff;
	gap: 8px;
	padding: 8px;
}

.hard-facts hr {
	opacity: 1;
	border-top: 1px solid #ccc; 
}

.hard-facts #more-dates-list dt,
.hard-facts #more-dates-list span,
.hard-facts #more-dates-list br {
	display: none;
}

.hard-facts #more-dates-list dl {
	margin-bottom: 5px;
}

.hard-facts #more-dates {
	display: none;
}

.hard-facts #more-dates.is-visible {
    display: block;
}

.youtube-link,
.download-link,
.event-ticket-link,
.map-link,
.event-location-link {
	display: flex;
	gap: 6px;
	align-items: center;
}

.event-location-link svg {
	transform: translateY(-1px);
}

.event-downloads ul {
	padding: 0;
	list-style: none;
}

.event-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 20px auto 30px;
}

.event-actions .btn {
	display: flex;
	width: 100%;
	min-height: 40px;
	align-items: center;
	justify-content: center;
	gap: 7px;
    margin-bottom: 10px;
}

.event-actions .btn:hover,
.event-actions .btn:focus,
.event-actions .btn:active {
	color: #fff;
	background: var(--hf-color-primary) !important;
}

.event-actions #event-bookmark {
	display: none;
}

.event-actions #event-bookmark.visible {
	display: flex;
}

.event-actions .btn:hover svg,
.event-actions .btn:active svg,
.event-actions .btn:focus svg {
	-ms-fill: #fff;
	fill: #fff;
}

.event-actions .event-bookmark #active,
.event-actions .event-bookmark.active #not-active {
	display: none;	
}

.event-actions .event-bookmark #not-active,
.event-actions .event-bookmark.active #active {
	display: block;	
}

#bookmark-list-link {
	display: none;
}

#bookmark-list-link.active {
	display: block;
	margin-top: -20px;
	margin-bottom: 30px;
}

.action-grid {
    display: flex;
	flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
}

.action-tile {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 120px;
	padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff;
    color: #333 !important;
    text-decoration: none;
    transition: .2s;
}

.action-tile.share-link {
	width: calc(33.333% - 12px);
}

.action-tile svg,
.action-tile img {
	width: 32px;
	height: auto;
    margin-bottom: 10px;
}

.action-tile:hover {
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
}

.calendar-icon-wrap {
	position: relative;
}

.calendar-icon-wrap .calendar-number {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	font-size: 12px;
    font-weight: 700;
    color: #fff;
    margin: -4px auto 0;
	text-align: center;
	transform: translateY(-50%);
}

.share-whatsapp {
    color: #25D366;
}

.share-facebook {
    color: #1877F2;
}

.share-mail {
    color: #555;
}

.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
	background: #f0f0f0;
	box-shadow: unset;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #f0f0f0;
}

.copy-group {
    position: relative;
}

.copy-group input {
    padding-right: 140px; 
    height: 56px;
    cursor: text;
}

.copy-group .share-copy {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    height: 36px;
    border-radius: 4px;
	border: 0 !important;
	background: var(--hf-color-primary) !important;
    white-space: nowrap;
}

.modal-dialog {
	width: calc(100% - 30px) !important;
	max-width: 600px !important;
    margin: 10vh auto;
}

.modal-header {
	padding-right: 40px;
}

.modal-header .close {
	position: absolute;
	right: 15px;
	top: 12px;
	width: 32px;
	height: 32px;
	padding: 0;
	opacity: 1 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23333333' class='bi bi-x-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 75% auto;
}

.powermail_fieldwrap_type_text {
	width: 98%;
	font-size: 20px;
	font-weight: 600;
}

.powermail_fieldwrap_e_mail_adressedesempfaengers,
.powermail_fieldwrap_e_mail_adressedesempfaengers input,
.powermail_fieldwrap_message,
.powermail_fieldwrap_message textarea,
.powermail_fieldwrap_type_check,
.powermail_fieldwrap_type_content,
.powermail_fieldwrap_type_captcha {
	width: 98%;
}

.powermail_fieldwrap_message textarea {
	min-height: 220px;
}

#map-wrap {
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
}

#maphome {
	position: relative;
	width: 100%;
	height: 600px;
}

#maphome #map-legend {
	position: absolute;
	display: flex;
	align-items: center;
	bottom: 32px;
	left: 32px;
	background: #fff;
	padding: 10px;
	z-index: 401;
}

#maphome #map-legend ul,
#maphome #map-legend ul li {
	display: flex;
	align-items: center;
}

#maphome #map-legend ul li {
	gap: 10px;
	font-weight: 600;
}

#maphome #map-legend ul {
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 24px;
}

#maphome .leaflet-bar a, #maphome .leaflet-bar a:hover {
	color: #fff;
	background: var(--hf-color-primary);
	border: 0;
}

.event-marker {
	width: 40px;
	height: 40px;
	background: var(--hf-color-primary);
	border-radius: 40px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-geo-alt-fill' viewBox='0 0 16 16'%3E%3Cpath d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: center;
}

@keyframes markerPulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0,0,0, .75);
    }
    40% {
        transform: scale(1.08);
    }
    70% {
        box-shadow: 0 0 0 16px rgba(0,0,0, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0,0,0, 0);
    }
}

.event-marker.meeting {
	background-color: #786254;
}

.leaflet-map-pane .event-marker.active {
    animation: markerPulse 1.6s ease-out infinite;
    transform-origin: center;
}

.event-location-link {
	margin-bottom: 10px;
}

.map-link {
	display: none; /* Entfernen wenn Links zur Karte doch gewollt */
}

.btn.btn-outline {
	display: inline-flex;
	align-items: center;
	gap: 20px;
	text-transform: uppercase;
	color: #333 !important;
	border: 2px solid #333;
	border-radius: 4px;
	text-decoration: none;
	padding: 10px 24px;
	background: transparent;
}

.btn.btn-outline:hover,
.btn.btn-outline:focus,
.btn.btn-outline:active {
	color: #fff !important;
	border-color: var(--hf-color-primary);
	background: var(--hf-color-primary);
}

.btn.btn-outline:hover svg,
.btn.btn-outline:focus svg,
.btn.btn-outline:active svg {
	-ms-fill: #fff;
	fill: #fff;
}

.back-link {
	margin-top: 20px;
	margin-bottom: 64px;
}

/* FE-Login & FE-Formular Events */

.frame-type-felogin_login fieldset {
	position: relative;
	max-width: 500px;
	background: #f0f0f0;
    padding: 60px 40px 30px;
	margin-top: 30px;
}

.frame-type-felogin_login fieldset legend {
	position: absolute;
	top: 15px;
	border: 0;
	left: 40px;
}

.frame-type-felogin_login label,
.frame-type-felogin_login input:not([type="submit"]) {
	display: block;
	width: 100%;
	font-weight: 300;
}

.frame-type-felogin_login input {
	border: 1px solid #d7d7d7;
    padding: 12px;
	margin: 5px 0 10px;
}

.frame-type-felogin_login input[type="submit"] {
	color: #fff;
	background: #3a8340;
	text-transform: uppercase;
	padding: 5px 20px;
}
.seite-1263 .info-box a[title="Neue Veranstaltung anlegen"] {
	display: inline-block;
	color: #fff;
	background: #3a8340;
	text-transform: uppercase;
	text-decoration: none! important;
	padding: 10px 20px;
	margin-bottom: 20px;
}

.seite-1263 .list.scroll-container ul {
	padding-left: 0;
	list-style: none;
}

.seite-1263 .list.scroll-container ul::before {
	content: "Veranstaltungen bearbeiten";
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

#newEvent {
	max-width: 600px;
}

#newEvent textarea.xxlarge {
	min-height: 120px;
}

#newEvent .btn-primary {
	background: #3a8340;
	border-radius: 0 !important;
}

#newEvent label[for="newEvent-image-2"],
#newEvent label[for="newEvent-image-2-copyright"],
#newEvent label[for="newEvent-image-2-alt-text"],
#newEvent label[for="newEvent-image-2-license"],
#newEvent label[for="newEvent-image-2"] + .input,
#newEvent label[for="newEvent-image-2-copyright"] + .input,
#newEvent label[for="newEvent-image-2-alt-text"] + .input,
#newEvent label[for="newEvent-image-2-license"] + .input {
	display: none;
}

/* ODP Anpassungen */
#page1277 #events-filter {
    --hf-color-primary: #17ae8e;
}

#page1277 h1 {
	font-size: 32px;
	color: #000;
}

#page1277 p {
	font-size: 16px;
}

#page1277 .events-container {
	max-width: 1200px;
	font-size: 16px;
	margin: 0 auto;
	padding: 0 15px;
}

#page1277 .events-container li {
	background-image: none;
	padding-left: 0;
}

#page1277 #events-filter #event-search-form {
    margin-top: 0;
}

#page1277 .btn.btn-outline:hover, #page1277 .btn.btn-outline:focus, #page1277 .btn.btn-outline:active {
    --hf-color-primary: #17ae8e;
}

#page1277 #more-events-container {
    align-items: flex-start;
}

@media screen and (min-width: 768px) {
	.event-item .event-info {
		padding-left: 28px;
	}
	.event-item:hover .img-wrap img {
		transform: scale(1.05);
	}
    .copy-group {
        flex-direction: column;
    }
}

@media screen and (min-width: 1025px) {
	body.seite-1261,
	body.seite-1264 {
		overflow: unset;
	}
	#events-filter {
		position: sticky;
		top: -48px;
	}
}

@media screen and (max-width: 1280px) {
	#events-filter {
		padding: 24px 24px;
	}
	.event-slider .overlay .event-title {
		font-size: 40px;
	}
}

@media screen and (max-width: 1199px) {
	.event-slider .overlay .event-title {
		font-size: 32px;
	}
	#events-filter {
		column-gap: 24px;
	}
	#events-filter .filter-group {
		width: calc(33.3333% - 16px);
	}
	.event-item .event-time span.day-date {
		font-size: 32px;
	}
	.event-item .img-wrap .event-category {
		font-size: 11px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 576px) {
	.event-item .event-time {
		display: none;
	}
}
@media screen and (max-width: 1024px) {
	#event-header {
		height: calc(100vw * 9 / 16 + 110px);
		min-height: unset;
		max-height: unset;
	}
	
	.event-list-header #event-slider {
		height: calc(100vw * 9 / 16);
		margin-top: 110px;
	}
	.powermail_fieldwrap_type_text,
	.powermail_fieldwrap_e_mail_adressedesempfaengers,
	.powermail_fieldwrap_e_mail_adressedesempfaengers input,
	.powermail_fieldwrap_message,
	.powermail_fieldwrap_message textarea,
	.powermail_fieldwrap_type_check,
	.powermail_fieldwrap_type_content,
	.powermail_fieldwrap_type_captcha {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	/*#event-header, .event-list-header > div:not(.wrap1), #event-header .tx-events2, .event-list-header #events-list, .event-list-header #event-slider, .event-list-header .event-slider, .event-list-header .flexslider .slides, .event-list-header .flexslider .slides li {
		min-height: 350px;
	}*/
	.event-slider .overlay {
		padding: 15px 15px 30px 15px;
	}
	#event-detail-stage .event-slider .overlay {
		padding-bottom: 15px;
	}
	.event-slider .overlay .event-title {
		font-size: 28px;
	}
	#events-filter {
		column-gap: 24px;
	}
	#events-filter .filter-group {
        width: calc(50% - 12px);
    }
	#events-filter .filter-group.search-group {
        width: 100%;
		margin-top: 24px;
    }
	.text-col, .hard-facts {
		margin-bottom: 30px;
	}
	.hard-facts {
		padding: 15px;
	}
	.modal-dialog {
        position: absolute;
        width: 100%;
		max-height: 80vh;
		top: 10vh;
		left: 0;
		right: 0;
        margin: 0 auto;
		overflow-y: auto;
    }
    .modal-content {
        border-radius: 12px 12px 0 0;
    }
    .action-tile {
        width: calc(100% - 16px);
    }
}
@media screen and (max-width: 575px) {
	#map-wrap h2, #c7806.frame-type-list > h2 {
		font-size: 24px;
	}
	.event-slider .overlay .event-title {
		font-size: 24px;
	}
	.event-slider .overlay .event-category, .event-slider .overlay .time {
		font-size: 12px;
	}
	.event-slider .overlay a {
		font-size: 14px;
		padding: 6px 13px;
	}
	#event-detail-stage .overlay {
		display: none;
	}
	.event-list-header #event-detail-stage .flexslider .slides li::before {
		display: none;
	}
	.seite-1262 .mainlinks {
		display: none;
	}
    #events-filter {
        padding: 15px;
    }
	#events-filter p {
		margin-bottom: 0;
	}
	#events-filter .filter-group {
        width: 100% !important;
		margin-top: 15px !important;
    }
	.event-item .event-left,
	.event-item .event-info {
		width: 100%;
	}
	.event-item .event-left {
		gap: 15px;
	}
	.event-item .event-time {
		min-width: 100px;
		padding: 10px;
	}
	.event-item .event-time span.day-date {
		font-size: 28px;
	}
	.event-item .event-time span.month {
		font-size: 12px;
	}
	.event-item .event-time span.day-full {
		font-size: 11px;
	}
	.event-item .event-time span.day-time {
		font-size: 10px;
	}
	.event-item .event-info .time .separator {
		display: none;
	}
	.event-item .event-info .time,
	.event-item .event-info .time .organizer {
		display: block;
	}
	
	.event-item .img-wrap {
		width: calc(100vw - 145px);
		height: calc((100vw - 145px) * 9 / 16);
	}
	
	.action-tile.share-link {
		width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.event-marker {
		width: 32px;
		height: 32px;
		border-radius: 32px;
		background-size: 14px auto;
	}
	#maphome #map-legend ul li {
		font-size: 14px;
	}
}

@media screen and (max-width: 460px) {
	.event-slider .overlay .event-category,
	.event-slider .overlay p {
		display: none;
	}
	.event-slider .overlay .event-category, .event-slider .overlay .time {
        font-size: 10px;
    }
	.event-slider .overlay .event-title {
        font-size: 20px;
		margin-top: 10px;
		margin-bottom: 15px;
    }
	#event-detail-stage .event-slider .overlay .event-title {
		margin-bottom: 0;
	}
	.event-actions {
		display: block;
	}
	#maphome #map-legend {
		left: 15px;
		bottom: 15px;
	}
	#maphome #map-legend ul {
		display: block;
	}
	#maphome #map-legend ul li:not(:first-child) {
		margin-top: 8px;
	}
}

@media screen and (max-width: 400px) {
	.event-item .event-time {
		position: absolute;
		top: 20px;
		left: 15px;
		box-shadow: 0 30px 20px 0 rgba(0,0,0,.3);
		z-index: 1;
	}
	.event-item .event-time::before {
		position: absolute;
		content: ""; 
		top: 0;
		right: -10px;
		width: 0; height: 0;
	    border-style: solid;
	    border-width: 0px 10px 20px 0px;
	    border-color: transparent transparent #ddd transparent;
	    transform: rotate(0deg);
	}
	.event-item .img-wrap {
		width: calc(100vw - 30px);
		height: calc((100vw - 30px) * 9 / 16);
	}
}