/*!
Theme Name: FiZ Leipzig
Theme URI: https://them.es/starter
Author: SebastianSinger
Author URI: https://them.es/
Description: 
Version: 3.6.1
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: fiz-leipzig-theme
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/build/main.css" */

/* From http://codex.wordpress.org/CSS */

/* CRITICALCSS */

:root {
	--fiz-font-color: #1F2937;
	--fiz-primary-color: #e60060;
	--fiz-secondary-color: #29235c;
	--fiz-secondary-color-50: rgba(41, 35, 92, 0.5);
	--fiz-secondary-color-10: #EAE9EF;
	--fiz-plagwitz-color: #a44392;
	--fiz-plagwitz-color-10: #FAF4F9;
	--fiz-mockau-color: #f59b15;
	--fiz-mockau-color-10: rgb(245, 155, 21, 0.1);
	--fiz-paunsdorf-color: #2f52a0;
	--fiz-paunsdorf-color-10: #F3F5FB;
	--fiz-thekla-color: #00b5c6;
	--fiz-thekla-color-10: #E6F7F9;
	--fiz-gruenau-color: #83bb26;
	--fiz-gruenau-color-10: #F2F8E9;

	--fiz-font-size-small: 1.15rem;

	--fiz-border-radius: 16px 16px 16px 0px;
	--tec-font-family-sans-serif: 'Barlow', Arial, sans-serif !important;
}

@font-face {
	font-family: 'Winky Sans';
	src: url('assets/fonts/Winky_Sans/WinkySans-VariableFont_wght.ttf') format('truetype');
	font-weight: 100 900;
	/* Range der Variable Font */
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Caveat';
	src: url('assets/fonts/Caveat/Caveat-VariableFont_wght.ttf') format('truetype');
	font-weight: 100 900;
	/* Range der Variable Font */
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Barlow';
	src: url('assets/fonts/Barlow/Barlow-Regular.ttf') format('truetype');
	font-weight: 400;
	/* Range der Variable Font */
	font-style: normal;
	font-display: swap;
}

body {
	font-family: 'Barlow', sans-serif !important;
	font-size: 1.2rem !important;
	color: var(--fiz-font-color) !important;
}

.font-smaller {
	font-size: 1.1rem !important;
}

.accordion-header button {
	font-size: 1.2rem !important;
}

.accordion-body {
	font-size: 1.1rem;
}

.tribe-events * {
	font-family: 'Barlow', sans-serif !important;
	font-size: 1.2rem !important;
}

.map-box p {
	height: 100%;
}

h1,
h2,
h2 a,
h3 {
	font-family: 'Winky Sans', sans-serif;
}


h1.custom-event-single-title {
	font-size: 2.6rem;
}

.look-h2,
h2 {
	font-size: 2rem !important;
}


.look-h3,
h3 {
	font-size: 1.4rem !important;
}

.primary-color {
	color: var(--fiz-primary-color) !important;
}

.secondary-color {
	color: var(--fiz-secondary-color) !important;
}

a.primary-link {
	color: var(--fiz-primary-color) !important;
}

.social-icon {
	font-size: 32px;
}

.ev-label {
	background: var(--fiz-secondary-color-10);
	border-radius: 4px;
	padding: 0.25rem 0.75rem !important;
	color: var(--fiz-secondary-color);
	border: 1px solid var(--fiz-secondary-color-10);
	font-size: 1.1rem !important;
}

.spenden-btn-header {
	background: var(--fiz-primary-color);
	color: #FFF;
	border-radius: 8px;
}

.spenden-btn-header a {
	color: #FFF;
}

.bgc-secondary {
	background-color: var(--fiz-secondary-color);
}

.segment-with-bgc,
#header-container {
	background: linear-gradient(187deg, rgba(42, 35, 92, 0.05) 5%, rgba(42, 35, 92, 0) 100%);
}

.kachel {
	border-radius: var(--fiz-border-radius) !important;
	overflow: hidden;
}

.font-highlight {
	font-family: 'Caveat';
	font-weight: bold;
	font-size: 3.6rem !important;
	line-height: 1.1;
	color: var(--fiz-primary-color);
}

#header-swiper h1 {
	font-family: 'Caveat';
	font-weight: bold;
	font-size: 5.8rem;
	line-height: 1;
	color: var(--fiz-primary-color);
}

#header-swiper .sub-text {
	font-family: 'Barlow', sans-serif !important;
	font-size: 1.3rem;
	color: var(--fiz-secondary-color);
	line-height: 1.4;
}

.navbar-brand img {
	height: 90px !important;
}

.bg-white {
	background: #FFF;
}

.color-white {
	color: #FFF;
}

.primary-box {
	background: var(--fiz-primary-color);
	border-bottom-left-radius: 15px 255px;
	border-bottom-right-radius: 225px 15px;
	border-style: solid;
	border-top-left-radius: 255px 15px;
	border-top-right-radius: 15px 225px;
	border-width: 3px;
	border-color: var(--fiz-primary-color);
}

.sidebar-button,
.button-default,
.btn-primary {
	border: 2px solid var(--fiz-primary-color);
	font-weight: bold;
	color: var(--fiz-primary-color);
	padding: 0.25rem 0.75rem;
	text-align: center;
	border-radius: 4px;
	transition: all .15s ease-in-out;
	cursor: pointer;
}

.btn-white {
	border: 2px solid #FFF;
	font-weight: bold;
	color: #FFF;
	padding: 0.25rem 0.75rem;
	text-align: center;
	border-radius: 4px;
	transition: all .15s ease-in-out;
	cursor: pointer;
}

.sidebar-button:hover,
.btn-primary:hover,
.button-default:hover {
	color: #FFF;
	background-color: var(--fiz-primary-color);
}

.btn-primary.btn-smaller {
	font-size: 1.1rem;
}

.sidebar-button {
	text-align: left;
	border-width: 3px;
	padding: 0.75rem 1.5rem;
	border-radius: 8px 8px 8px 0px;
}

