/**
 * Style für Desktop-Größen
 *
 * Wird eingebunden, wenn 'wp_is_mobile' auf 'false' gesetzt ist.
 * Es wird das Plugin 'tinywp-mobile-detect' verwendet.
 *
 * @link https://wordpress.org/plugins/tinywp-mobile-detect/
 * 
 */

/*--------------------------------------------------------------------------------
* 22.12.2025	DK 	Grundlagen
*
--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
>>> INHALTSVERZEICHNIS: style-desktop.css
----------------------------------------------------------------------------------
00 Anpassungen/Ergänzungen style.css

01 Schriften

02 CSS custom properties (variables)
02.01 Schriften
02.02 Farben
02.03 Border

03 Typography

04 Globales

05 Content
05.01 archive-description
05.02 title
05.04 dk-tabellen (global)
05.05 .no-sicht
05.06 span.content-italic 
05.07 span.content-hervor
05.08 More Link
05.09 img-hover
05.10 img-border
05.11 header-img-border
05.12 margin-top-minus
05.13 margin-top-plus
##05.14 margin-top-minus-text
05.20 mdr-content
05.21 span.content-klein-schrift
05.22 content-header
05.30 spalten-2
05.31 Badge

08 BESONDERES

10 header

11 Sidebar
11.01 Widget 'Text' allgemein --> Sidebar Links
11.02 Widget 'Text' allgemein --> Sidebar Rechts
##11.04 [mdr_widgets_bild_ausw_random] --> 65.03 [mdr_widgets_bild_ausw_random]

12 footer
12.01 Allgemein

13 breadcrumbs

14 comments

20 content --> Bereiche
20.01 content-global
20.02 content-max-page
##20.03 content-max-page-rechts
##20.10 content-max-page-center

25 template-parts
25.01 content
25.02 content-search
25.03 content-none

30 Shortcodes
30.04 [mdr_content_inhaltsverzeichnis]
30.07 [mdr_sys_active_plugins]
30.15 [mdr_cont_frage]
30.20 [mdr_cont_zitat]
30.21 [mdr_cont_ul_ol text="{TEXT}"]
30.22 [mdr_content_bild_datei bild_id={num>0}]

40 Plugins
	##40.01 MetaSlider
	40.02 Relevanssi
	40.03 Shortcodes Ultimate
	40.10 wpDiscuz
	##40.20 Post Tables
	40.30 Page scroll to id
	40.40 Foobox

41 Functionen
41.01 mdr_html_sitemap
41.02 mdr_sys_social_teilen_leiste()
41.03 mdr_sys_navi_post()
41.04 mdr_sys_paginierung()
41.05 mdr_bilder_content_text_anzeigen()

50 Container
50.01 Container: Verteiler global
50.02 Container: cont-verteiler-page-home

99 MediaQueries
99.41 MENU-BREAKPOINT --> Mobile
99.42 BREAKPOINT --> Medium
99.44 BREAKPOINT --> Large
99.45 BREAKPOINT --> Extra large
99.46 BREAKPOINT --> Extra extra large
99.70 MAX-BREAKPOINT
99.90 Anwendungsabhängig Sidebar

999 TEST

--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
00 Anpassungen/Ergänzungen style.css
--------------------------------------------------------------------------------*/
ul, ol {
    margin: 0 0 0.3rem 0.3rem;
    padding-left: 2rem;
}

table {
	border-collapse: collapse;
	margin-bottom: 1rem;
	margin-top:1rem
}

/* https://eurowebpage.com/blog/displays-images-with-inappropriate-size */
img {
	object-fit: contain
}

/*--------------------------------------------------------------------------------
01 Schriften
	@link https://www.mediaevent.de/font-face-schrift-in-webseiten-laden/
	@link https://www.mediaevent.de/css-fluid-font-size/
	@link https://www.mediaevent.de/tutorial/masseinheiten.html
	@link https://www.mediaevent.de/css/clamp.html
--------------------------------------------------------------------------------*/
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('/wp-content/uploads/fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Super Modern Browsers */
}
/* roboto-condensed-italic - latin */
@font-face {
  font-family: 'Roboto Italic';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('/wp-content/uploads/fonts/roboto-v30-latin-italic.woff2') format('woff2'); /* Super Modern Browsers */
}

/* julius-sans-one-regular - latin */
@font-face {
  font-family: 'Julius Sans One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('/wp-content/uploads/fonts/julius-sans-one-v14-latin-regular.woff2') format('woff2'); /* Super Modern Browsers */
}

