/* rules for editing content ---------------------------------------- */

.clear { /* wk: clear mit kleinem Abstand, z.B. in div */
	clear: both; 
	padding-top: 0.7em;
}

.rfloat {
	float: right;
	margin-left: 0.7em;
}

.lfloat {
	float: left;
	margin-right: 0.7em;
}

.persImg { /* wk: personenBeschreibung: links Bild rechts textBlock, im Handy unten */
	float: left;
	margin-right: 1em;
}

.persTxt {
	float: left;
	display: block;
}

.persTxt h3 { /* wk: Abstand für ersten text kurz, für grösseren, <br/> o.ä. brauchen */
	margin-bottom: 0;
}

figure { /* wk: figures: left/right margins individuell setzen */
	margin-bottom: 0.7em;
}

figcaption {
	font-size: 1em;
	line-height: 1.2em;
	font-style: italic;
}

.width200 {
    min-width: 200px;
}

/* rules for menuItem->pageDisplay->pageClass = -width660 ---------------------------------------- */
.item-page-width660 { /* schmales Layout wie auf Joomla3: menu-item->pageDisplay->pageClass = -width660 */
	max-width: 660px;
}

/* rules for general layout ---------------------------------------- */
:root {
  --cassiopeia-color-primary: #ff0000;
  --cassiopeia-color-link: #224faa;
  --cassiopeia-color-hover: #424077;
}

/* rules for header ---------------------------------------- */
.container-header {
    background-image: linear-gradient(135deg, #700000 0%, #c00000 100%); 
}

.container-header .grid-child, .navbar-brand {
	margin: 0;
	padding: 0;
}

/* rules for body layout ---------------------------------------- */

body h1, body h2, body h3, body h4, body h5 { /* wk: headings: in Parteifarbe und vernünftige Grösse */
	color: #a00;
}

body h1 {  /* wk: title nicht so riesig */
	font-size: 1.8em;
}

body h2 { 
	font-size: 1.6em;
}

body h3 { 
	font-size: 1.4em;
}

body h4 { 
	font-size: 1.1em;
}
body h5 { 
	font-size: 1.0em;
}

/* menu ---------------------------------------- */

.container-header .mod-menu { /* we use a small menu, always display it horizontallly */
  display: flex;
  flex: 1 1 0%;
  flex-direction: row;
  flex-wrap: wrap; 
}

/* breadcrumbs ---------------------------------------- */
.breadcrumb-item.active {
    display: none;
}

.mod-breadcrumbs__wrapperNo {
    margin-top: 0px !important;
}

.mod-breadcrumbs {
    padding-top: 0px !important;
}

/* article layout: detail infos ---------------------------------------- */
.article-info-term { 
	display: none;
}
.createdby { 
	float: left;
}
.published { 
	text-align: right;
}
	
.mod-finder label {
	display: none;
}