@charset "UTF-8";


/*********************************************
/*   Bildschirm Hintergrundfarbe einstellen 
/*********************************************/
html {
    /* background-color: #444444; */
	background-color: #111111;
}

/*********************************************
/*   Farben 
/*********************************************/
:root {
	--link-color: #eeeeee;
	--link-hover-color: #ffffff;
	   
	--hue: 214;
	--template-bg-light: #f0f4fb;
	--template-text-dark: #495057;
	--template-text-light: #ffffff;
	--template-link-color: var(--link-color);
	--template-special-color: #001B4C;



    --cassiopeia-color-primary: #000000;
    --cassiopeia-color-link: var(--link-color);
    --cassiopeia-color-hover: #800000;

    --body-font-size: 1.2rem;
    /* --body-font-weight: 400; */
    --body-line-height: 1.5;
    --body-color: #e7eaef;  				/* GA: Schrift, helles grau */
    --body-bg: #444444;						/* GA: Hintergrund (auch Kategorieliste --card-bg ) */
}

body {
	max-width: 1024px; /*1005px*/
	min-height: 645px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
	color:  #e7eaef;		
}

.testseite {
	position: absolute; /* Das Element wird absolut positioniert */
	top: 10px;          /* 10px vom oberen Rand des Containers */
	right: 10px;         /* 10px vom rechten Rand des Containers */
	padding-right: 2em; 
	color: #ff0000; 
	font-size: 1rem;
}

/* Header:  */
.container-header {
  z-index: 10;
  background-color: var(--cassiopeia-color-primary);
  /* background-image: linear-gradient(135deg,var(--cassiopeia-color-primary)0%,var(--cassiopeia-color-hover)100%); */
   background-image: none;
  position: relative;
  box-shadow: inset 0 5px 5px #00000008;
} 

.container-header nav {
	margin-top: -0.5em;
}


/* Modul Logo --- in topbar */
#mod-custom110 { 
    max-width: 35%;
    float: left;
}

/* Header:   Logo - Bild */
.container-topbar img {
	min-width: 150px;
    padding-left: 1.5em;
    padding-top: 0.5em;
}

.metismenu.mod-menu .mm-collapse {
	background-color: #454343;
}

/* Visitenkarte
.grid-child.container-sidebar-left {
    position: relative;
    background: none;
}
.grid-child.container-sidebar-left > div {
    position: fixed;
}
.sidebar-left.card.vc {
	width: 200px;
}
 */


/* Bandbeschreibung: Seitenumbruch ohne Seitenzähler*/
.pagenavcounter {
	display: none;
}

/* Bandbeschreibung: Beitragsliste nach Kategorie - Schrift kleiner*/
h4.mod-articles-title {
	font-size: 1rem;
}

.card-body  {
	font-size: 1rem;
}



/***************************************************
/**** Externe Links kennzeichnen mit Pfeil       ***
/***************************************************/
a[href^="http://"]:not([href*="rrtx3.trioextradrei.live"]):after, 
a[href^="https://"]:not([href*="rrtx3.trioextradrei.live"]):after, 
a[href^="http://"]:not([href*="trioextradrei.live"]):after, 
a[href^="https://"]:not([href*="trioextradrei.live"]):after
{
	/* font: normal 9px/1 'FontAwesome'; content: "\f08e"; color: #173250; */
	font: normal 18px/1 'Arial'; content: "➚"; color: #fff;
	padding-left:7px;
	font-size: 1em;
}


/***************************************************
/* externe Links ohne Kennzeichnung, z.B. Bilder ***
/***************************************************/
a.ohnekennzeichnung[href^="http://"]:not([href*="rrtx3.trioextradrei.live"]):after, 
a.ohnekennzeichnung[href^="https://"]:not([href*="rrtx3.trioextradrei.live"]):after, 
a.ohnekennzeichnung[href^="http://"]:not([href*="trioextradrei.live"]):after, 
a.ohnekennzeichnung[href^="https://"]:not([href*="trioextradrei.live"]):after
{
	content: none;
}

/* Menü in der Fußzeile */
/*.mod-menu.mod-list.nav {
	width: 100%;
	text-align: right;
	padding-right: 1em;
}
*/

/* Footer-Liste */
#mod-custom116.mod-custom.custom {
	width: 100%;
}

#mod-custom116.mod-custom.custom p {
	text-align: right;
	padding-right: 1em;
}