/*--------------------------------------------------------------------------------
02 CSS custom properties (variables)
	@link https://www.mediaevent.de/css/variable.html
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
02.01 Schriften
@link https://www.w3schools.com/tags/ref_pxtoemconversion.asp
--------------------------------------------------------------------------------*/
:root {
	--fontsize: 1;
	--fontfam-normal: "Roboto",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--fontfam-italic: "Roboto Italic",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--fontfam-ueberschr: "Julius Sans One",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/*--------------------------------------------------------------------------------
02.02 Farben
	@link https://www.leserlich.info/werkzeuge/kontrastrechner/
	@link https://www.w3schools.com/colors/colors_hexadecimal.asp
	@link https://www.w3schools.com/colors/colors_hsl.asp
	@link https://www.w3schools.com/colors/colors_rgb.asp
--------------------------------------------------------------------------------*/
:root {
	/* typography */
	--color-typo-textarea: #0b0a04;
	--color-typo-h1-h6: #0b0a04;
	--color-typo-p: #0b0a04;
	
	/* header */
	--color-brand-title: #0b0a04;		
	--color-brand-descr: #222220;
	/* breadcrumbs */
	--color-breadcrumbs: #000000;
	/* widget */
	--color-widget-title: #000000;
	--color-widget-text: #5e5e5e;
	/* footer */
	--color-footer: #000000;
	/* entry-meta */
	--color-entry-meta-text: #262626;
	--color-entry-meta-hervor-text: #9d0b0b;
	/* info-text */
	--color-entry-info-hervor-text: #006231;
	/* content */
	--color-archive-description: #235770;
}

/*--------------------------------------------------------------------------------
02.03 Border
--------------------------------------------------------------------------------*/
:root {
	--border-widget: 1px solid #ebebeb;
	--border-footer: 1px solid #ebebeb;
	--border-breadcrumbs: 1px solid #ebebeb;
	--border-entry-meta: 1px solid #ebebeb;
	--border-social-media: 1px solid #00ff7f;
	--border-archive-description: 1px solid #ebebeb;
	--border-title: 1px solid #f7625f;
	--color-content-border: 1px solid hsl(0, 0%, 92%);
}

/*--------------------------------------------------------------------------------
03 Typography
--------------------------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	font-family: var(--fontfam-normal);
	font-size: calc(var(--fontsize) * 1rem);
	color: var(--color-typo-textarea);
	line-height: 1.4;
	font-weight: 400;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: var(--fontfam-ueberschr);
	font-size: calc(var(--fontsize) * 1rem);
	color: var(--color-typo-h1-h6);
	line-height: 1.4;
	font-weight: 400;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
}
h1 {
	font-size: calc(var(--fontsize) * 1.5rem);
}
h2 {
	font-size: calc(var(--fontsize) * 1.375rem);
}
h3 {
	font-size: calc(var(--fontsize) * 1rem);
}

p {
	font-family: var(--fontfam-normal);
	font-size: calc(var(--fontsize) * 1.1rem);
	color: var(--color-typo-p);
	line-height: 1.2;
	font-weight: 400;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
}

/*--------------------------------------------------------------------------------
04 Globales
--------------------------------------------------------------------------------*/
.content-area {
    padding-right: 0.5%;
	padding-left: 0.5%;
}

/* hyphens */
/* @link https://www.mediaevent.de/css3-silbentrennung-hyphens/ */
/* @link https://medium.com/clear-left-thinking/all-you-need-to-know-about-hyphenation-in-css-2baee2d89179 */
.content-area p {
    hyphens: auto;
}

.center-img img {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#comments {
	/*margin: 0px !important;*/
	margin: 0px;
}

/*--------------------------------------------------------------------------------
05 Content
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
05.01 archive-description
--------------------------------------------------------------------------------*/
.archive-description p {
	font-family: var(--fontfam-italic);
	font-size: calc(var(--fontsize) * 1rem);
	line-height: 1.1;
	color: var(--color-archive-description);
	-webkit-font-smoothing: antialiased;

	text-align: left;	
    margin-top: 3px;
    margin-bottom: 2px;
}
.archive-description {
/*	border-top: var(--border-archive-description);*/
	border-bottom: var(--border-archive-description);
	padding-top: 1px;
	padding-bottom: 4px;
}

.archive-description img {
	float: left;
	margin-right: 6px;
	margin-top: 6px;
	margin-bottom: 4px;
}

/*--------------------------------------------------------------------------------
05.02 title
--------------------------------------------------------------------------------*/
h1.page-title,
h2.entry-title,
h1.entry-page-title,
h1.entry-title
{
	font-family: var(--fontfam-ueberschr);
	line-height: 1.1;
	color: var(--color-typo-h1-h6);
	-webkit-font-smoothing: antialiased;
}
h1.page-title {
	font-size: calc(var(--fontsize) * 1.7rem);
	text-align: center;	
    margin-top: 10px;
    margin-bottom: 0.3rem;
	border-bottom: var(--border-title);
	padding-bottom: 4px;
}
.page-title-under {
	font-size: calc(var(--fontsize) * 1.7rem);
	text-align: center;	
    margin-top: 10px;
    margin-bottom: 0px;
	border-bottom: var(--border-title);
}
h1.entry-title {
	font-size: calc(var(--fontsize) * 1.5rem);
	text-align: left;	
    margin-top: calc(var(--fontsize) * 0.5rem);
    margin-bottom: 3px;
}
h2.entry-title {
	font-size: calc(var(--fontsize) * 1.5rem);
	text-align: left;	
    margin-top: calc(var(--fontsize) * 1rem);
    margin-bottom: 0px;
}
h2.entry-title a {
	text-decoration: none;
}
h1.entry-page-title {
	font-size: calc(var(--fontsize) * 1.625rem);
	text-align: center;	
    margin-top: calc(var(--fontsize) * 1rem);
	margin-bottom: calc(var(--fontsize) * 0.5rem);
	border-bottom: var(--border-title);
}

/*--------------------------------------------------------------------------------
05.04 dk-tabellen (global)
	!!! ACHTUNG !!! Hier befinden sich nur die global geregelten Teile	
--------------------------------------------------------------------------------*/
:root {
	--tab-color-font: hsl(0, 0%, 1%);
	--tab-color-titel: hsl(210, 100%, 85%);
	--tab-color-back-hover: hsl(150, 100%, 50%);
	--tab-color-back-zeil-gerade: hsla(0, 0%, 100%, 1);
	--tab-color-back-zeil-ungerade: hsla(0, 0%, 97%, 0.4);
	--tab-back-color-thead-tfoot: hsl(0, 100%, 90%);
	
	--tab-border: 1px solid hsl(0, 0%, 57%);
}

.dk-tabellen {
	font-family: var(--fontfam-normal);
	font-size: calc(var(--fontsize) * 1rem);
	color: var(--tab-color-font);
	line-height: 1.2;
	-webkit-font-smoothing: antialiased;
	margin-top: 5px;
}

/* Tabellen caption */
.dk-tabellen caption {
	border: solid 1px;
    border-bottom: none;
	border: var(--tab-border);
}	

/* Tabellen Titel */
.dk-tabellen .tab-titel {
	background-color: var(--tab-color-titel);
	margin-top: 0px;
	margin-bottom: 0px;
}
.dk-tabellen .tab-titel p {
    text-align: center;
    margin-top: calc(var(--fontsize) * 0.125rem);
    margin-bottom: calc(var(--fontsize) * 0.125rem);
}

/* Header+Footer */
.dk-tabellen thead,
.dk-tabellen tfoot
{
	border: var(--tab-border);
    background-color: var(--tab-back-color-thead-tfoot);
}
.dk-tabellen th {
	font-weight: normal;
	font-style: italic;
	border: var(--tab-border);
}

/* Zeilen */
.dk-tabellen td {
	padding-left: calc(var(--fontsize) * 0.188rem);
	padding-right: calc(var(--fontsize) * 0.188rem);
	text-align: left;
	word-wrap: break-word;
	border: var(--tab-border);
}
.dk-tabellen td p { /* wegen WYSIWYG-Editor */
	font-size: calc(var(--fontsize) * 1rem);
	margin-top: 0px;
	margin-bottom: 0px;
}


/* Sonstiges */
.dk-tabellen tbody tr:nth-child(odd) {
    background-color: var(--tab-color-back-zeil-gerade);
}
.dk-tabellen tbody tr:nth-child(even) {
    background-color: var(--tab-color-back-zeil-ungerade);
}
.dk-tabellen tbody tr:hover {
    background-color: var(--tab-color-back-hover);
}
.dk-tabellen a {
	color: hsl(217, 100%, 50%);
}

/*--------------------------------------------------------------------------------
05.05 .no-sicht
--------------------------------------------------------------------------------*/
/* Ausblenden(aber nicht display: none ;, für Zugänglichkeit) */
.no-sicht { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/*--------------------------------------------------------------------------------
05.06 span.content-italic
--------------------------------------------------------------------------------*/
span.content-italic {
    font-family: "Roboto Italic";
}

/*--------------------------------------------------------------------------------
05.07 span.content-hervor
--------------------------------------------------------------------------------*/
span.content-hervor {
    color: var(--color-entry-meta-hervor-text);
}

/*--------------------------------------------------------------------------------
05.08 More Link
--------------------------------------------------------------------------------*/
.entry-content .more-link {
 	font-size: calc(var(--fontsize) * 1.1rem);
	font-family: var(--fontfam-italic);
 }
.entry-content .more-link:after {
    content: " \02192";
}
.entry-content a.more-link:hover {
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.entry-content a.more-link:link {
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	text-decoration: none;
}

.entry-content a.more-link:link,
.entry-content a.more-link:visited,
.entry-content a.more-link:hover,
.entry-content a.more-link:active
{
/*	color: rgb(100, 0, 0);*/
}

.entry-content a.more-link:hover {
	opacity: 1.0;
	padding-left: 20px !important;
}

/*--------------------------------------------------------------------------------
05.09 img-hover
--------------------------------------------------------------------------------*/
.img-hover img {
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.img-hover img:hover {
	opacity: 0.7;
}

/*--------------------------------------------------------------------------------
05.10 img-border
--------------------------------------------------------------------------------*/
.img-border img {
    padding: 2px 2px 2px 2px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: white;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

/*--------------------------------------------------------------------------------
05.11 header-img-border
--------------------------------------------------------------------------------*/
.header-img-border img {
    padding: 2px 2px 2px 2px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: white;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}*

/*--------------------------------------------------------------------------------
05.12 margin-top-minus
--------------------------------------------------------------------------------*/
.margin-top-minus {
	margin-top: -2px !important;
}

/*--------------------------------------------------------------------------------
05.13 margin-top-plus
--------------------------------------------------------------------------------*/
.margin-top-plus {
	margin-top: 4px !important;
}

/*--------------------------------------------------------------------------------
05.20 mdr-content
--------------------------------------------------------------------------------*/
.mdr-content,
.mdr-content h2,
.mdr-content h3
{
	font-family: var(--fontfam-normal);
	color: var(--color-inhalt);
	line-height: 1.4;
	font-weight: 400;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}
.mdr-content h2 {
	font-size: calc(var(--fontsize) * 1.25rem);
	margin-top: 1rem;
    margin-bottom: 3px;
    border-bottom: var(--color-content-border);
    color: var(--color-entry-meta-hervor-text);	
}
.mdr-content h3 {
	font-size: calc(var(--fontsize) * 1.2rem);
    margin-bottom: 1px;
    border-bottom: var(--color-content-border);
	color: var(--color-entry-meta-hervor-text);	
	margin-top: 4px;
}

/*--------------------------------------------------------------------------------
05.21 span.content-klein-schrift
--------------------------------------------------------------------------------*/
span.content-klein-schrift {
    font-size: calc(var(--fontsize) * 1rem);
}

/*--------------------------------------------------------------------------------
05.22 content-header
--------------------------------------------------------------------------------*/
.content-header p {
	font-family: var(--fontfam-italic);
    font-size: calc(var(--fontsize) * 1.25rem);
	margin-top: 0px;
	margin-bottom: 10px;
}	

.content-header {
	margin-top: 0.5%;
	margin-bottom: 4px;
}

.content-header img {
	object-fit: contain;
}

.content-header-spalten-2 {
	column-width: 30rem; 
	column-gap: 3rem; 
	column-rule: 1px solid #ccc; 
	column-count: 2;
}

/*--------------------------------------------------------------------------------
05.30 spalten-2
--------------------------------------------------------------------------------*/
.spalten-2 {
  column-width: 30rem; 
  column-gap: 3rem; 
  column-rule: 1px solid #ccc; 
  column-count: 2;
}

/*--------------------------------------------------------------------------------
05.31 Badge
--------------------------------------------------------------------------------*/
.mdr-badge {
    background: #D32F2F;
    color: #fff;
    font-weight: normal;
    font-size: 10px;
    text-transform: none;
    text-decoration: none;
    font-family: inherit;
}

.mdr-badge {
    border-radius: 2px 2px 2px 2px;
    display: inline;
    padding: 1px 4px 1px 4px;
    top: -7px;
    position: relative;
    margin: 0 0 0 6px;
    text-align: center;
}

/*--------------------------------------------------------------------------------
08 BESONDERES
--------------------------------------------------------------------------------*/
/* Ansicht anpassen ausblenden 'Willkommen' */
#wpadminbar span.display-name.edit-profile {
    display: none !important;
}

/* Ansicht anpassen ausblenden 'Ansicht anpassen' */
button#show-settings-link {
    /*display: none;*/
}

/* Ansicht anpassen ausblenden 'Datei bearbeiten' */
span#mla_metadata_links {
    display: none;
}
tr.compat-field-su_slide_link {
    display: none !important;
}

/*--------------------------------------------------------------------------------
10 header
--------------------------------------------------------------------------------*/
a.logo-pos {
	margin: 0%;
}

.site-branding {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: center;
}

.site-branding p.brand-title {
	font-family: var(--fontfam-ueberschr);
	font-size: calc(var(--fontsize) * 1.8rem);
	line-height: 1.1;
	color: var(--color-brand-title);
	-webkit-font-smoothing: antialiased;
	
	text-align: left;
	margin: -7px 0% 0% 0%;
}

.site-branding .brand-text {
    margin: 0% 0% 0% 0.5%;
}

.site-branding .brand-title a:link,
.site-branding .brand-title a:visited,
.site-branding .brand-title a:hover,
.site-branding .brand-title a:focus,
.site-branding .brand-title a:active {
	text-decoration: none;
	color: 	hsl(50, 50%, 2%);
}

.site-branding p.brand-description {
	font-family: var(--fontfam-italic);
	font-size: calc(var(--fontsize) * 1.1rem);
	line-height: 1.1;
	color: var(--color-brand-descr);
	-webkit-font-smoothing: antialiased;
	
	text-align: left;
	margin: -5px 0% 0% 0%;
}

/*--------------------------------------------------------------------------------
11 Sidebar	
--------------------------------------------------------------------------------*/
section[id^="text-"] h2.text-widget-title,
section[id^="nav_menu-"] h2.text-widget-title,
section#custom_html-2 h2.text-widget-title
{
	font-family: var(--fontfam-ueberschr);
	font-size: calc(var(--fontsize) * 1rem);
	line-height: 1.4;
	color: var(--color-widget-title);
	-webkit-font-smoothing: antialiased;
}
section[id^="text-"] .textwidget p
{
	font-family: var(--fontfam-normal);
	font-size: calc(var(--fontsize) * 1rem);
	line-height: 1.4;
	color: var(--color-widget-text);
	-webkit-font-smoothing: antialiased;
}
aside[id^="sidebar-rechts-"],
aside[id^="sidebar-links-"]
{
	padding-bottom: 1px;
	margin-top: 0px;
}

aside[id^="sidebar-rechts-"] section[id^="text-"] ul,
aside[id^="sidebar-links-"] section[id^="text-"] ul
{
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 1.5em;
	padding-right: 5px;
	font-size: calc(var(--fontsize) * 0.9rem);
	text-align: left;
    word-wrap: break-word;
}
aside[id^="sidebar-rechts-"] section[id^="text-"],
aside[id^="sidebar-links-"] section[id^="text-"]
{
	overflow: hidden;
    width: 100%;
	padding-bottom: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
}
aside[id^="sidebar-rechts-"] section[id^="text-"] h2.text-widget-title,
aside[id^="sidebar-links-"] section[id^="text-"] h2.text-widget-title
{
	margin-top: -1px;
	margin-bottom: 0px;
	text-decoration: none;
	border-bottom: var(--border-widget);
	padding: 3px;
}

aside[id^="sidebar-rechts-"] section[id^="text-"] .textwidget p,
aside[id^="sidebar-links-"] section[id^="text-"] .textwidget p
{
	margin-bottom: 0px;
	padding: 3px;
	font-size:  calc(var(--fontsize) * 1rem);
	line-height: 1.1;
	margin-top: 0;
    word-wrap: break-word;
}

/*--------------------------------------------------------------------------------
11.01 Widget 'Text' allgemein --> Sidebar Links	
--------------------------------------------------------------------------------*/
aside[id^="sidebar-links-"] section[id^="text-"] .textwidget
{
	border-right: var(--border-widget);
    border-bottom: var(--border-widget);
}

aside[id^="sidebar-links-"] section[id^="text-"]::after
{
	content: '\00A0';
	font-size: calc(var(--fontsize) * 0.2rem);
	margin-bottom: -1px;
	float:right;
	border-right: var(--border-widget);
}

aside[id^="sidebar-links-"] section[id^="text-"] h2.text-widget-title
{
	border-right: var(--border-widget);
	text-align: left;
	padding-top: 6px;
    padding-right: 3px;
	padding-bottom: 0;
}

aside[id^="sidebar-links-"] section[id^="text-"] .textwidget p
{
	text-align: left;
	hyphens: auto;
}

aside[id^="sidebar-rechts-"] section[id^="text-"] .textwidget a
{
	font-size: calc(var(--fontsize) * 1rem);
}

aside[id^="sidebar-rechts-"] section[id^="text-"] .textwidget ul li
{
	margin-bottom: 2px;
}

/*--------------------------------------------------------------------------------
11.02 Widget 'Text' allgemein --> Sidebar Rechts	
--------------------------------------------------------------------------------*/
aside[id^="sidebar-rechts-"] section[id^="text-"] .textwidget
{
	border-left: var(--border-widget);
    border-bottom: var(--border-widget);
}

aside[id^="sidebar-rechts-"] section[id^="text-"]::after
{
	content: '\00A0';
	font-size: calc(var(--fontsize) * 0.2rem);
	margin-bottom: -1px;
	float:left;
	border-left: var(--border-widget);
}

aside[id^="sidebar-rechts-"] section[id^="text-"] h2.text-widget-title
{
	border-left: var(--border-widget);
	text-align: left;
	padding-top: 6px;
    padding-left: 3px;
	padding-bottom:0;
}

aside[id^="sidebar-rechts-"] section[id^="text-"] .textwidget p
{
	text-align: left;
	hyphens: auto;
}

aside[id^="sidebar-rechts-"] section[id^="text-"] .textwidget a
{
	font-size: calc(var(--fontsize) * 1rem);
}

aside[id^="sidebar-rechts-"] section[id^="text-"] .textwidget ul li
{
	margin-bottom: 2px;
}

/*--------------------------------------------------------------------------------
12 footer
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
12.01 Allgemein
--------------------------------------------------------------------------------*/
.site-footer {
	overflow: auto;
    width: 100%;
	display: inline-block;
}

.site-footer,
.site-footer p
{
	font-family: var(--fontfam-italic);
	font-size: calc(var(--fontsize) * 1.1rem);
	line-height: 1.4;
	color: var(--color-footer);
	-webkit-font-smoothing: antialiased;
}

.site-footer {	
	margin-top: calc(var(--fontsize) * 0.750rem);
	margin-bottom: calc(var(--fontsize) * 2rem);
	border-top: var(--border-footer);
	border-bottom: var(--border-footer);
}

.site-footer a {
	padding-left: 3px;
	padding-right: 3px;
}

.site-footer .site-info {	
    margin: 0% 0.2% 0.2% 0.2%;
}

.site-footer .site-info p {
	margin-top: 0px;
	margin-bottom: 0px;
}

/*--------------------------------------------------------------------------------
13 breadcrumbs
--------------------------------------------------------------------------------*/
.breadcrumbs p {
	font-family: var(--fontfam-italic);
	font-size: calc(var(--fontsize) * 0.85rem);
	line-height: 1.4;
	color: var(--color-breadcrumbs);
	-webkit-font-smoothing: antialiased;
	
	border-bottom: var(--border-breadcrumbs);
	padding-left: 0.5%;
    padding-right: 0.5%;
	margin-top: 7px;
	margin-bottom: 2px;
	text-align: left;
}

/*--------------------------------------------------------------------------------
14 comments
--------------------------------------------------------------------------------*/
.my-comment {
	margin-top: 0px !important;
}

/* @link https://www.html-seminar.de/css-blinkender-text.htm */
/*.my-comment { 
    animation-name: animation_blink_5s;
    animation-timing-function: ease-in;
    animation-duration: 2s; 
    animation-iteration-count: 2.5;   
    animation-fill-mode: both;
}

@keyframes animation_blink_5s {
    0% {  
        background-color: rgb(211,211,211);
    }
    50% {  
        background-color: white;
    }
    100% {  
        background-color: rgb(211,211,211);
    }
}*/

/*--------------------------------------------------------------------------------
20 content --> Bereiche
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
20.01 content-global
--------------------------------------------------------------------------------*/
/* mit Sidebar 1600px Rechts+Links */
.content-global
{
	max-width: 1600px;
	position: relative;
	margin: 0 auto;
}

/* Sidebar Links */
.content-global [class^="links-"]
{
	float: left;
	overflow: hidden;
	width: 15%;
}

/* Content */
.content-global .content-area
{
	float: left;
	width: 55%;
}

/* Sidebar Rechts */
.content-global [class^="rechts-"]
{
	float: left;
	overflow: hidden;
	width: 30%;
}

/*--------------------------------------------------------------------------------
20.02 content-max-page
--------------------------------------------------------------------------------*/
/* ohne Sidebar */
.content-max-page
{
	max-width: 1600px;
	position: relative;
	margin: 0 auto;
}

/*--------------------------------------------------------------------------------
25 template-parts
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
25.01 content
--------------------------------------------------------------------------------*/
.entry-header h2 a {
	text-decoration: none;	
}

.entry-meta p,
.entry-meta-single p
{
	font-family: var(--fontfam-italic);
	font-size: calc(var(--fontsize) * 1rem);
	line-height: 1.1;
	color: var(--color-entry-meta-text);
	-webkit-font-smoothing: antialiased;
	
	margin-top: 0px;
	margin-bottom: 0px;
}
.entry-meta {
	border-top: var(--border-entry-meta); 
	border-bottom: var(--border-entry-meta);
	padding-top: 1px;
    padding-bottom: 8px;
}
.entry-meta-single {
/*	border-top: var(--border-entry-meta); */
	border-bottom: var(--border-entry-meta);
	padding-top: 1px;
    padding-bottom: 8px;
}
	
span.meta-hervor {
	color: var(--color-entry-meta-hervor-text);	
}

.content-global .entry-content,
.content-max-page-rechts .entry-content {
	margin-top: 0;
	margin-bottom: 0.6rem;
}

.content-global .entry-content p {
/*	margin-top: -4px;*/
	margin-top: 0;
	margin-bottom: 0;
}

/*--------------------------------------------------------------------------------
25.02 content-search
--------------------------------------------------------------------------------*/
span.search-farbe {
    background-color: #00ff7f;	
}

.entry-summary {
	margin: 0;
}

.entry-summary p {
	margin-top: 0;
	margin-bottom: 0;
}

/*--------------------------------------------------------------------------------
25.03 content-none
--------------------------------------------------------------------------------*/
.content-none p {
	margin-top: 0;
	margin-Bottom: 0;
}

/*--------------------------------------------------------------------------------
30 Shortcodes
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
30.04 [mdr_content_inhaltsverzeichnis]
--------------------------------------------------------------------------------*/
:root {
	--color-inhalt-border: 1px solid hsla(330, 100%, 50%, 0.5);
	--color-inhalt-struktur-border: 1px solid hsl(0, 0%, 92%);
	--color-inhalt: hsl(0, 0%, 1%);
	--color-inhalt-link: hsl(17, 87%, 47%);
}

/* Inhaltsverzeichnis selbst */
.toc {
    /*border-bottom: var(--color-inhalt-border);*/
	/*float: left;*/
    width: 100%;
    clear: both;
    box-sizing: content-box;
	margin-bottom: calc(var(--fontsize) * 0.7rem);
}
.toc {
	font-family: var(--fontfam-normal);
	font-size: calc(var(--fontsize) * 1.1rem);
	color: var(--color-inhalt);
	line-height: 1.4;
	font-weight: 400;
    font-style: italic;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.toctitle h2 {
	border-top: var(--color-inhalt-border);
    border-bottom: var(--color-inhalt-border);
	font-size: calc(var(--fontsize) * 1.2rem);
	margin-top: calc(var(--fontsize) * 0.7rem);
	margin-bottom: calc(var(--fontsize) * 0.25rem);
	padding: 0px 5px 0px 5px;
}
#toc ul {
	list-style: none;
	margin: 3px 5px 10px 15px;
	padding: 0;
}
#toc ul ul {
	margin: 0px 5px 0px 20px;
	padding: 0;
}
#toc a:visited {
    color: #4169e1;
}
.toclevel-1 {
    font-size: calc(var(--fontsize) * 1rem);
	padding-top: 0px;
}