.sidebar-button:hover svg {
	fill: #FFF;
}


#fiz-main-menu {
	background-color: var(--fiz-secondary-color);
}

#main {
	margin-top: 0px !important;
}

.main-sub-menu-container {
	position: absolute;
	z-index: 1;
	width: 100%;
	left: 0;
	margin: 0;
	height: 0;
	background-color: var(--color-green);
	overflow: hidden;
	display: none;
	transition: background-color .15s ease-in-out;
}

#menu-hauptmenue-fiz-1,
#menu-hauptmenue-fiz-2 {
	position: relative;
}

#menu-hauptmenue-fiz-1>li,
#menu-hauptmenue-fiz-2>li {
	padding: 0.75rem 1.5rem;
	transition: all 0.15s ease-in-out;
}

#menu-hauptmenue-fiz-1 li:hover,
#menu-hauptmenue-fiz-2 li:hover {
	background-color: var(--fiz-primary-color);
}

#menu-hauptmenue-fiz-1 li a,
#menu-hauptmenue-fiz-2 li a {
	font-family: 'Winky Sans';
	color: #FFF;
	font-size: 24px;
	font-weight: 400;
}

#menu-hauptmenue-fiz-1 .dropdown-menu,
#menu-hauptmenue-fiz-2 .dropdown-menu {
	visibility: hidden;
	opacity: 0;
	display: flex;
	list-style: none;
	background: #f9f9f9;
	margin: 0;
	padding: 0px;
	transition: opacity .2s ease;
	position: absolute;
	left: 0;
	background-color: var(--fiz-primary-color);
	box-shadow: none;
	border: none;
	border-radius: 0px;
	display: flex;
	flex-direction: column;
	min-width: inherit;
}

#menu-hauptmenue-fiz-1 .dropdown-menu li,
#menu-hauptmenue-fiz-2 .dropdown-menu li {
	padding: 0px !important;
	border-bottom: 1px dashed rgba(255, 255, 255, 0.55);
	margin-bottom: 0px;

}

#menu-hauptmenue-fiz-1 .dropdown-menu li:last-child,
#menu-hauptmenue-fiz .dropdown-menu li:last-child {
	border: none !important;
}

#menu-hauptmenue-fiz-1 .dropdown-menu a,
#menu-hauptmenue-fiz-2 .dropdown-menu a {
	text-decoration: none;
	color: #FFF;
	font-size: 20px;
	padding: 0.75rem 1.5rem;
}

#menu-hauptmenue-fiz-1 .dropdown-menu a:hover,
#menu-hauptmenue-fiz-2 .dropdown-menu a:hover {
	text-decoration: none;
	color: #FFF;
	font-size: 20px;
}

/* Hover aktiviert Untermenü */
#menu-hauptmenue-fiz-1 .dropdown:hover .dropdown-menu,
#menu-hauptmenue-fiz-2 .dropdown:hover .dropdown-menu {
	visibility: visible;
	opacity: 1;
	position: absolute;
	top: 76px;
	/* Positionierung direkt unter der Hauptleiste */
}

#menu-hauptmenue-fiz-1 .dropdown:hover .main-sub-menu-container,
#menu-hauptmenue-fiz-2 .dropdown:hover .main-sub-menu-container {
	visibility: visible;
	opacity: 1;
	position: absolute;
	background-color: var(--fiz-primary-color);
	top: 76px;
	/* Positionierung direkt unter der Hauptleiste */
}

.dropdown-item:focus,
.dropdown-item:hover {
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.1) !important;
}


.dropdown-item.active {
	background: var(--fiz-secondary-color) !important;
}


#header-swiper {
	height: 60vh;
}

#header-swiper .swiper-container,
#header-swiper .swiper-wrapper,
#header-swiper .swiper-slide {
	height: 100%;
}

.swiper-container {
	overflow: hidden;
}

.primary-content-box {
	background: var(--fiz-secondary-color) !important;
	border-radius: var(--fiz-border-radius);
}

.primary-content-box h2 {
	font-family: 'Winky Sans';
	font-size: 26px;
}

.primary-content-box .image-container {
	position: relative;
}

.primary-content-box .image-container img {
	filter: opacity(0.85);
}

.primary-content-box .image-container::after {
	content: "";
	width: 100%;
	height: 15px;
	background: url('assets/images/borders/streifen.png');
	position: absolute;
	bottom: -1px;
	left: 0px;
	z-index: 2;
}

.primary-content-box .image-container::before {
	content: "";
	width: 100%;
	height: 15px;
	background: url('assets/images/borders/streifen.png');
	transform: rotate(180deg);
	position: absolute;
	left: 0px;
	top: -1px;
	z-index: 2;
}

.primary-content-box p.color-white {
	color: rgba(255, 255, 255, 0.85);
}

.primary-content-box .link-box {
	border-top: 1px dashed #FFF;
	padding: 1.5rem 3rem;
}

.primary-content-box .link-box a {
	color: #FFF;
	font-weight: bold;
	transition: all 0.15s ease-in-out;
}

.primary-content-box .link-box:hover {
	background-color: var(--fiz-primary-color);
	border-radius: 0px 0px 16px 0px;
}

.main-project-box img {
	border-radius: var(--fiz-border-radius);
}


.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

dd {
	margin-bottom: .25rem !important;
}

.wp-caption {
	max-width: 96%;
	/* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.bypostauthor {
	font-weight: bold;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

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

.event-list-next li {
	border-bottom: 1px dashed var(--fiz-secondary-color);
}

.event-list-next li:nth-child(even) {
	/*background: var(--fiz-secondary-color-10); */
}

.event-list-next .ev-label,
.download-row .ev-label,
.tribe-events-calendar-list__event-row:nth-child(odd) .ev-label {
	border: 1px solid #29235c33 !important;
}

.event-list-next li:last-child {
	border-bottom: none !important;
}

