/* ------------------------------------------------------------------------------------------------------------- */
/* Nachrichten ------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */

/* ... Newslist ... 
-----------------------------------------------*/
.mod_newslist .layout_full {
	margin-bottom: 2.083em;
	padding: .833em;
	background-color: var(--bg-modules-info);
	border: 1px solid var(--font-1);
	border-radius: var(--brd-radius);
}
/* ... Newslist ... END
-----------------------------------------------*/



/* ... Newscategories Filter allgemein ... 
-----------------------------------------------*/
div.mod_newscategories_cumulative {
	overflow: visible;
	margin-bottom: 2em;
}
.mod_newscategories_cumulative a {
	text-decoration: none;
}
.categories {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.has_empty_ul {
	display: none;
	opacity: 0;
}
.categories ul {
	margin: 0;
	padding-left: 0;
}
.categories li {
	list-style-type: none;
	margin: 0;
}
.categories h2 {
	width: 100%;
	font-size: var(--font-size-h4);
	margin-bottom: 0.5em;
}
.categories h3 {
	font-size: var(--font-size-h6);
	font-weight: normal;
	margin: 0;
}
/* ... Newscategories Filter allgemein ... END
-----------------------------------------------*/



/* ... Newscategories Filter aktive Kategorien ... 
-----------------------------------------------*/
.active-categories {
	margin-bottom: 1em;
}
.active-categories ul {
	background-image: var(--gradient-submit-normal);
	border: 1px solid var(--font-1);
	border-radius: var(--brd-radius);
	padding-inline: .5em;
}
.active-categories li {
	display: inline-block;
}
.active-categories strong {
	font-weight: normal;
	color: var(--font-3);
}
.active-categories strong::after {
	content: '/';
}
.active-categories li:last-child strong::after {
	content: '';
}
/* ... Newscategories Filter aktive Kategorien ... END
-----------------------------------------------*/



/* ... Newscategories Filter inaktive Kategorien  ... 
-----------------------------------------------*/
.inactive-categories {
	margin-bottom: 1.5em;
}
.inactive-categories .content-accordion {
	--themen-width: 50%;
	--gap: 1em;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 0 var(--gap);
	border: 0;
	position: relative;
	overflow: visible;
	margin-bottom: 0;
}
.inactive-categories .handorgel__content {
	box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0);
	border: 1px solid transparent;
	border-radius: var(--brd-radius);
	margin-top: 1px;
	background-color: var(--bg-modules-info);
}
.inactive-categories .handorgel__content--opened {
	border-color: var(--font-1);
	box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, .8);
}
.inactive-categories .handorgel__content__inner {
	background-color: var(--bg-cat-filter);
	overflow-y: auto;
	border: 0 none;
	max-height: 18.4em;
	margin-bottom: 0;
	padding: .5em;
	box-sizing: border-box;
}
.inactive-categories .content-accordion li {
	list-style-type: none;
	margin: 0 0 .4em;
	padding-inline: .5em;
	border-radius: var(--brd-radius);
}
.inactive-categories .content-accordion li:nth-child(odd) {
	background-color: var(--bg-text-links-odd);
}
.inactive-categories .content-accordion li:nth-child(even) {
	background-color: var(--bg-text-links-even);
}
.inactive-categories .content-accordion > .theme {
	width: calc( var(--themen-width) - (var(--gap) / 2) );
}
.inactive-categories .content-accordion > .year {
	width: calc( 100% - (var(--themen-width) + (var(--gap) / 2)) );
}
.inactive-categories .content-accordion > div.year {
	margin-left: calc( var(--themen-width) + (var(--gap) / 2) );
}
.inactive-categories .content-accordion > :nth-child(even) {
	overflow: hidden;
	box-sizing: border-box;
	position: absolute;
	top: min(3.25em, 110%);
	z-index: 1;
}
.inactive-categories .content-accordion .quantity {
	color: var(--font-1);
}
/* ... Newscategories Filter inaktive Kategorien  ... END
-----------------------------------------------*/



/* ... Newscategories JS-Filter  ... 
-----------------------------------------------*/
.mod_catfilter {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	justify-content: space-between;
	font-size: var(--font-size-h7);
	margin-bottom: 50px;
}
.mod_catfilter div {
	flex-grow: 1;
	margin-bottom: 0;
}
.mod_catfilter > div:not(.news_search) {
	background-image: var(--gradient-submit-normal);
	border: 1px solid var(--font-1);
	border-radius: var(--brd-radius);
	padding: .15em .8em;
  box-sizing: border-box;
	flex-grow: 0;
}
.mod_catfilter > div:not(.news_search) span {
	align-items: center;
}
.mod_catfilter .news_sort .radio_container {
	display: flex;
	gap: 1em;
}
.mod_catfilter label {
	white-space: nowrap;
	font-weight: bold;
}
#newstitle {
	height: 100%;
	width: 100%;
	max-width: none;
}
#newstitle::placeholder {
	text-align: center;
	font-weight: bold;
}
/* ... Newscategories JS-Filter  ... END
-----------------------------------------------*/



/* ... Lyrische Texte: Liste  ...
-----------------------------------------------*/
#meineTexte h2 {
	font-size: var(--font-size-h3);
}
.result_counter {
	color: var(--font-7);
	font-size: var(--font-size-normal);
}
.ly {
	display: flex;
	gap: 0 1em;
	padding: .5em;
}
.ly time + a {
	flex-grow: 1;
}
.ly.c72 {
	padding-right: calc(32px + .5em + .5em);
	position: relative;
}
.ly.c72 a::after {
	content: url(img/has_video_black.svg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: .5em;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
}
.ly:where(:nth-child(odd)),
.ly.odd-plus {
	background-color: var(--bg-text-links-odd);
}
.ly:where(:nth-child(even)),
.ly.even-plus {
	background-color: var(--bg-text-links-even);
}
/* ... Lyrische Texte: Liste  ... END
-----------------------------------------------*/



/* ... Lyrische Texte: Nachrichten-Leser  ...
-----------------------------------------------*/
.hl_centered h2 {
	text-align: center;
}
.mod_newsreader .layout_full h3 {
	display: none;
}
.mod_newsreader .content-text h3,
.mod_newsreader .content-image h3 {
	display: block;
}
.mod_newsreader .info {
	width: max-content;
	max-width: 150px;
	height: auto;
	padding: 0 0.5em;
	background-color: var(--bg-modules-info);
	border: 2px solid var(--font-7);
	border-radius: var(--brd-radius);
}
/* ... Lyrische Texte: Nachrichten-Leser  ... END
-----------------------------------------------*/