.toclevel-2 {
    font-size: calc(var(--fontsize) * 1rem);
	padding-top: 3px;
}
.tocabstand {
	padding-top: 8px;
}

/* Inhalt */
.toc-text-einrueck {
    margin-left: 3%;
    margin-right: 3%;
}

/* Besonderes */
section#kommentare {
    display: none;
}

/*--------------------------------------------------------------------------------
30.07 [mdr_sys_active_plugins]
--------------------------------------------------------------------------------*/
:root {
	--grid-color-font: hsl(0, 0%, 1%);
}

.grid-container p {
	font-size: calc(var(--fontsize) * 1.1rem);
	line-height: 1.1;
	-webkit-font-smoothing: antialiased;
	
	margin-top: 0%;
	margin-bottom: 0%;
}

.grid-container {
	display: grid;
	grid-template-columns: 1fr 2fr 3fr 1fr 4fr;
	border-top: 1px solid black;
	border-right: 1px solid black;
}

.grid-container a {
	word-wrap: break-word;
	word-break: break-all;
}

.grid-container > p {
	padding: 2px 2px;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}

/* 
 * Diese Abfrage wird wirksam für jeden Bildschirm kleiner ist als 800px
*/
@media only screen and (max-width: 800px) {
	/* Tabelle verwendete Plugins */
	.no-sicht-tabelle-plugins {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
}

/* 
 * Diese Abfrage wird wirksam für jeden Bildschirm groesser ist als 800px
*/
@media only screen and (min-width: 800px) {
	/* Tabelle verwendete Plugins */
	.no-info-tabelle-plugins {
		display: none;
	}
}

/*--------------------------------------------------------------------------------
30.15 [mdr_cont_frage]
--------------------------------------------------------------------------------*/
.content-frage{
	margin-top: 1rem;
	margin-bottom: 0.3rem;
}
.content-frage p {
	font-family: Georgia, serif;
	font-size: 24px;
	font-style: italic;
	width: 90%;
	margin: 0.5rem auto;
    padding: 0px 8px 11px 26px;
	line-height: 1.45;
	position: relative;
	color: #383838;
}
.content-frage p:before {
	display: block;
	content: "\003F";
	font-size: 40px;
	position: absolute;
	left: -5px;
	top: -15px;
	color: rgb(0,255,127);
}

/*--------------------------------------------------------------------------------
30.20 [mdr_cont_zitat] 
--------------------------------------------------------------------------------*/
.content-zitat p {
font-family: Georgia, serif;
    font-size: 24px;
    font-style: italic;
    /* width: 90%; */
    /* margin: 0.5rem auto; */
    /* padding: 0.5rem 40px; */
    line-height: 1.45;
    position: relative;
    color: #383838;
}

/*blockquote+cite*/
.content-zitat blockquote {
	font-family: Georgia, serif;
	font-size: 20px;
	font-style: italic;
	width: 90%;
	margin: 0.5rem auto;
	padding: 0.5rem 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
}
.content-zitat blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -5px;
	top: -20px;
	color: rgb(0,255,127);
}
.content-zitat blockquote cite {
	color: #0060ff;
	font-size: 1rem;
	display: block;
	margin-top: 0px;
	margin-right: 10px;
	text-align: right;
}