.border-right {
	border-right: 1px dashed var(--fiz-secondary-color);
}

.border-top-btn {
	border-top: 1px dashed #FFF !important;
}

.familienzentren-liste {
	list-style: none;
	padding: 0px;
}

.familienzentren-liste li a {
	color: var(--fiz-secondary-color);
}

.fz-image svg {
	width: 95px;
}

.bottom-section {
	background: var(--fiz-secondary-color-10);
}

.news-box-new {
	background: var(--fiz-secondary-color);
	border-radius: var(--fiz-border-radius);
	overflow: hidden;
	height: 100%;
	transition: all 0.15 ease-in-out;
}

.news-box-new:hover img {
	filter: opacity(1) !important;
}

.news-box-new:hover .link-box {
	background: var(--fiz-primary-color);
}

.news-box-new .link-box a {
	color: #FFF !important;
}

.news-box-new:hover .link-box a {
	font-weight: bold;
}

.news-box-new .image-container {
	position: relative;
}

.news-box-new .image-container::after {
	content: "";
	width: 100%;
	height: 15px;
	background: url('assets/images/borders/streifen.png');
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	bottom: -2px;
	z-index: 2;
}


.news-box-new img {
	filter: opacity(0.85);
}

#news-swiper .swiper-wrapper {
	align-items: stretch;
}

#news-swiper .swiper-slide {
	height: auto !important;
	display: flex;
}

#footer {
	/*background: var(--fiz-secondary-color) !important; */
	color: #FFF;
	text-align: center;
	position: relative;
}

#footer .main-footer-content {
	background: var(--fiz-secondary-color) !important;
}

.footer-wave {
	width: 100%;
	max-height: 100px;
	overflow: hidden;
	line-height: 0;
	position: relative;
	background-color: var(--fiz-secondary-color-10);
}

.footer-wave svg {
	width: 100%;
	height: 100px;
	/* feste Max-Höhe */
	display: block;
}

.header-wave {
	width: 100%;
	max-height: 100px;
	overflow: hidden;
	line-height: 0;
	position: relative;
	top: 0px
}

.header-wave svg {
	width: 100%;
	height: 100px;
	/* feste Max-Höhe */
	display: block;
}

.icon-wrapper {
	margin-right: 1.25rem;
}

.icon-wrapper svg {
	fill: var(--fiz-primary-color);
	color: var(--fiz-primary-color);
}

.sidebar-container {
	background-color: var(--fiz-secondary-color-10);
	border-radius: var(--fiz-border-radius);
}

.sidebar-image {
	border-radius: var(--fiz-border-radius);
	overflow: hidden;
}

.single-tribe_event_series .tribe-events-view {
	display: none;
}

.termin-vorschau .termin-vorschau-box {
	padding: 0.75rem 1.5rem;
	border-bottom: 1px dashed var(--fiz-secondary-color);
}

.termin-vorschau .termin-vorschau-box .date-label {
	width: 90px !important;
	display: inline-block;
}

.termin-vorschau>.termin-vorschau-box:nth-child(even) {
	background-color: rgba(255, 255, 255, 0.55);
	/* Beispiel */
}

.termin-vorschau>.termin-vorschau-box:last-of-type {
	border-bottom: none;
}

.contact-box {
	background-color: var(--fiz-secondary-color-10);
	border-radius: var(--fiz-border-radius);
}

.sub-nav-container.sticky-top {
	top: 208px;
	/* Höhe deines Hauptmenüs */
	z-index: 1020;
}

.sub-nav-container {
	background: var(--fiz-secondary-color-50);
}

.swiper-pagination-fiz .swiper-button-next,
.swiper-pagination-fiz .swiper-button-prev {
	height: 48px;
	width: 48px;
	background-color: #eae9ef;
	background-size: 18px;
	position: relative;
	display: inline-block;
	border-radius: 24px;
	left: auto;
	right: auto;
	top: auto;
	bottom: 0;
	margin-top: 0;
	fill: red;
}

.swiper-pagination-fiz .swiper-button-next svg,
.swiper-pagination-fiz .swiper-button-prev svg {
	fill: var(--fiz-primary-color);
}

.responsive-svg {
	width: 100%;
	height: auto;
	display: block;
}

.bildnachweis {
	font-size: 1rem;
	color: var(--fiz-secondary-color);
	opacity: 0.65;
}

.icon-wrapper {}

.contact-box-small {
	font-size: 1.15rem;
}

.contact-box-small a {
	color: var(--fiz-primary-color);
}

.ev-label-tipp {
	background: var(--fiz-secondary-color);
	border: 1px solid inherit;
	color: #FFF;
}

.fz-box {
	border-radius: var(--fiz-border-radius);
	overflow: hidden;
	background: var(--fiz-secondary-color);
}

.fz-familienzentrum-thekla .ev-label-tipp,
.fz-familienzentrum-thekla .fz-box,
.fz-familienzentrum-thekla .sub-nav-container {
	background: var(--fiz-thekla-color) !important;
}

.fz-familienzentrum-thekla .highlights-container,
.fz-familienzentrum-thekla .sidebar-container,
.fz-thekla .contact-box,
.fz-thekla .sidebar-container {
	background-color: var(--fiz-thekla-color-10);
}

.fz-familienzentrum-mockau .ev-label-tipp,
.fz-familienzentrum-mockau .fz-box,
.fz-familienzentrum-mockau .sub-nav-container {
	background: var(--fiz-mockau-color) !important;
}

.fz-familienzentrum-mockau .highlights-container,
.fz-familienzentrum-mockau .sidebar-container,
.fz-mockau .contact-box,
.fz-mockau .sidebar-container {
	background-color: var(--fiz-mockau-color-10);
}

.fz-familienzentrum-gruenau .ev-label-tipp,
.fz-familienzentrum-gruenau .fz-box,
.fz-familienzentrum-gruenau .sub-nav-container {
	background: var(--fiz-gruenau-color) !important;
}

