/****************************
Mobiles 'Menü
******************************/

.mm-spn .level_1 li.submenu:before {
	border-top: 3px solid;
	border-right: 3px solid;
	opacity: 1;
	color: #000;
	transition: all 0.3s;
}

.mm-spn.mm-spn--navbar::before {
	border-top: 3px solid;
	border-left: 3px solid;
	opacity: 1;
}

.mm-spn li.submenu.aktiv::before {
	top: 12px;
	transform: rotate(135deg) translate(0, -50%);
}

/* .mm-spn.mm-spn--vertical ul ul {
	 max-height: 0;
      overflow: hidden;
      transition: all 0.3s ease-in-out;
}

.mm-spn.mm-spn--vertical ul.mm-spn--open {
	height: auto;
	max-height: auto;
      overflow: visible;
} */

/* Links auf Startseite Events*/

#events a {
	color: #fff;
	text-decoration: none;
}

#events a::after {
	content: url(/files/themes/default/images/icon-extern-link2.png);
	line-height: 1.8;
	margin-left: 15px;
}

/***********************
Anpassung Lightbox
**********************/

#cboxContent #cboxTitle {
	display: none !important;
}
#cboxWrapper #cboxContent #cboxCurrent {
	display: none !important;
}

/*Anpassungen Desktop-Navigation*/

#header nav ul.level_1 > li > span {
	padding-right: 12px;
	padding-left: 12px;
	/* cursor: pointer; */
}

/****************************
Videoplayer
*******************************/

@media screen and (max-width: 939px) {
	figure.video_container {
		width: 380px;
	}
}

/*************************
Headerbild geht immer über gesamte Breite
**************************/

#leader-image img {
	width: 100%;
}

/*********************
Mobile Liste ohne spaltenabstand
**********************/

@media screen and (max-width: 845px) {
	.mobile-ohne-abstand ul {
		margin: 0;
	}

	.mobile-ohne-abstand {
		--grid__gutter: 0;
	}
}

/*******************************
gleiche Bildgröße bei Galerien im Responsive
*********************************/

@media screen and (max-width: 1024px) {
	#main .ce_gallery li.col_last figure.image_container {
		margin-right: 5px !important;
	}
}

/***************************
Schatten bei Galerien
******************************/
#main .ce_gallery figure.image_container {
	margin-top: 5px;
}
#main .ce_gallery figure.image_container img,
figure.video_container img {
	transition: box-shadow 0.3s;
	box-shadow: 4px 4px 8px #00000029;
}

#main .ce_gallery figure.image_container img:hover,
figure.video_container img:hover {
	box-shadow: 4px 4px 8px #00000082;
}

/********************
sticky navi
********************/

#navigation.fixed {
	position: fixed;
	background: #f0f0f0;
	z-index: 999;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	left: -50%;
	right: -50%;
	top: 0;
	margin-top: 0;
}

/***********************
Bild ganze Breite
**************************/

#main .mod_article.wide .content_wrapper {
	padding-left: 0;
	padding-right: 0;
}

#main .mod_article.wide .ce_image img {
	width: 100%;
}

/***********************
für Schatten bei Youtube Bildern
**************************/

.ce_youtube.block figure {
	text-align: left;
}

.ce_youtube.block img {
	max-width: calc(100% - 10px);
}

/***********************
Miroslav Code
**************************/

@media (min-width: 768px) and (max-width: 1200px) {
	.shadowed.ce_rsce_split_headline {
		line-height: normal;
	}

	.mod_newsreader .layout_full h1 {
		line-height: normal;
	}
}
@media screen and (max-width: 939px) {
	.ce_player.wide.block .video_container {
		width: auto;
	}
}

@media (min-width: 980px) and (max-width: 1200px) {
	.mod_recommendationlist .layout_default {
		width: 42vw !important;
	}

	.home .mod_recommendationlist {
		flex-direction: initial !important;
	}
}

.video_container {
	position: relative;
	padding-bottom: 56%;
	height: 0;
}

.video_container.video-half-width {
	padding-bottom: 24%;
}

.video_container.video-half-width video{
	position: absolute;
	width: 100%;
	left: 0;
	top: -50%;
}

.video_container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video_container video {
	width: 100%;
	box-shadow: 4px 4px 8px #00000029;
}

.ce_youtube.block {
	width: 100%;
	max-width: 100%;
	margin-bottom: 50px;
	position: relative;
	overflow: visible;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 4px 4px 8px #00000029;
}

figure.video_container,
figure.video_container .overlayImage {
	width: 100%;
}

.ce_youtube.block .video_container img {
	aspect-ratio: 16/9;
	max-width: unset;
	object-fit: cover;
	width: 100%;
}

.ce_youtube.block figcaption {
	position: absolute;
	top: 105%;
	width: 100%;
}

.image_container img {
	box-shadow: 4px 4px 8px #00000029;
	transition: all 400ms;
}

.image_container img:hover {
	box-shadow: 4px 4px 8px #00000082;
}

#leader-image img,
#leader-image img:hover {
	box-shadow: none;
}

#main .container-fullwidth.mod_article {
	max-width: unset;
	width: 100%;
}

.full-width-image {
	width: 100%;
	box-shadow: none!important;
}

.full-width-images img {
	width: 100%;
}

.ce_player {
	margin-bottom: 30px;
}

.ce_player {
	padding-left: 0!important;
	padding-right: 0!important;
}