.content-zitat blockquote cite:before {
	content: "\2014 \2009";
}

/*--------------------------------------------------------------------------------
30.21 [mdr_cont_ul_ol text="{TEXT}"]
--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
30.22 [mdr_content_bild_datei bild_id={num>0}]
--------------------------------------------------------------------------------*/
.mdr-content-bild-datei {
		margin-top: 5px;
		margin-bottom: 5px;
}

/*--------------------------------------------------------------------------------
40 Plugins
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
40.02 Relevanssi
--------------------------------------------------------------------------------*/
span.rel-search-color {
    background-color: #00ff7f;
}

/*--------------------------------------------------------------------------------
40.03 Shortcodes Ultimate
	@link https://getshortcodes.com/docs/customizing-the-spoiler-shortcode-appearance/
--------------------------------------------------------------------------------*/
.su-accordion {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
}

/* Text 'header' */
.su-spoiler.mdr_spoiler > .su-spoiler-title {
	font-family: var(--fontfam-ueberschr);
	font-size: calc(var(--fontsize) * 1rem);
	color: var(--color-typo-p);
	line-height: 1.4;
	font-weight: 400;
    font-style: normal;
	-webkit-font-smoothing: antialiased;	

}

/* 'header' */
.su-spoiler-style-modern-light.mdr_spoiler {

}
.su-spoiler-style-modern-light.mdr_spoiler>.su-spoiler-title {
    padding: 2px 34px 2px 10px;
}