.fz-familienzentrum-gruenau .highlights-container,
.fz-familienzentrum-gruenau .sidebar-container,
.fz-gruenau .contact-box,
.fz-gruenau .sidebar-container {
	background-color: var(--fiz-gruenau-color-10);
}

.fz-familienzentrum-plagwitz .ev-label-tipp,
.fz-familienzentrum-plagwitz .fz-box,
.fz-familienzentrum-plagwitz .sub-nav-container {
	background-color: var(--fiz-plagwitz-color) !important;
}

.fz-familienzentrum-plagwitz .highlights-container,
.fz-familienzentrum-plagwitz .sidebar-container,
.fz-plagwitz .contact-box,
.fz-plagwitz .sidebar-container {
	background-color: var(--fiz-plagwitz-color-10);
}

.fz-familienzentrum-paunsdorf .ev-label-tipp,
.fz-familienzentrum-paunsdorf .fz-box,
.fz-familienzentrum-paunsdorf .sub-nav-container {
	background-color: var(--fiz-paunsdorf-color) !important;
}

.fz-familienzentrum-paunsdorf .highlights-container,
.fz-familienzentrum-paunsdorf .sidebar-container,
.fz-paunsdorf .contact-box,
.fz-paunsdorf .sidebar-container {
	background-color: var(--fiz-paunsdorf-color-10);
}

.fz-plagwitz .segment-with-bgc {
	background: linear-gradient(187deg, rgba(164, 67, 146, 0.05) 5%, rgba(164, 67, 146, 0) 100%);
}



.fz-box p {
	margin-bottom: 0px;
}

.fz-box h3 {
	color: #FFF !important;
}

.fz-box iframe {
	width: 100%;
	height: 100%;
}

textarea.form-control,
input[type="email"].form-control,
input[type="tel"].form-control,
input[type="text"].form-control {
	background: #FFF;
	border-bottom-left-radius: 15px 255px;
	border-bottom-right-radius: 225px 15px;
	border-style: solid;
	border-top-left-radius: 255px 15px;
	border-top-right-radius: 15px 225px;
	border-width: 3px;
	display: block;
	font-size: 1rem;
	outline: none;
	padding: 0.5rem;
	border-color: var(--fiz-secondary-color);
}

label {
	font-size: var(--fiz-font-size-small);
	color: var(--fiz-secondary-color);
	font-weight: bold;
}

.required {
	color: var(--fiz-primary-color);
}

.button-default {
	float: right;
	background: transparent;
}

.contactinfo svg {
	fill: var(--fiz-primary-color);
}

/*
*
*	SlideOut Form
*
*/

.slide-panel {
	position: fixed;
	top: 0;
	right: 0;
	height: 100vh;
	width: 33vw;
	/* oder 25vw */
	max-width: 520px;
	min-width: 320px;
	background: #fff;
	box-shadow: -10px 0 30px rgba(0, 0, 0, .15);
	transform: translateX(100%);
	transition: transform .25s ease;
	z-index: 1090;
	padding: 1rem;
	padding-top: 175px !important;
}

.slide-panel.is-open {
	transform: translateX(0);
}

.slide-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .35);
	opacity: 0;
	pointer-events: none;
	transition: opacity .25s ease;
	z-index: 1085;
}

.slide-backdrop.is-open {
	opacity: 1;
	pointer-events: auto;
}

.slide-panel .wpcf7 form.invalid .wpcf7-response-output,
.slide-panel .wpcf7 form.unaccepted .wpcf7-response-output,
.slide-panel .wpcf7 form.payment-required .wpcf7-response-output {
	margin: 15px 0px 0px 0px !important;
}

.slide-panel .ppop-kontaktformular .wpcf7-not-valid-tip {
	color: #45b79d;
	margin-bottom: 1rem;
	font-size: 1.35rem;
	position: absolute;
	right: 0px;
	top: -32px;
}

@media (max-width: 992px) {
	.slide-panel {
		width: 100vw;
		max-width: none;
		min-width: 0;
	}
}

/*
*
*	Veranstaltungsseite
*
*/

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__actions,
.tribe-events-c-events-bar__views {
	display: none !important;
}

.tribe-events .tribe-events-calendar-list-nav {
	border-top: none !important;
}

.sub-nav-menu .nav-link {
	color: #FFF;
	font-family: 'Winky Sans';
	font-size: 22px;
	transition: all 0.15s ease-in-out;
}

.sub-nav-menu .nav-link:hover {
	background: rgba(0, 0, 0, 0.15);
	border-radius: 12px;
	color: #FFF;
}

.sidebar-container .accordion,
.sidebar-container .accordion .accordion-item {
	background: transparent;
	border: none !important;
}

.sidebar-container .accordion-button {
	background: transparent;
	color: var(--fiz-secondary-color);
	font-size: 22px;
}

.sidebar-container .accordion .accordion-item {
	border-bottom: 1px dashed var(--fiz-secondary-color) !important;
}

.sidebar-container .accordion .accordion-item:last-child {
	border-bottom: 0px dashed var(--fiz-secondary-color) !important;
}

.highlight-container {
	background: rgba(255, 255, 255, 0.55) !important;
	border-radius: var(--fiz-border-radius);
	font-size: 1.1rem;
	border: 1px solid var(--fiz-secondary-color-50);
}

.text-highlight {
	font-family: 'Winky Sans';
}

.event-list-next .cal-span,
.highlight-container .cal-span {
	color: var(--fiz-primary-color);
}

.single-kindertagesstaette h1,
.page-template-page-kindertagespflege-php h1,
.single-familienzentrum h1 {
	font-family: 'Winky Sans' !important;
	font-size: 3rem !important;
	font-weight: 500 !important;
	color: var(--fiz-secondary-color);
}

.fz-familienzentrum-thekla.single-familienzentrum .day-marker,
.fz-familienzentrum-thekla.single-familienzentrum h1 {
	color: var(--fiz-thekla-color) !important;
}

