/*
Theme Name: 22-film-536
Theme URI: https://www.kocmoc.net/
Author: KOCMOC
Description: Child theme for b9p-blank
Version: 1.0.0
Template: wp-b9p-blank-theme-master
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: 22-film-536
*/

body, html {
	margin: 0 !important;
	overflow-x: hidden;
}

.link-white {
	color: white !important;
	text-decoration: underline !important;
}
a, a:visited, a:hover, a:focus, a:active{
	color: inherit;
}
p a{
	text-decoration: underline !important;
}

/* Adjust view for big screens */
@media (min-width: 2100px) {
	html {
		display: flex;
		justify-content: center;
		background-color: black;
	}
	body {
		max-width: 2100px;
		width: 2100px;
	}
}

/* Adjust container for small screens */
@media (max-width: 1550px) {
	.elementor-container {
		max-width: 90% !important;
	}
	.elementor-inner-section .elementor-container,
	.elementor-posts .elementor-container,
	.full-width-section .elementor-container,
	.dialog-widget-content .elementor-container,
	.homepage-magazin-section > .elementor-container {
		max-width: 100% !important;
	}
}

/* Breadcrumbs */
#breadcrumbs .breadcrumb_last {
	text-decoration: underline !important;
}

/* Buttons */
.film-button a {
	clip-path: polygon(100% 0, 100% 46%, 90% 100%, 0 100%, 0 0);
    border-radius: 0;
    padding-right: 35px !important;
	transform: translateX(0px);
    transition: transform 0.3s ease;
}

.film-button a:hover {
	transform: translateX(5px);
}

.film-button-large a {
	clip-path: polygon(100% 0, 100% 66%, 95% 100%, 0 100%, 0 0);
    border-radius: 0;
    padding: 20px 50px 20px 30px !important;
}

/* Header */
.header-logo a {
	color: white !important;
}

.header-search .elementor-search-form__container {
	height: 30px !important;
}

.header-search .elementor-search-form__submit {
	padding: 5px 10px 5px 0px !important;
}