/* Icon */
.su-spoiler.mdr_spoiler > .su-spoiler-title > .su-spoiler-icon {
	font-family: dashicons;
	font-size: 21px;
    color: #4d4d4d;
	top: 1px;
}
.su-spoiler-icon-arrow.mdr_spoiler.su-spoiler-closed .su-spoiler-icon:before {
    content: "\f347";
}
.su-spoiler-icon-arrow.mdr_spoiler .su-spoiler-icon:before {
    content: "\f343";
}

/* 'content' */
.su-spoiler.mdr_spoiler > .su-spoiler-content p {
	font-family: var(--fontfam-italic);
    font-size: calc(var(--fontsize) * 1.1rem);
    color: var(--color-typo-p);
    line-height: 1.1;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}

/*--------------------------------------------------------------------------------
40.10 wpDiscuz
	@link 
--------------------------------------------------------------------------------*/
/* Global */
div#comments {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Box */
#wpdcom .wpd-thread-list {
    padding: 5px 0 !important;	
}

/* Textbereich */
#wpdcom .wpd-comment-text * {
	font-family: var(--fontfam-normal);
    font-size: calc(var(--fontsize) * 1rem);
    color: var(--color-typo-p);
    line-height: 1.2 !important;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
	margin-top: 0px;
}

/* Author + Lighthouse */
#wpdcom .wpd-comment-header,
#wpdcom .wpd-blog-post_author .wpd-comment-author, #wpdcom .wpd-blog-post_author .wpd-comment-author a
{
    font-weight: 400 !important;
	color: #1c7c69 !important;
}    