.fz-familienzentrum-theplagwitzkla.single-familienzentrum .day-marker,
.fz-familienzentrum-plagwitz.single-familienzentrum h1 {
	color: var(--fiz-plagwitz-color) !important;
}


.fz-familienzentrum-mockau.single-familienzentrum .day-marker,
.fz-familienzentrum-mockau.single-familienzentrum h1 {
	color: var(--fiz-mockau-color) !important;
}

.fz-familienzentrum-paunsdorf.single-familienzentrum .day-marker,
.fz-familienzentrum-paunsdorf.single-familienzentrum h1 {
	color: var(--fiz-paunsdorf-color) !important;
}

.fz-familienzentrum-gruenau.single-familienzentrum .day-marker,
.fz-familienzentrum-gruenau.single-familienzentrum h1 {
	color: var(--fiz-gruenau-color) !important;
}

.font-light {
	font-weight: 300 !important;
}

.openinghours dl dt {
	width: 50px !important;
	float: left;
}


/* Kalendar */

.day-marker {
	font-family: 'Winky Sans', sans-serif !important;
	font-size: 2rem;
}

.cal-span.weekly-view {
	font-size: 1.1rem;
	color: var(--fiz-primary-color);
}

.weekly-swiper .event-list-next li {
	border-bottom: 1px solid var(--fiz-secondary-color-10);
}

.ev-label:empty {
	background: transparent !important;
	border: 1px solid transparent !important;
}

/* Material Toggle */
.toggle-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--fiz-secondary-color-10);
	border-radius: 10px;
	padding: 4px;
	width: 400px;
	position: relative;
}

.toggle-wrapper input {
	display: none;
}

.toggle-label {
	flex: 1;
	text-align: center;
	padding: 5px 0;
	cursor: pointer;
	position: relative;
	z-index: 2;
	color: #555;
	font-weight: 500;
	transition: color 0.3s ease;
	user-select: none;
}

.toggle-bg {
	position: absolute;
	top: 4px;
	left: 4px;
	width: calc(33.333% - 4px);
	height: calc(100% - 8px);
	background: var(--fiz-primary-color);
	border-radius: 10px;
	transition: transform 0.3s ease;
	z-index: 1;
}

/* Highlight active label */
#alle:checked~.toggle-label[for="alle"],
#regelmäßig:checked~.toggle-label[for="regelmäßig"],
#unregelmäßig:checked~.toggle-label[for="unregelmäßig"] {
	color: #fff;
}

.openinghours,
.address {
	font-size: 1.1rem;
}

/* Positions for background pill */
#regelmäßig:checked~.toggle-bg {
	transform: translateX(100%);
}

#unregelmäßig:checked~.toggle-bg {
	transform: translateX(200%);
}

li.hidden {
	display: none !important;
}

/*
 ------------------------------------------------------------------------------------------
    TAGESMUETTER
 ------------------------------------------------------------------------------------------
*/

#tagemuetter input[type='checkbox'] {
	display: none;
}

#tagemuetter input[type='checkbox']+label {
	margin: 0px 7.5px;
	border-radius: 30px;
	background: #e30078;
	color: #FFF;
	padding: 5px 15px;
	font-size: 1.7rem;
	cursor: pointer !important;
	transition: all 0.15s ease-in-out;
}

#tagemuetter input[type='checkbox']+label::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
}

#tagemuetter input[type='checkbox']:checked+label::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: "" !important;
}


#tagemuetter input[type='checkbox']+label .cat-count {
	background: #FFF;
	color: #000;
	width: 25px;
	height: 25px;
	display: inline-block;
	text-align: center;
	border-radius: 25px;
	margin-left: 5px;
	font-size: 1.5rem;
}

#tagemuetter input[type='checkbox']+label:hover {
	/* background-color: #4ea0da; */
}

#tagemuetter input[type='checkbox']+label:hover {

	color: #FFF !important;
}

#tagemuetter input[type='checkbox']+label:hover span,
#tagemuetter input[type='checkbox']:checked+label span {
	background-color: #FFF;
	color: #327c6f !important;
}

.tagesmuetter {
	border-bottom: 1px solid #f0f0f0;
	position: relative;
	overflow: hidden;
}

.tagesmuetter .contact-box-small {
	background: none !important;
	padding: 15px !important;
	margin-bottom: 15px !important;
}

.tagesmuetter .images-tagespflege {
	background: #f0f0f0;
	min-height: 302px;
	position: relative;
	z-index: 4;
}

.tagesmuetter-new h3 {
	font-size: 2.4rem;
}

.tagesmuetter-new {
	background: var(--fiz-secondary-color-10) !important;
	border-radius: var(--fiz-border-radius) !important;
}

.tagesmuetter .contanct-data {}

.tagesmuetter.freie-plaetze .tp-image-new {
	border: 4px solid #e30078;
}

.tagesmuetter.freie-plaetze .tp-image-new::after {
	content: "Freie Plätze";
	display: inline-block;
	color: #FFF;
	background-color: #e30078;
	position: absolute;
	right: 25px;
	padding: 0px 10px;
	border-radius: 15px;
	top: 165px;
	z-index: 5;
}

.tagesmuetter::before {
	content: attr(data-stadtteil);
	;
	display: inline-block;
	color: #FFF;
	background-color: #1a677b;
	position: absolute;
	left: 15px;
	padding: 0px 10px;
	border-radius: 15px;
	top: 15px;
	z-index: 5;
}

.tp-image {
	display: inline-block;
	position: absolute;
	left: 15px;
	bottom: -105px;
	border-radius: 70px;
	overflow: hidden;
	background: #FFF;
	border: 2px solid #FFF;
	z-index: 4;
}


.tp-image-new {
	display: inline-block;
	border-radius: 70px;
	overflow: hidden;
	background: #FFF;
	border: 2px solid #FFF;
	z-index: 4;
}