.header-search .elementor-search-form__submit .fas.fa-search::before {
	background-image: url(./assets/img/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    content: "" !important;
    width: 20px;
    height: 20px;
    display: block;
}

.mobile-header .hamburger {
	margin-bottom: 0 !important;
}

.mobile-header .hamburger.hide,
.mobile-header .close.hide {
	display: none;
}

.mobile-menu-section {
	position: absolute !important;
    z-index: 100;
	width: 100%;
}

.mobile-menu-section.hide {
	display: none;
}

.mobile-menu-section .mobile-menu nav ul li a {
	background-image: url(./assets/img/arrow.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 15px;
    border-bottom: 1px solid;
	padding-left: 0 !important;
}

.mobile-menu-section .mobile-menu-sec nav ul li a {
	padding-left: 0 !important;
    background-repeat: no-repeat;
    background-position: top 12px left 40px;
    background-size: 5px;
}

.mobile-menu-section .mobile-menu-sec nav ul li a::after{
	content: " ";
	width: 12px;
	height: 12px;
	margin-left: 8px;
	background-image: url(./assets/img/arrow-rotate.svg);
	background-position: center;
	position: relative;
	opacity: 1 !important;
	background-repeat: no-repeat;
	background-size: 7px;
}

.kontaktpfeil div h2  {
	padding-left: 0 !important;
    background-repeat: no-repeat;
    background-position: top 20px left 40px;
    background-size: 5px;
}

.kontaktpfeil div h2::after{
	content: " ";
	display: inline-block;
	width: 12px !important;
	height: 12px !important;
	margin-left: 8px;
	margin-bottom: 8px;
	background-image: url(./assets/img/arrow-rotate.svg);
	background-position: center;
	position: relative;
	opacity: 1 !important;
	background-repeat: no-repeat;
}

.mobile-menu-section .mobile-menu-sec nav ul li.menu-item-91 a {
	background-position: top 12px left 65px;
}

.mobile-menu-section .mobile-menu-sec nav ul li.menu-item-90 a {
	background-position: top 12px left 47px;
}

.mobile-menu-section .mobile-menu-sec nav ul li.menu-item-731 a {
	background-position: top 12px left 63px;
}

.mobile-menu-section .mobile-menu-sec nav ul li.menu-item-3594 a {
	background-position: top 12px left 61px;
}

.mobile-menu-section .mobile-menu-sec nav ul li.menu-item-3965 a {
	background-position: top 12px left 65px;
}

.elementor-element-67e1c37.close.elementor-widget-icon {
	background-image: url(/wp-content/uploads/2023/04/x.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.elementor-element-67e1c37.close.elementor-widget-icon .elementor-icon {
	opacity: 0;
}

/* Footer */
@media (max-width: 767px) {
	.footer-second-menu nav ul li a,
	.footer-third-menu nav ul li a {
		background-image: url(./assets/img/arrow-rotate.svg);
		background-repeat: no-repeat;
		background-position: top 6px left 95px;
		background-size: 5px;
	}	
	.footer-second-menu nav ul li.menu-item-3002 a {
		background-position: top 6px left 61px;
	}
	.footer-second-menu nav ul li.menu-item-3965 a {
	background-position: top 6px left 86px;
	}
	.footer-second-menu nav ul li.menu-item-90 a {
		background-position: top 6px left 69px;
	}
	.footer-second-menu nav ul li.menu-item-731 a {
		background-position: top 6px left 84px;
	}
	.footer-second-menu nav ul li.menu-item-3594 a {
		background-position: top 6px left 82px;
	}
	.footer-third-menu nav ul li.menu-item-94 a {
		background-position: top 6px left 88px;
	}
	.footer-third-menu nav ul li.menu-item-4724 a {
		background-position: top 6px left 50px;
	}
	.footer-first-menu nav ul li a {
		background-image: url(./assets/img/arrow.svg);
		background-repeat: no-repeat;
		background-position: right;
		background-size: 15px;
	}
}

/* Responsive styles for header and footer */
@media (max-width: 1550px) and (min-width: 768px) {
	.film-main-header .col-1 {
		width: 20% !important;
	}
	
	.film-main-header .col-1 a {
		font-size: 16px !important;
	}
	
	.film-footer nav a {
		font-size: 16px !important;
		padding: 5px 10px !important;
	}
	
	.film-main-header .col-2 nav a {
		padding-left: 0 !important;
		padding-right: 20px !important;
		font-size: 16px !important;
	}
	
	.film-main-header .col-2 .film-button a {
		padding: 6px 12px 6px 6px !important;
	}
	
	.film-footer .film-button a {
		font-size: 14px !important;
		padding: 6px 12px 6px 6px !important;
	}
	
	.film-sub-header nav a {
		font-size: 12px !important;
		padding-left: 5px !important;
	}
	
	.film-sub-header .film-button a {
		font-size: 12px !important;
		padding: 0px 10px 0px 5px !important;
	}
	
	.film-sub-header .film-button .elementor-widget-container,
	.film-sub-header .elementor-widget-nav-menu .elementor-widget-container,
	.film-sub-header .elementor-widget-search-form .elementor-widget-container{
		margin: 0px 20px 0px 0px !important;
	}
}

@media (max-width: 1100px) and (min-width: 768px) {
	.film-main-header .col-1 a,
	.film-footer nav a {
		font-size: 14px !important;
	}
	
	.film-main-header .col-2 nav a {
		padding-right: 15px !important;
		font-size: 14px !important;
	}
	
	.film-main-header .col-2 .film-button a,
	.film-footer .film-button a {
		font-size: 14px !important;
		padding: 3px 6px 3px 3px !important;
	}
	
	.film-footer .col-1 svg {
		width: 200px !important;
	}
	
	.film-footer .col-4 nav ul {
		display: block !important;
	}
}

@media (max-width: 934px) and (min-width: 768px) {
	.film-main-header .col-1 a {
		font-size: 12px !important;
	}
	
	.film-main-header .col-2 nav a {
		padding-right: 8px !important;
		font-size: 12px !important;
	}
	
	.film-main-header .col-2 .film-button a {
		font-size: 12px !important;
		padding: 3px 6px 3px 3px !important;
	}
}

/* Pages hero section */
.pages-header-title {
	clip-path: polygon(80% 0, 100% 40%, 100% 100%, 0 100%, 0 0);
}

/* Veranstaltungen */
.veranstatulgen-loop-section-home .veranstaltungen-date .elementor-widget-container, .veranstatulgen-loop-section-home  .veranstaltungen-time .elementor-widget-container, .veranstatulgen-loop-section-home  .veranstaltungen-location .elementor-widget-container{
	height: 26px;
	background-size: 14px !important;
	background-position: left 4px top 4px;
}
.veranstaltungen-banner .elementor-widget-wrap {
	padding: 0 !important;
	clip-path: polygon(90% 0, 100% 10%, 100% 100%, 0 100%, 0 0);
}

.veranstaltungen-breadcrumb a {
	color: black !important;
}

.veranstaltungen-category .elementor-widget-container ul li {
	border: solid 1px;
	color: black;
    border-radius: 50px;
    padding: 2px 5px;
}

.category-verband {
	color: #00BAFF !important;
}

.category-festival::before {
	color: #34428F !important;
}

.category-wettbewerb::before {
	color: #2E8869 !important;
}

.category-workshop::before {
	color: #ffff00 !important;
}

.category-netzwerk::before {
	color: #ff0000 !important;
}

.category-veranstaltung::before {
	color: #ffb500 !important;
}

.category-mitglieder::before {
	color: #ff00ff !important;
}

.category-foerderung::before {
	color: #00ff00 !important;
}

.category-fokus::before {
	color: #502364 !important;
}

.veranstaltungen-row:hover .elementor-column > .elementor-widget-wrap {
	background-color: #ffc3c8 !important;
}

.veranstaltungen-date .elementor-widget-container,
.veranstaltungen-time .elementor-widget-container,
.veranstaltungen-location .elementor-widget-container {
	background-image: url(./assets/img/time.svg);
    background-repeat: no-repeat;
    background-size: 16px;
	padding-left: 32px;
	background-position: left 4px top 8px;
}
.veranstaltungen-location .elementor-widget-container {
	background-image: url(./assets/img/location.svg);
	background-position-y: 0 !important; 
}

.veranstaltungen-date .elementor-widget-container {
	background-image: url(./assets/img/calendar.svg);
}
@media (max-width: 1023px) {
	.veranstaltungen-date .elementor-widget-container,
	.veranstaltungen-time .elementor-widget-container,
	.veranstaltungen-location .elementor-widget-container {
		background-position: left 4px top 2px;
		background-size: 14px;
	}
}
@media (max-width: 1550px) and (min-width: 1024px) {
	.veranstaltungen-date .elementor-widget-container,
	.veranstaltungen-time .elementor-widget-container,
	.veranstaltungen-location .elementor-widget-container {
		background-position: left 4px top 8px;
	}
	.veranstaltungen-date.details .elementor-widget-container,
	.veranstaltungen-time.details .elementor-widget-container,
	.veranstaltungen-location.details .elementor-widget-container {
		background-position: left 4px top 6px;
	}
}

.veranstaltungen-category-button {
	border: solid 1px;
	color: white;
    border-radius: 50px;
    padding: 2px 8px;
	/*background-image: url(./assets/img/point-pink.svg);
    background-repeat: no-repeat;*/
    background-size: 18px;
	background-position: left 8px top 8px;
	margin: 0 10px 20px 0 !important;
	cursor: pointer;
}

.veranstaltungen-category-button.grey {
	background-color: grey !important;
}
/*
.veranstaltungen-category-button.verband {
	background-image: url(./assets/img/point-blue.svg);
}

.veranstaltungen-category-button.festival {
	background-image: url(./assets/img/point-navy.svg);
}

.veranstaltungen-category-button.wettbewerb {
	background-image: url(./assets/img/point-green.svg);
}

.veranstaltungen-category-button.workshop {
	background-image: url(./assets/img/point-yellow.svg);
}

.veranstaltungen-category-button.netzwerk {
	background-image: url(./assets/img/point-red.svg);
}

.veranstaltungen-category-button.veranstaltung {
	background-image: url(./assets/img/point-orange.svg);
}

.veranstaltungen-category-button.mitglieder {
	background-image: url(./assets/img/point-lila.svg);
}

.veranstaltungen-category-button.foerderung {
	background-image: url(./assets/img/point-light-green.svg);
}

.veranstaltungen-category-button.fokus {
	background-image: url(./assets/img/point-pale.svg);
}
*/
/* veranstaltungen categories in cards */

.veranstaltungen-categories .elementor-post-info__terms-list {
visibility: hidden;
}
.veranstaltungen-categories .elementor-icon-list-item{
	list-style: none;
}
.veranstaltungen-categories .elementor-post-info__terms-list-item{
 visibility: visible;
}
.veranstaltungen-categories .elementor-post-info__terms-list-item{
    border: solid 1px;
    color: black;
    border-radius: 50px;
    padding: 4px 5px;
}
.veranstaltungen-categories .elementor-post-info__terms-list-item:not(:last-of-type){
    margin-right: 4px;
}

article.ecs-post-loop.category-filmvorfuehrung.hide,
article.ecs-post-loop.category-verband.hide,
article.ecs-post-loop.category-festival.hide,
article.ecs-post-loop.category-weiterbildung.hide,
article.ecs-post-loop.category-film-land-sachsen-category.hide,
article.ecs-post-loop.category-produktion.hide,
article.ecs-post-loop.category-vernetzung.hide,
article.ecs-post-loop.category-save.hide,
article.ecs-post-loop.category-foerderung.hide,
article.ecs-post-loop.category-ausloeser.hide,
article.ecs-post-loop.category-veranstaltung.hide,
article.ecs-post-loop.category-news.hide{
	display: none !important;
}

.veranstaltungen-loop-section {
	height: 800px;
	overflow-x: hidden;
	overflow-y: auto;
}

@media (max-width: 1462px) {
	.veranstaltungen-loop-excerpt {
		margin-bottom: 3px !important;
	}
}

.veranstaltungen_post-template-default.single-veranstaltungen_post .elementor-widget-theme-post-content p,
.news_post-template-default.single-news_post .elementor-widget-theme-post-content p {
	margin-bottom: 15px !important;
}

.film-no-elements.hide {
	display: none;
}

/* News */
.news-card-top {
	clip-path: polygon(90% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
}

.news-loop-section {
	height: 800px;
	overflow-x: hidden;
	overflow-y: auto;
}

@media (max-width: 1364px) {
	.news-loop-arrow {
		margin-top: -20px !important;
	}
}

@media (max-width: 1268px) {
	.news-loop-excerpt {
		margin-bottom: -5px !important;
	}
}

/* Kurzfilmen */
.kurzfilmen-loop-section {
	height: 500px;
	overflow-x: hidden;
	overflow-y: auto;
}

.kurzfilmen-contact-form input[type="text"],
.kurzfilmen-contact-form input[type="email"], 
.kurzfilmen-contact-form textarea {
    padding: 10px 20px;
}

.kurzfilmen-contact-form input[type="text"] {
	clip-path: polygon(0 0, 95% 0, 100% 25%, 100% 75%, 95% 100%, 5% 100%, 0 75%, 0 50%);
}

.kurzfilmen-contact-form input[type="email"] {
	clip-path: polygon(0 0, 98% 0, 100% 25%, 100% 75%, 98% 100%, 2% 100%, 0 75%, 0 50%);
}

.kurzfilmen-contact-form textarea {
    clip-path: polygon(0 0, 98% 0, 100% 12%, 100% 90%, 98% 100%, 2% 100%, 0 85%, 0 50%);
}

.kurzfilmen-contact-form button {
	flex-basis: auto !important;
	clip-path: polygon(100% 0, 100% 66%, 90% 100%, 0 100%, 0 0);
    border-radius: 0;
    padding: 20px 55px 20px 44px !important;
}

.kurzfilmen-contact-form .details-link {
	color: white !important;
    padding-right: 15px !important;
    background-image: url(./assets/img/arrow-rotate.svg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 10px;
}

.kurzfilmen-contact-form .details-text {
    position: relative;
    top: 10px;
}

.kurzfilmen-card {
	clip-path: polygon(90% 0, 100% 40%, 100% 100%, 0 100%, 0 0);
}
.presse-card {
	clip-path: polygon(90% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
}

/* Magazine */ 
.magazine-slider .elementor-swiper-button {
	top: 90% !important;
}

.magazine-slider .elementor-swiper-button-prev {
	left: 40% !important;
}
@media (max-width: 1024px) {
	.magazine-slider .elementor-swiper-button-prev {
		left: 30% !important;
	}
}
@media (max-width: 767px) {
	.magazine-slider .elementor-swiper-button-prev {
		left: 20% !important;
	}
}

.magazine-slider .elementor-swiper-button-next {
	left: 60% !important;
}

.magazine-slider .elementor-swiper-button-prev .eicon-chevron-left {
	background-image: url(./assets/img/slider_arrow_left.svg);
    background-repeat: no-repeat;
	background-size: contain;
    background-position: center;
}

.magazine-slider .elementor-swiper-button-prev .eicon-chevron-left::before {
	opacity: 0;
}

.magazine-slider .elementor-swiper-button-next .eicon-chevron-right {
	background-image: url(./assets/img/slider_arrow_right.svg);
    background-repeat: no-repeat;
	background-size: contain;
    background-position: center;
}

.magazine-slider .elementor-swiper-button-next .eicon-chevron-right::before {
	opacity: 0;
}

/* Förderungsmöglichkeiten */
.forder-banner .elementor-widget-wrap {
	clip-path: polygon(90% 0, 100% 10%, 100% 100%, 0 100%, 0 0);
}

.forder-drop-1,
.forder-drop-2,
.forder-drop-3,
.forder-drop-4,
.forder-drop-5,
.forder-drop-6,
.forder-drop-7,
.forder-drop-8 {
	max-height: 1000px !important;
	opacity: 1;
    transition: max-height 0.8s ease-out, opacity 0.5s ease-in !important;
}

.forder-drop-1.hide,
.forder-drop-2.hide,
.forder-drop-3.hide,
.forder-drop-4.hide,
.forder-drop-5.hide,
.forder-drop-6.hide,
.forder-drop-7.hide,
.forder-drop-8.hide {
	max-height: 0 !important;
	opacity: 0;
    transition: max-height 0.5s ease-out !important;
    overflow: hidden;
}

.forder-button-1, 
.forder-button-2,
.forder-button-3,
.forder-button-4, 
.forder-button-5,
.forder-button-6,
.forder-button-7,
.forder-button-8 {
	cursor: pointer;
}

.forder-column {
	height: 700px;
	overflow-x: hidden;
	overflow-y: auto;
}

/* Filme machen */
.filme-mache-col-hover:hover .elementor-section {
	background-color: #ffc3c8 !important;
}

/* Slider */
.slider-column .elementor-widget-wrap {
	width: 120%;
}

.slider-card {
	background-color: #E94362;
	color: white;
    font-family: 'Readex pro';
    font-weight: 500;
	margin-right: 15px;
}

.owl-carousel ::-webkit-scrollbar {
  width: 10px;
}
.owl-carousel ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
.owl-carousel ::-webkit-scrollbar-thumb {
  background: white; 
  border-radius: 10px;
}
.owl-carousel ::-webkit-scrollbar-thumb:hover {
  background: #c4c4c4; 
}

@media (max-width: 1024px) {
	.owl-stage {
		display: flex;
	}
	.owl-carousel.owl-drag .owl-item {
		flex: 1;
	}
	.owl-carousel .owl-item .sa_hover_container {
		min-height: 350px !important;
		align-content: flex-start;
		flex-wrap: wrap;
		align-items: flex-start !important;
		height: 100%;
	}
	.owl-carousel {
		width: 150% !important;
	}
}

.slider-card .headline {
	padding: 20px;
}

.slider-card .headline .year {
	font-size: 23px;
    line-height: 32px;
}

.slider-card .headline .title {
	font-size: 18px;
    margin: 25px 0 16px;
	height: 90px;
    overflow-x: hidden;
}
@media (max-width: 767px) {
	.slider-card .headline .title, .slider-card .headline .year  {
	font-size: 18px;
	}
}


.slider-card .headline hr {
	height: 2px;
	background-color: #ffffff;
	border: none;
}

.slider-card .image {
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
}

.slider-card .image .plus,
.slider-card .details .minus {
	width: 30px;
	height: 30px;
    background-color: #ffffff87;
    padding: 3px;
    border-radius: 50%;
    position: relative;
    left: 85%;
    top: 88%;
	cursor: pointer;
}

.slider-card .details .minus {
    top: -12%;
}

.slider-card .details {
    height: 350px;
}

.slider-card .details .text {
	font-weight: 400;
	padding: 20px;
    height: 350px;
	overflow-x: hidden;
	background-color: #4D5371;
}

.slider-card .details .text p {
	margin-bottom: 10px;
}

.slider-card .image.hide,
.slider-card .details.hide {
	display: none;
}

/* Homepage mosaic */
.homepage-mosaic-mobile {
	display: none;
}
@media (max-width: 1222px) {
	.homepage-mosaic {
		display: none;
	}
	.homepage-mosaic-mobile {
		display: block;
	}
}
.news-homepage-desktop article{
	overflow: hidden;
}
.news-homepage-desktop article, .news-homepage-desktop article:first-child{
	height: 100%;
}
.news-homepage-desktop article section + section{
	height: calc(100% - 160px);
}



/* SAVE page */
.film-show-more-button.hide,
.film-show-more-section.hide {
	display: none;
}
.film-show-more-button .elementor-widget-container {
	display: flex;
}
.film-show-more-button .elementor-widget-container::after {
	content: "";
	padding-right: 15px !important;
    background-image: url(/wp-content/uploads/2023/05/arrow-pink.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 12px;
	transform: rotate(45deg);
}
.film-show-more-button.close .elementor-widget-container::after {
	transform: rotate(-45deg);
}

.magazine-slider.save .elementor-swiper-button-next .eicon-chevron-right,
.magazine-slider.save .elementor-swiper-button-prev .eicon-chevron-left {
	height: 100px !important;
	width: 100px !important;
}
.magazine-slider.save .elementor-swiper-button-next {
	left: 85% !important;
	top: 50% !important;
}
.magazine-slider.save .elementor-swiper-button-prev {
	left: 10% !important;
	top: 50% !important;
}
.magazine-slider.save .swiper-pagination {
	display: none;
}
@media (max-width: 1024px) {
	.magazine-slider.save .elementor-swiper-button-next .eicon-chevron-right,
	.magazine-slider.save .elementor-swiper-button-prev .eicon-chevron-left {
		height: 60px !important;
		width: 60px !important;
	}
	.magazine-slider.save .elementor-swiper-button-prev {
		left: 5% !important;
	}
}
@media (max-width: 767px) {
	.magazine-slider.save .elementor-swiper-button-next .eicon-chevron-right,
	.magazine-slider.save .elementor-swiper-button-prev .eicon-chevron-left {
		height: 60px !important;
		width: 60px !important;
	}
	.magazine-slider.save .elementor-swiper-button-prev {
		left: 0% !important;
		top: 35% !important;
	}
	.magazine-slider.save .elementor-swiper-button-next {
		top: 35% !important;
	}
}

/* white backgrounds */
.single-veranstaltungen_post,
.single-news_post,
.single-presse {
	background-color: white !important;
}

/* Mitglieder page */
.custom-search-bar, .custom-select{
	border-radius: 0;
	font-size: 24px;
    line-height: 24px;
	font-family: 'Readex Pro';
}
.custom-select {
	position: relative;
	width: 350px;
    height: 45px;
    background-color: #DCE2E6;
    padding: 0px 32px;
    font-size: 20px;
    line-height: 25px;
	cursor: pointer;
}
@media (max-width: 1024px) {
	.custom-select {
		width: 260px;
		height: 38px;
		padding: 0px 10px;
		font-size: 16px;
		line-height: 20px;
	}
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
	background-color: #DCE2E6;
}

.select-selected:after {
	position: absolute;
    content: "";
    top: 18px;
    right: 10px;
    width: 18px;
	height: 10px;
    background-image: url(/wp-content/uploads/2023/05/pfeile_dropdown.svg);
    background-repeat: no-repeat;
}

.select-selected.select-arrow-active:after {
	transform: rotate(180deg);
}

.select-items div,.select-selected {
	color: black;
	padding: 8px;
	border: none;
	cursor: pointer;
}

.select-items {
	position: absolute;
	background-color: #DCE2E6;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
	border-radius: 0;
	border-top: #31333e 1px solid;
	padding: 0 20px;
	height: 300px;
    overflow-y: scroll;
	font-size: 18px;
}

.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

@media (min-width: 1025px) {
	.mitglieder-posts article .mitglieder,
	.mitglieder-posts article .mitglieder section,
	.search-result-posts article > div,
	.search-result-posts article > div section {
		height: unset;
	}
	.mitglieder-card-section {
		max-height: 300px;
		overflow-x: hidden;
		overflow-y: scroll;
	}
}
.page-id-4162 ::-webkit-scrollbar {
  width: 10px !important; 
}
.page-id-4162 ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey !important; 
  border-radius: 10px !important;
}
.page-id-4162 ::-webkit-scrollbar-thumb {
  background: #DCE2E6 !important;  
  border-radius: 10px !important; 
}
.page-id-4162 ::-webkit-scrollbar-thumb:hover {
  background: #c4c4c4 !important;  
}

#mitglieder-search-bar #search {
	width: 300px;
    height: 45px;
    background-color: #DCE2E6;
    border-radius: 0;
    border: none;
    padding: 0px 32px;
    font-size: 20px;
    line-height: 25px;
    font-family: 'Readex Pro';
}

#mitglieder-search-bar #button {
	height: 45px;
    padding: 0px 10px;
    font-size: 24px;
    line-height: 24px;
}
@media (max-width: 1024px) {
	#mitglieder-search-bar #search {
		width: 240px;
		height: 38px;
		font-size: 16px;
		line-height: 16px;
		padding: 0px 10px;
	}
}

.mitglieder-search-button {
	cursor: pointer;
}

#error-message{
	display: none;
}

/* Mediathek */
.mediathek-loop-section {
	height: 500px;
	overflow-x: hidden;
	overflow-y: auto;
}

/* Fixes in hover effects before migration */
.homepage-veranstaltungen-button {
	position: absolute !important;
    background-color: transparent;
    height: 100%;
    width: 100% !important;
    margin-top: -20px;
    margin-left: -20px;
    z-index: 10;
    cursor: pointer;
}
.homepage-veranstaltungen-button.version-2 {
    margin-top: 0px;
    margin-left: 0px;
}
.homepage-veranstaltungen-button.version-3 {
    margin-top: -25px;
    margin-left: -15px;
}
.homepage-veranstaltungen-button .elementor-widget-container,
.homepage-veranstaltungen-button .elementor-widget-container .elementor-button-wrapper, 
.homepage-veranstaltungen-button .elementor-widget-container .elementor-button-wrapper a {
	height: 100%;
    width: 100%;
}
/* PODCAST */
.wp-playlist-light{
	font-family: 'Readex Pro';
	background-color: #dce2e6 !important;
	border: none !important;;
}

.wp-playlist-caption .wp-playlist-item-meta.wp-playlist-item-title a, span.wp-playlist-item-meta.wp-playlist-item-title{
	color:#000000 !important;
	font-weight: 600;
	font-size: 16px !important;
    line-height: 20px;
}
.wp-playlist-item{
	border:none !important;
}
.wp-playlist-light .wp-playlist-playing{
	background: #ffc3c8 !important;
	font-weight: 500;
}
..mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-time-rail .mejs-time-total{
	background: #f0f0f040 !important;
}
.mejs-controls{
    background: #31333e !important;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fe6d7b !important;
}
@media (min-width: 768px) {
	.wp-playlist-caption .wp-playlist-item-meta.wp-playlist-item-title a ,span.wp-playlist-item-meta.wp-playlist-item-title{
		font-size: 20px !important;
		line-height: 31px !important;
	}

	.wp-playlist-item-title, .wp-playlist-item-artist, .wp-playlist-item-length{
		font-size: 18px !important;
		line-height: 25px !important;
		text-transform: unset !important;
	}
	.wp-playlist-item-length{
		top: 6px !important;
	}
	.wp-playlist-item{
		padding: 6px 3px !important;
	}
}

#cmplz-document {
	display: block !important;
	max-width: 90%;
	margin-left: 5% !important;
	margin-right: 5% !important;
	padding-top: 100px;
	padding-bottom: 100px;
	font-family: "Readex Pro", Sans-serif;
}

.page-id-11888.cmplz-document main {
	background-color: white;
}
.post-content a {
	text-decoration: underline !important;
	color:black;
}
@media (min-width: 1024px) {
	.ausloeser-container .elementor-container{
		max-width:100%;
		width:100%;
	}
}

/** Fix layout Filmprogramm */
@media only screen and (max-width: 1024px){
	.filmprogramm-element > div > div{
		width:100% !important;
	}
	.filmprogramm-element > div > div:nth-child(2) > div{
		padding: 25px 15px 15px 15px;
	}
	.filmprogramm-element > div > div:last-child{
		padding: 15px 15px 25px 15px;
	}
	.filmprogramm-element > div > div:last-child > div{
		padding: 0 !important;
	}
}