/* Lighthouse allgemein */
#wpdcom .wpd-comment-right .wpd-comment-last-edited,
#wpdcom .wpd-thread-filter .wpdf-sorting,
#wpdcom.wpd-layout-2 .wpd-comment-header .wpd-comment-date,
#wpdcom span, #respond #wpdcom span, #wpdcom span
{
	color: #272727 !important;
}

/*--------------------------------------------------------------------------------
40.30 Page scroll to id
	@link 
--------------------------------------------------------------------------------*/
.mPS2id-highlight { 
	background: #ff0;
}
.mPS2id-highlight-first { 

}
.mPS2id-highlight-last { 
 
}

.mPS2id-target h2 { 
    background: #ff0; 
}

.mPS2id-target h3 { 
    background: #ff0;
}

/*--------------------------------------------------------------------------------
40.40 Foobox
	@link 
--------------------------------------------------------------------------------*/
.fbx-rounded .fbx-inner {
    border: solid 3px transparent;
    border-radius: 6px;
}

/*--------------------------------------------------------------------------------
41 Functionen
--------------------------------------------------------------------------------*/
.sitemap-sitemap {
	/* display */
	display: -webkit-flex; 
	display: -ms-flexbox;  
    display: flex;
	
	/* RICHTUNG */
	flex-direction: row; 				/* default = row */
	flex-wrap: wrap;					/* default = nowrap */

	/* AUSRICHTUNG */
	justify-content: flex-start;		/* default = flex-start */
	align-items: stretch;				/* default = flex-start */
	align-content: flex-start;			/* default = flex-start */

	/* Sonstiges */
}

/* Flex-Items --> REIHENFOLGE --> order */
/*.sitemap-sitemap .flex-item-1 {order: 1;}	/* default = 1 */

/* Flex-Items --> AUSRICHTUNG --> align-self */
/*.sitemap-sitemap .flex-item-1 {align-self: auto;}	/* default = auto */