.tagesmuetter .contanct-data svg {
	display: inline-block;
	padding: 0rem 0.5rem;
	color: #1a677b !important;
	width: 2em;
}

.btn-angebot {
	display: inline-block;
	padding: 2.5px 5px;
	border-radius: 3px;
	border: 2px solid #e30078;
}

.tagesmuetter .accordion-button {
	background-color: transparent !important;
	font-family: 'Winky Sans';
	color: var(--fiz-secondary-color);
}



.tagesmuetter .accordion-header {}

.tagesmuetter .accordion-item {
	background-color: transparent !important;
	border-bottom: 1px dashed var(--fiz-secondary-color);
}

.tagesmuetter .contactinfo .accordion .card-header {
	padding: .5rem 0 .5rem 2.5rem;
	border: none !important;
}


.tagesmuetter .contactinfo .accordion .card-header:before {
	content: " ";
	left: 0px;
	top: 5px;
}

.tagesmuetter .contactinfo .accordion .card-header .accordion-button::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	position: absolute;
	left: 0px;
	top: 5px;
	color: #1a677b;
	cursor: pointer;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out;
	transform: rotate(90deg);
}

.tagesmuetter .contactinfo .accordion .card-header .accordion-button.collapsed::before {
	transform: rotate(0deg);
}


.tagesmuetter .contactinfo .accordion .card-body {
	padding: 0.75rem 0rem 0.75rem 2.5rem;
}

.pink-tag {
	display: inline-block;
	color: #FFF;
	background-color: #e30078;
	left: 15px;
	padding: 0px 10px;
	border-radius: 15px;
	font-size: 16px;
}

#tpp-swiper .swiper-slide {
	background: none !important;
	height: auto !important;
}

.select2-container--default .select2-selection--multiple {
	border: 1px solid #f0f0f0;
	background: #f0f0f0;
	padding: 0px 15px 7.5px 15px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #e30078 !important;
	border: 1px solid #e30078;
	color: #FFF;
	border-radius: 15px;
	padding-right: 10px;
	padding-left: 30px;
}

.select2-container .select2-search--inline .select2-search__field {
	margin-top: 0px;
	margin-left: 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice button {
	color: #FFF !important;
	padding-left: 7.5px;
	padding-right: 5px;
	border-color: rgba(255, 255, 255, 0.4);
	cursor: pointer !important;
}

.tp-image-gallery {
	border-radius: var(--fiz-border-radius);
}

.zero {
	display: none;
}

/*
 ------------------------------------------------------------------------------------------
    DOWNLOADS
 ------------------------------------------------------------------------------------------
*/

.download-cat,
.download-row {
	border-bottom: 1px dashed var(--fiz-secondary-color);
}

.download-cat:last-of-type,
.download-rows .download-row:last-of-type {
	border-bottom: 0px solid transparent;
}

.download-rows .download-row:nth-child(odd) .ev-label {
	border: none !important;
}


.download-rows .download-row:nth-child(even) {
	background: var(--fiz-secondary-color-10);
}

.dl-input-frame {
	border: 2px solid var(--fiz-secondary-color);
	border-radius: 3px;
}

/*
 ------------------------------------------------------------------------------------------
    SINGLE
 ------------------------------------------------------------------------------------------
*/

.single .post-thumbnail {
	border-radius: var(--fiz-border-radius);
	overflow: hidden;
}

article a {
	color: var(--fiz-primary-color) !important;
}

.related-posts ul {
	list-style: none;
	padding: 0px;
}

.related-posts ul li {
	border-bottom: 1px dashed var(--fiz-secondary-color);
}

.related-posts ul li:last-of-type {
	border: none !important
}

.related-posts ul li:nth-child(even) {
	background-color: rgba(255, 255, 255, 0.55);
}


/*
 ------------------------------------------------------------------------------------------
    VERASNTALTUNGEN
 ------------------------------------------------------------------------------------------
*/

.event-meta {
	color: var(--fiz-primary-color);
}

.tribe-common-c-btn {
	background: var(--fiz-primary-color) !important;
	border-color: var(--fiz-primary-color) !important;
	border-radius: 8px !important;
}

.tribe-events-header__events-bar {
	border: 2px solid var(--fiz-secondary-color) !important;
}

.tribe-events-calendar-list__month-separator-text,
.tribe-events-calendar-list__event-title.secondary-color a {
	color: var(--fiz-secondary-color) !important;
	font-family: 'Winky Sans', sans-serif !important;
	font-size: 26px !important;
	font-weight: 600 !important;
}

.tribe-events-calendar-list__month-separator-text {
	font-size: 32px !important;
}

.tribe-events-calendar-list__event-row {
	border-bottom: 1px dashed var(--fiz-secondary-color) !important;
}

.tribe-filter-bar.tribe-filter-bar-c-pill__pill,
.tribe-filter-bar-c-pill__pill {
	border-radius: 8px !important;
	border: 2px solid var(--fiz-primary-color) !important;
	color: var(--fiz-primary-color) !important;
}

.tribe-events-c-top-bar__today-button {
	border: 1px solid var(--fiz-primary-color) !important;
	background: var(--fiz-primary-color) !important;
	color: #FFF !important;
}

.tribe-events-calendar-list .tribe-events-calendar-list__event-row:nth-child(odd) {
	background-color: var(--fiz-secondary-color-10) !important;
}

/*
 ------------------------------------------------------------------------------------------
    SPENDEN
 ------------------------------------------------------------------------------------------
*/

.spendenprojekt-item {
	background: var(--fiz-secondary-color-10);
	border-radius: var(--fiz-border-radius) !important;
	overflow: hidden;
}

.card-image-wrapper,
.spenden-image {
	position: relative;
}

.card-image-wrapper::after,
.spenden-image::after {
	content: "";
	width: 100%;
	height: 15px;
	background-size: contain;
	background-image: url('assets/images/borders/footer-border_secondary-c10.svg');
	position: absolute;
	transform: rotate(180deg);
	bottom: -1px;
	left: 0px;
	z-index: 2;
}

.spenden-image::before {
	content: "";
	width: 100%;
	height: 15px;
	background-size: contain;
	background-image: url('assets/images/borders/footer-border_secondary-c10.svg');
	transform: rotate(0deg);
	position: absolute;
	left: 0px;
	top: -1px;
	z-index: 2;
}

.donation-card {
	background: var(--fiz-secondary-color);
	border-radius: var(--fiz-border-radius);
}

.donation-logo img {
	min-width: 75%;
	height: 90px;
}

.support-text {
	border-right: 1px dashed var(--fiz-secondary-color);
}

.support-buttons {
	position: relative;
	background-image: url('assets/images/smily.svg');
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 25%;
}

.support-links::after {
	position: absolute;
}

.primary-box .sidebar-button {
	color: #FFF !important;
	border-color: #FFF !important;
}

.primary-box {
	position: relative;
	background-image: url('assets/images/smily_white.svg');
	background-position: bottom 30px right 30px;
	background-repeat: no-repeat;
	background-size: 25%;
}

/*
 ------------------------------------------------------------------------------------------
    SWIPER TOGGLE NAV
 ------------------------------------------------------------------------------------------
*/


.segmented-pagination {
	display: inline-block;
	padding: 4px;
	position: relative;
	width: fit-content !important;
	background-color: var(--fiz-secondary-color-10);
	border-radius: 8px !important;
}

.segmented-bullet {
	padding: 5px 30px !important;
	color: var(--fiz-secondary-color);
	opacity: 1 !important;
	background: var(--fiz-secondary-color-10);
	cursor: pointer;
	display: inline-block;
	width: fit-content;
	height: fit-content;
	transition: 0.2s;
	border-radius: 8px !important;
	margin: 0px !important;
}

.segmented-bullet.swiper-pagination-bullet-active {
	background: #e4006d;
	color: #fff;
}

/*
 ------------------------------------------------------------------------------------------
    KONTAKT-SEITE
 ------------------------------------------------------------------------------------------
*/

.kontaktgruppen .kontaktgruppe {
	border-bottom: 1px dashed var(--fiz-secondary-color);
}

.kontaktgruppen .kontaktgruppe:last-child {
	border-bottom: 0px dashed transparent !important;
}

/*
 ------------------------------------------------------------------------------------------
    EINFACHE SPRACHE-SEITE
 ------------------------------------------------------------------------------------------
*/
.social-icon-2 {
	padding-right: 15px;
}

#menu-item-wpml-ls-373-de_easy {
	border-left: 2px solid var(--fiz-secondary-color);
}