/* Flex-Items */
.sitemap-sitemap section {
	/* Flex-Items --> AUSDEHNUNG --> flex-grow */
	flex-grow: 1;		/* default = initial */
	
	/* Flex-Items --> AUSDEHNUNG --> flex-shrink  */
	flex-shrink: 1;		/* default = initial */

	/* Flex-Items --> AUSDEHNUNG --> flex-basis */	
	flex-basis: 40%;		/* default = auto */

	/* Sonstiges */
    margin: 5px;
	padding: 5px;
}
.sitemap-sitemap section {
    list-style-type: none;
    border: 1px solid rgb(234,234,234);
	border-radius: 8px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.sitemap-sitemap section:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

/* Aufhübschen */
.sitemap-sitemap ul {
	margin-bottom: 6px;
    margin-left: 12px;
	list-style: none;
	font-size: calc(var(--fontsize) * 0.875rem);
	list-style-type: disc;
    padding-left: 15px;	
}
.sitemap-sitemap h2 {
    margin-top: 5px;
	margin-bottom: 0px;
	border-bottom: 1px solid rgb(188, 188, 188);
	text-align: center;
}
.sitemap-sitemap a {
	font-size: calc(var(--fontsize) * 1rem);
}	
.sitemap-sitemap ul li {
    margin-bottom: 2px;
}
.sitemap-sitemap h3 {
    font-family: var(--fontfam-normal);
    font-size: calc(var(--fontsize) * 1rem);
    -webkit-font-smoothing: antialiased;
    margin-top: 5px;
    margin-bottom: 0px;
    border-bottom: 1px solid rgb(234,234,234);
}

.sitemap-info-text {
	font-family: var(--fontfam-italic);
	font-size: calc(var(--fontsize) * 0.75rem);
	color: var(--color-entry-meta-hervor-text);
	line-height: 1.1;
	-webkit-font-smoothing: antialiased;
}

/* 
 * Diese Abfrage wird wirksam für jeden Bildschirm kleiner ist als 768px
*/
@media only screen and (max-width: 768px) {
	/* Flex-Items */
	.sitemap-sitemap section {
		/* Flex-Items --> AUSDEHNUNG --> flex-basis */	
		flex-basis: 100%;		/* default = auto */
		/* RICHTUNG */
		flex-direction: column; 				/* default = row */
	}
}

/*--------------------------------------------------------------------------------
41.02 mdr_sys_social_teilen_leiste()
--------------------------------------------------------------------------------*/
.social-teilen-leiste {
    overflow: auto;
    width: 100%;
}
.social-teilen-leiste {
	display: -webkit-flex;
	display: flex;
	margin-top: 0.5%;
	margin-bottom: 0.5%;
	padding-top: 5px;
}
.social-teilen-leiste a:link,
.social-teilen-leiste a:visited,
.social-teilen-leiste a:hover,
.social-teilen-leiste a:focus,
.social-teilen-leiste a:active {
	text-decoration: none;
	outline: 0;
}
.social-teilen-leiste p {
	font-family: var(--fontfam-italic);
    font-size: calc(var(--fontsize) * 1.25rem);
    padding-right: 5px;
	margin: 0;
}
.social-teilen-leiste img {
    text-decoration: none;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.social-teilen-leiste img:hover {
	opacity: 0.5;
}
.social-teilen-facebook,
.social-teilen-google {
	margin-right: 5px;
}

.social-teilen-leiste {
	border-top: var(--border-social-media);
	border-bottom: var(--border-social-media);
}

/*--------------------------------------------------------------------------------
41.03 mdr_sys_navi_post()
--------------------------------------------------------------------------------*/
.navi-post {
    overflow: auto;
    width: 100%;
}

.navi-post p {
	font-family: var(--fontfam-italic);
	font-size: calc(var(--fontsize) * 1rem);
	line-height: 1.1;
	color: var(--color-entry-meta-hervor-text);
	-webkit-font-smoothing: antialiased;
	
	margin-top: 0.5%;
	margin-bottom: 0%;
}

.beitrag-danach {
	float: right;
}

.post-danach {
	clear: both;
	float: right;
}

/*--------------------------------------------------------------------------------
41.04 mdr_sys_paginierung()
--------------------------------------------------------------------------------*/
.dk-pagination {
    text-align: center;
    font-size: 14px;
}
.dk-pagination ul.page-numbers {
	/* display */
	display: -webkit-flex; 
	display: -ms-flexbox;  
    display: flex;
	
	/* RICHTUNG */
	flex-direction: row; 				/* default = row */
	flex-wrap: wrap;					/* default = nowrap */

	/* AUSRICHTUNG */
	justify-content: flex-start;		/* default = flex-start */
	align-items: stretch;				/* default = flex-start */
	align-content: flex-start;			/* default = flex-start */
	
	/* Sonstiges */
	list-style: none;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 1em;
	padding: 0;
}
.dk-pagination li {
 	/* Flex-Items --> AUSDEHNUNG --> flex-grow */
	flex-grow: 1;		/* default = initial */
	
	/* Flex-Items --> AUSDEHNUNG --> flex-shrink  */
	flex-shrink: 1;		/* default = initial */

	/* Flex-Items --> AUSDEHNUNG --> flex-basis */	
	flex-basis: auto;		/* default = auto */
}

/* Aufhübschen */
.dk-pagination li {
	margin: 3px;
	border: 1px solid rgb(140,140,140);
	border-radius: 5px;
	overflow: hidden;
}

.dk-pagination span.page-numbers.current {
    background: rgb(209,209,209);
    padding: .3em 1.0em 0.3em;
	display: inline-block;
    color: black;
	width: 100%;
}
.dk-pagination .page-numbers a {
	background: rgb(234,234,234);
    padding: .3em 1.0em 0.3em;
	display: inline-block;
	text-decoration: none;
    color: black;
    width: 100%;
}
.dk-pagination a:hover {
     background: rgb(209,209,209);
} 

/*--------------------------------------------------------------------------------
41.05 mdr_bilder_content_text_anzeigen()
--------------------------------------------------------------------------------*/
h3.bilder-content {
	font-size: calc(var(--fontsize) * 1.1rem);
	border-bottom: var(--color-inhalt-struktur-border);
	margin-top: 0.5rem;
	margin-bottom: 1px;
}

/*--------------------------------------------------------------------------------
50 Container
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
50.01 Container: Verteiler global
	@link https://www.mediaevent.de/css/grid.html
--------------------------------------------------------------------------------*/
.verteiler-item {
	display: flex;
	flex-direction: column;
	
	/* Flex-Items --> AUSDEHNUNG --> flex-grow */
	flex-grow: initial;		/* default = initial */
	
	/* Flex-Items --> AUSDEHNUNG --> flex-shrink  */
	flex-shrink: initial;		/* default = initial */

	/* Flex-Items --> AUSDEHNUNG --> flex-basis */	
	flex-basis: auto;		/* default = auto */
	min-height: 400px;

	/* Sonstiges */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
    margin: 5px;
	padding: 5px;
}

.verteiler-item {
    list-style-type: none;
    border: 1px solid rgb(234,234,234);
	border-radius: 8px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.verteiler-item:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
}

.verteiler-item .item-hidden {
     visibility: hidden;
}

/* auf 'no-aktiv' reagieren */
.verteiler-item.no-aktiv {
	/*opacity: 0.5;*/
}

/* Aufhübschen */
.verteiler-item h2 {
	font-size: calc(var(--fontsize) * 1.2rem);
    margin-top: 5px;
	margin-bottom: 0px;
	border-bottom: 1px solid rgb(188, 188, 188);
	text-align: left;
	/*white-space: nowrap;*/
}
.verteiler-item p {
	font-size: calc(var(--fontsize) * 1.1rem);
    margin-top: 5px;
	margin-bottom: 0px;
	text-align: left;
}
.verteiler-item a {
	text-decoration: none;
}
.verteiler-item a.more-link {
	font-family: var(--fontfam-italic);
	font-size: calc(var(--fontsize) * 1.0rem);
	align-self: flex-start;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*--------------------------------------------------------------------------------
50.02 Container: cont-verteiler-page-home
	@link https://www.mediaevent.de/css/grid.html
--------------------------------------------------------------------------------*/
#cont-verteiler-page-home {
	display: grid;
	/* entspricht der Anzahl der parametrierten 'Verteiler'
	und muß bei Änderung des Verteilers angepasst werden */
	grid-template-columns: 1fr 1fr 1fr 1fr; /* Anzahl der Spalten */
	grid-template-rows: 1fr;
}

/* 
 * Diese Abfrage wird wirksam für jeden Bildschirm kleiner ist als 768px
*/
@media only screen and (max-width: 767px) {
	#cont-verteiler-page-home {
		grid-template-columns: 1fr;
	}
}

/*--------------------------------------------------------------------------------
99 MediaQueries
	MENU-BREAKPOINT (Toggle) 768px
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
99.41 MENU-BREAKPOINT --> Mobile
--------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
/* TEST */
/*--------------------------------------------------------------*/	
/*body::before {
	content: 'mobile';
	font-size: 100%; 
    color: red;
}*/	

/* Header */
/*--------------------------------------------------------------*/
.site-branding {
	justify-content: center;
}
/* Titel+Description ausblenden
	/* Ausblenden(aber nicht display: none ;, für Zugänglichkeit) */
	.brand-title,
	.brand-description
	{
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
/* Logo bearbeiten */
.site-branding img {
	float: none;
	margin: 0 auto;
	padding: 0;
	padding-bottom: 0;
	display: block;
	object-fit: contain;
	width: 120px;
 }

/* Footer */
/*--------------------------------------------------------------*/
	 
/* Sidebar wegschalten */
/*--------------------------------------------------------------*/
[id^="sidebar-links-"] { display: none; }
[id^="sidebar-rechts-"] { display: none; }

/* Content */
[class^="content-"] .content-area {	width: 100%; }

/* Typografie */
/*--------------------------------------------------------------*/
p {
	word-wrap: break-word;
}		 

	
} /* ENDE 99.41 MENU-BREAKPOINT --> Mobil */ 	

/*--------------------------------------------------------------------------------
99.42 BREAKPOINT --> Medium
--------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
/* TEST */
/*--------------------------------------------------------------*/	
/*body::before {
	content: 'medium (768-991px)';
	font-size: 100%; 
    color: red; 
}*/	

/* Header */
/*--------------------------------------------------------------*/

/* Footer */
/*--------------------------------------------------------------*/

} /* ENDE 99.43 BREAKPOINT --> Medium */
	