.font-bold {
	font-weight: bold !important;
}

.simple-image-header {
	border-radius: 0px 0px 12px 0px !important;
	overflow: hidden;
}

.angebot-list-element {
	border-radius: var(--fiz-border-radius);
	background: var(--fiz-secondary-color);
}

.angebot-list-element h3 {
	color: #FFF;
}

.border-fiz-radius {
	border-radius: var(--fiz-border-radius) !important;
	overflow: hidden;
}

.slide-buttons button {
	border-radius: 3px solid var(--fiz-secondary-color);
	border-radius: var(--fiz-border-radius);
	background: #FFF;
	padding: 1.5rem !important;
	margin-right: 0.75rem !important;
}

ul.event-list-next.two-column {
	list-style-type: none;
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	padding-left: 0;
	column-gap: 60px;
}

.footer-menu li a {
	color: #FFF;
}

.footer-menu-social li a svg {
	fill: #FFF !important;
}

/* Offcanvas-Menüs: saubere Listenoptik */
.navbar-toggler {
	border-color: var(--fiz-secondary-color-10) !important;
}

#mobileMenu {
	background: var(--fiz-secondary-color);
}

#mobileMenu .btn-close,
.btn-close:hover {
	color: #FFF;
}

#mobileMenu .navbar-nav {
	flex-direction: column;
	gap: .25rem;
}

#mobileMenu .navbar-nav .nav-link {
	padding: .5rem 0;
}

.offcanvas-header {
	border-bottom: 1px dashed var(--fiz-secondary-color-10s);
}

/* Optional: Untermenüs eingerückt (falls Dropdowns als Liste gerendert werden) */
#mobileMenu .dropdown-menu {
	position: static !important;
	float: none;
	border: 0;
	padding-left: 1rem;
	margin: 0;
}

.offcanvas-title {
	color: #FFF;
	font-family: 'Winky Sans';
	font-size: 1.6rem;
}

#mobile-topheader li a {
	color: #FFF;
	padding: 0.5rem !important;
}

#mobileMenu .navbar-nav .nav-link {
	color: #FFF !important;
}

#mobile-topheader #mobileMenu .navbar-nav .nav-link {
	padding: 0.5rem !important;
}

#mobileMenu .btn-close {
	--bs-btn-close-color: #FFF !important;
}

/*
*
*	MOBIL
*
*/

#menu-hauptmenue-fiz {
	position: relative;
}

#menu-hauptmenue-fiz>li {
	padding: 0rem 0.5rem;
	transition: all 0.15s ease-in-out;
}

#menu-hauptmenue-fiz li:hover {
	background-color: var(--fiz-primary-color);
}

#menu-hauptmenue-fiz li a {
	font-family: 'Winky Sans';
	color: #FFF;
	font-size: 1.6rem;
	font-weight: 400;
}

#menu-hauptmenue-fiz .dropdown-menu {
	visibility: hidden;
	display: none;
	opacity: 0;
	display: flex;
	list-style: none;
	background: #f9f9f9;
	margin: 0;
	padding: 0px;
	transition: opacity .2s ease;
	position: absolute;
	left: 0;
	background-color: var(--fiz-primary-color);
	box-shadow: none;
	border: none;
	border-radius: 0px;
	display: flex;
	flex-direction: column;
	min-width: inherit;
}

#menu-hauptmenue-fiz .dropdown-menu li {
	padding: 0px !important;
	border-bottom: 1px dashed rgba(255, 255, 255, 0.55);
	margin-bottom: 0px;

}

#menu-hauptmenue-fiz .dropdown-menu li:last-child {
	border: none !important;
}

#menu-hauptmenue-fiz .dropdown-menu a {
	text-decoration: none;
	color: #FFF;
	font-size: 20px;
	padding: 0.5rem;
}

/* Dropdown im Mobile-Menü standardmäßig zu */
#mobileMenu #menu-hauptmenue-fiz .dropdown-menu {
	display: none !important;
	/* wichtig: überschreibt dein display:flex */
	visibility: visible;
	/* kann auf visible bleiben, display regelt */
	opacity: 1;
	/* optional */
	position: static;
	/* im Offcanvas besser als absolute */
	box-shadow: none;
	border: 0;
	margin: 0;
	padding: 0;
}

/* Wenn Bootstrap öffnet, hängt es .show an .dropdown-menu */
#mobileMenu #menu-hauptmenue-fiz .dropdown-menu.show {
	display: flex !important;
	flex-direction: column;
}

/* CARDS */
.blog-filter {
	border: 3px solid var(--fiz-secondary-color) !important;
}

.card-fiz {
	border: none !important;
	background: var(--fiz-secondary-color-10) !important;
	border-radius: var(--fiz-border-radius) !important;
}

.card-fiz .link-box {
	border-top: 1px dashed var(--fiz-secondary-color);
}

.card-fiz .card-title a {
	color: var(--fiz-secondary-color) !important;
}

#single-nav {
	background-image: none !important;
}

@media (max-width: 991.98px) {
	.navbar-brand img {
		max-height: 80px;
	}

	.navbar-toggler .icon-bar {
		background-color: #FFF;
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		transition: opacity, transform;
		transition-duration: 200ms;
		transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7);
	}

	.navbar-toggler .icon-bar+.icon-bar {
		margin-top: 4px;
	}

	.navbar-toggler .icon-bar:nth-child(3) {
		width: 19px;
	}

	.search-open .closer:after {}

	.navbar-toggler .icon-bar+.icon-bar {
		margin-top: 4px;
	}

	.navbar-toggler .icon-bar:nth-child(3) {
		width: 19px;
	}

	.search-open .navbar-toggler .icon-bar:nth-child(1),
	.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
		transform: translateY(6px) rotate(45deg);
		background-color: #FFF;
	}

	.search-open .navbar-toggler .icon-bar:nth-child(1) {
		background-color: #919191;
	}

	.search-open .navbar-toggler .icon-bar:nth-child(2),
	.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
		opacity: 0;
		transform: translateX(-100%);
	}

	.search-open .navbar-toggler .icon-bar:nth-child(3),
	.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
		transform: translateY(-6px) rotate(-45deg);
		width: 22px;
		background-color: #FFF;
	}

	.search-open .navbar-toggler .icon-bar:nth-child(3) {
		background-color: #919191;
	}
}

/* Mobile */
@media (max-width: 575.98px) {

	.single-familienzentrum h1 {
		font-size: 2.6rem !important;
	}

	.navbar-brand img {
		max-height: 55px;
	}

	#header {
		border-bottom: 3px solid var(--fiz-secondary-color);
	}

	#header-swiper {
		height: fit-content;
	}

	#header-swiper h1 {
		font-size: 4.5rem;
	}

	.border-right {
		border-right: none !important;
	}

	.two-column {
		columns: 1 !important;
		-webkit-columns: 1 !important;
		-moz-columns: 1 !important;
	}

	.font-highlight {
		font-size: 3.2rem !important;
	}

	.header-wave svg,
	.footer-wave svg {
		height: 50px !important;
	}

	.cky-btn-revisit-wrapper {
		width: 64px !important;
		height: 64px !important;
	}

	.sidebar-button {
		width: 100%;
	}

	.navbar-toggler .icon-bar {
		background-color: #e30078;
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		transition: opacity, transform;
		transition-duration: 200ms;
		transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7);
	}

	.navbar-toggler .icon-bar+.icon-bar {
		margin-top: 4px;
	}

	.navbar-toggler .icon-bar:nth-child(3) {
		width: 19px;
	}

	.search-open .closer:after {}

	.navbar-toggler .icon-bar+.icon-bar {
		margin-top: 4px;
	}

	.navbar-toggler .icon-bar:nth-child(3) {
		width: 19px;
	}

	.search-open .navbar-toggler .icon-bar:nth-child(1),
	.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
		transform: translateY(6px) rotate(45deg);
		background-color: #FFF;
	}

	.search-open .navbar-toggler .icon-bar:nth-child(1) {
		background-color: #919191;
	}

	.search-open .navbar-toggler .icon-bar:nth-child(2),
	.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
		opacity: 0;
		transform: translateX(-100%);
	}

	.search-open .navbar-toggler .icon-bar:nth-child(3),
	.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
		transform: translateY(-6px) rotate(-45deg);
		width: 22px;
		background-color: #FFF;
	}

	.search-open .navbar-toggler .icon-bar:nth-child(3) {
		background-color: #919191;
	}

	h1.custom-event-single-title {
		font-size: 2.4rem;
	}

	#menu-hauptmenue-fiz .dropdown-menu {
		position: static !important;
		transform: none !important;
		inset: auto !important;
		float: none;
		width: 100%;
		margin: 0;
	}

	#menu-hauptmenue-fiz .btn-close,
	.offcanvas .btn-close,
	.navbar .btn-close {
		filter: invert(1) grayscale(100%);
		opacity: 1;
	}

	.sub-nav-container.sticky-top {
		top: 100px;
		/* Höhe deines Hauptmenüs */
		z-index: 900;
	}

	#single-nav {
		background-image: none !important;
	}
}