/*--------------------------------------------------------------------------------
99.44 BREAKPOINT --> Large
--------------------------------------------------------------------------------*/
@media only screen and (min-width: 992px) {
/* TEST */
/*--------------------------------------------------------------*/	
/*body::before {
	content: 'large (992-1199px)';
	font-size: 100%; 
    color: red;
}*/ 	

/* Header */
/*--------------------------------------------------------------*/

/* Footer */
/*--------------------------------------------------------------*/

} /* ENDE 99.44 BREAKPOINT --> large */

/*--------------------------------------------------------------------------------
99.45 BREAKPOINT --> Extra large
--------------------------------------------------------------------------------*/
@media only screen and (min-width: 1200px) {
/* TEST */
/*--------------------------------------------------------------*/	
/*body::before {
	content: 'Extra Large (1200-1399px)';
	font-size: 100%; 
    color: red; 
}*/	

/* Header */
/*--------------------------------------------------------------*/

/* Footer */
/*--------------------------------------------------------------*/

} /* ENDE 99.45 BREAKPOINT --> Extra large */

/*--------------------------------------------------------------------------------
99.46 BREAKPOINT --> Extra extra large
--------------------------------------------------------------------------------*/
@media only screen and (min-width: 1400px) {
/* TEST */
/*--------------------------------------------------------------*/	
/*body::before {
	content: 'Extra extra large (1400px-1600px)';
	font-size: 100%; 
    color: red; 
}*/	

/* Header */
/*--------------------------------------------------------------*/

/* Footer */
/*--------------------------------------------------------------*/


} /* ENDE 99.46 BREAKPOINT --> Extra extra large */

/*--------------------------------------------------------------
99.70 MAX-BREAKPOINT
	  Ist die Bildschirmbreite breiter als 1600px erfolgt
	  eine Begrenzung auf 1600px
--------------------------------------------------------------------------------*/
@media only screen and (min-width: 1600px) {
/* TEST */
/*--------------------------------------------------------------*/	
/*body::before {
	content: 'Begrenzt auf 1600px';
	font-size: 100%; 
    color: red; 
}*/		
	
/* MAX-BREAKPOINT */
body {
	max-width: 1600px;
	margin: 0 auto ;
}

} /* ENDE 99.70 MAX-BREAKPOINT */ 	

/*--------------------------------------------------------------------------------
99.90 Anwendungsabhängig Sidebar --> <1280
	!!! ACHTUNG !!!	'site-content' = 1600px
					'links-' = 240px
					'rechts' = 480px
--------------------------------------------------------------------------------*/
@media only screen and (max-width: 1280px) and (min-width: 768px) {
/* Sidebar Links wegschalten und 'content-area' anpassen */
/*-------------------------------------------------------------*/
[id^="sidebar-links"] { display: none; }

/* Content */
[class^="content-global"] .content-area {	width: 70%; }

	
} /* ENDE Anwendungsabhängig Sidebar */ 

/*--------------------------------------------------------------------------------
999 TEST
--------------------------------------------------------------------------------*/
/* Avatar */
#wpadminbar #wp-admin-bar-my-account.with-avatar>.ab-empty-item img, #wpadminbar #wp-admin-bar-my-account.with-avatar>a img {
	display: none !important;
}

/* Weiterlesen */
#wpdcom .wpdiscuz-readmore {
	color: #9d0b0b !important;	
}