/* --- flex.css --- */
/* --- Seitenlayout, Viewports, Header, Navigation-Grundlayout, Aside, Article, Footer --- */

/* --- ------------------------------------------------------- --- */
/* --- spezielle CSS-Anweisungen fuer kleine Viewports gueltig --- */
/* --- die Groesseren erhalten eigene Anweisungen mit media     --- */
/* --- ------------------------------------------------------- --- */

body {
  display: flex;
  flex-flow: row wrap;
  background-color: #ccccee;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;
  font-size: 1.0rem;

  margin: 0 auto;
  max-width: 70rem;
}

/* Mobile first - alle Dokument-Bloecke bekommen 100% Breite */
header,
nav,
nav a,
article,
aside,
footer {
  border-radius: 1.75rem;
  margin: 0.25rem 0.25rem 0.25rem 0.25rem;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  flex: 1 100%;
}

/*
table.literatur,
theader,
tfooter {
  border: 0px outset gray;
  border-radius: 1.75rem;
} */

aside {  max-width: 20rem;}

header {
  border-color: #d5d5d5;
  display: flex;
  flex-flow: row wrap;
  background-color: #eeeeee;
}

header * {
  flex: 1 1 0%;
  margin: 0.0rem;
  padding: 0.0rem;
}

header img {
  margin: 0.0rem 0.25rem 0.0rem 0.25rem;
  padding: 0.0rem 0.25rem 0.0rem 0.25rem;
}

header p {
  font-size: 2.0rem;
  text-align: left;
  font-style: italic;
  /*border: 1px outset;*/
}

header nav {
  flex: 1 1 100%;
  margin: 0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;
  /*border: 1px outset lightgray;*/
}

nav,
nav ul,
nav li {
  margin: 0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;
  border: none;
}

nav ul {
  display: flex;
  flex-direction: column;
}

nav li {
  list-style-type: none;
  margin: 0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;
  flex: 1 1 100%;
}

nav a {
  display: inline-block;
  width: 95%;
  background: #fffbf0;
  /*border: 1px outset #dfac20;*/
  margin: 0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;
  text-decoration: none;
  text-align: center;
}

nav a:hover,
nav a:focus {  background-color: #dfac20; }

article {
  /*border: 1px outset #ffede0;*/
  background-color: #ffffcc;
}

aside {
  /*border: 1px outset #ebf5d7;*/
  background-color: #ffdddd;
}

#meta>ul,
#meta>li {  list-style-type: none;  }
#news    {  background-color: #ccccff;  }

#news ul {
  margin: 0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;
}

#news li {
  margin: 0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;
  font-size: 0.85rem;
}

section.debug {
  border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
  /*border: 1px green outset;*/
  padding: 0.5rem;
  margin: 0.5rem;
  background-color: #ffbbbb;
}

.monat {
  font-weight: bold;
  margin: 1rem 0rem 0rem 0rem;
  list-style-type: none;
}

/* --- --------------------------------------------------------- --- */
/* --- spezielle CSS-Anweisungen sehr kleine Viewports gueltig   --- */
/* --- --------------------------------------------------------- --- */

@media all and (max-width: 50rem) {
  article:before {
    content: '<50rem';
    color: #a00;
  }

  header     { order: 1; }
  aside#meta { order: 2; }
  article    { order: 3; }
  footer     { order: 4; }
}

/* --- ---------------------------------------------------- --- */
/* --- spezielle CSS-Anweisungen kleine Viewports gueltig   --- */
/* --- ---------------------------------------------------- --- */

@media all and (min-width: 37.5rem) {
  article:before {
    content: '>37.5rem';
    color: #a00;
  }

  nav ul {
    flex-direction: row;
  }

  header {
    order: 1;
  }

  aside#meta {
    order: 2;
    flex: 1 1 30%;
  }

  article {
    order: 3;
    flex: 5 1 60%;
  }

  footer{ order: 4;  }
}

/* --- -------------------------------------------------------- --- */
/* --- spezielle CSS-Anweisungen mittelgrosse Viewports gueltig --- */
/* --- -------------------------------------------------------- --- */

@media all and (min-width: 50rem) {
  article:before {
    content: '>=50rem';
    color: #a00;
  }

  nav ul {
    flex-direction: row;
  }

  header{ order: 1;  }

  aside#meta {
    order: 2;
    flex: 1 1 25%;
  }

  article {
    order: 3;
    flex: 5 1 60%;
  }

  footer{ order: 4;  }
}

/* --- -------------------------------------------------- --- */
/* --- spezielle CSS-Anweisungen grosse Viewports gueltig --- */
/* --- -------------------------------------------------- --- */

@media all and (min-width: 70rem) {
  nav ul{ flex-direction: row;  }

  article:before {
    content: '70rem';
    color: #a00;
  }

  header{ order: 1;  }

  aside#meta {
    order: 2;
    flex: 1 1 20%;
  }

  article {
    order: 3;
    flex: 5 1 60%;
  }

  footer { order: 4;  }
}

/* --- ------------------------------------------------------ --- */
/* --- allgemeine CSS-Anweisungen fuer ALLE Viewports gueltig --- */
/* --- ------------------------------------------------------ --- */

span.neu  {  color: red;   font-weight: bold; }
span.korr {  color: blue;  font-weight: bold; }
span.ver  {  color: green; font-weight: bold; }

p { text-align: justify; }

/* --- ----------------------- --- */
/* --- PRINTER CSS-Anweisungen --- */
/* --- Nur Haupttext ausgeben  --- */
/* --- ----------------------- --- */

@media print {
  header{ display: none; }
  aside { display: none; }
  footer{ display: none; }
}

/* --- ---------------------------- --- */
/* --- Footer immer als Inline-Leiste --- */
/* --- bewusst am Ende dieser Datei   --- */
/* --- ---------------------------- --- */

footer {
  order: 4;
  background-color: #ddddff;
  font-size: 1.0rem;
  /*border: 1px outset #8a9da8;*/
}

footer ul {
  text-align: center;
  line-height: 1.5rem;
  margin: 0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;
}

footer li {
  display: inline;
  list-style-type: none;
  margin: 0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;
}

footer li a {
  display: inline;
  width: auto;
  text-decoration: none;
  font-weight: normal;
  padding: 0.0rem 0.25rem 0.0rem 0.25rem;
  background: #ccc;
  /*border: 2px outset #ccc;*/
  color: blue;
}

/*
footer li a:visited {  border: outset #800000; }
footer li a:hover   {  border: inset  red; }
*/
footer p {
  margin: 0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;
  line-height: 1.5em;
  font-weight: normal;
  text-align: center;
  border-top: 1px solid blue;
}

/* Falls der Footer Links innerhalb eines nav-Elements enthaelt */
footer nav,
footer nav ul,
footer nav li {
  display: inline;
  margin: 0.0rem;
  padding: 0.0rem;
  flex: none;
}

footer nav a {
  display: inline;
  width: auto;
  margin: 0.0rem;
  padding: 0.0rem 0.25rem 0.0rem 0.25rem;
}
/* --- formate.css --- */

*
{ /*line-height: 1.5rem;*/
  font-family: 'Times New Roman', Times, serif;
}

body { font-size: 20px;
}

/* --- Ueberschriften --- */
h1, h2, h3, h4, h5, h6, h7, h8, h9
{ font-weight: normal;
  text-align:  center;
  margin:  0.25rem 0.25rem 0.25rem 0.25rem;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;
  /*border: solid green 0px;*/
}

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 { margin-top: 3rem; }

header h1
{ margin:  0.25rem 0.25rem 0.25rem 0.25rem;
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
  font-size: 2.5rem;
  text-align: left;
  font-style: italic;
  /*border: solid green 0px;*/
}

article { counter-reset: h1; }/*---*/
article h1{ font-size: 2.4rem; counter-reset: h2; }
article h2{ font-size: 2.0rem; counter-reset: h3; }
article h3{ font-size: 1.6rem; counter-reset: h4; }
article h4{ font-size: 1.4rem; counter-reset: h5; }
article h5{ font-size: 1.2rem; counter-reset: h6; }
article h6{ font-size: 1.0rem; counter-reset: h7; font-weight: bold; }

/* --- Zaehler fuer die Gliederungs-Kontrolle --- */
article h1::before { color: #aa0000; counter-increment: h1; content: "" counter(h1, upper-alpha) " "; }/*---*/
article h2::before { color: #aa0000; counter-increment: h2; content: "" counter(h2, upper-roman) ". "; }
article h3::before { color: #aa0000; counter-increment: h3; content: "" counter(h3, decimal) ". "; }
article h4::before { color: #aa0000; counter-increment: h4; content: "" counter(h4, lower-alpha) ") "; }
article h5::before { color: #aa0000; counter-increment: h5; content: "" counter(h5, lower-alpha) counter(h5, lower-alpha) ") "; }
article h6::before { color: #aa0000; counter-increment: h6; content: "(" counter(h6, decimal) ") "; }

aside details    { counter-reset: h1; }/*---*/
aside details h1 { text-align: left; font-size: 1.0rem; counter-reset: h2; padding-left: 0.0rem; font-weight: bold; }
aside details h2 { text-align: left; font-size: 1.0rem; counter-reset: h3; padding-left: 0.0rem; }
aside details h3 { text-align: left; font-size: 1.0rem; counter-reset: h4; padding-left: 0.75rem; }
aside details h4 { text-align: left; font-size: 1.0rem; counter-reset: h5; padding-left: 1.5rem; }
aside details h5 { text-align: left; font-size: 1.0rem; counter-reset: h6; padding-left: 2.25rem; }

/* --- Zaehler fuer die Gliederungs-Kontrolle --- */
aside details h1::before { color: black; counter-increment: h1; content: "" counter(h1, upper-alpha) " "; }/*---*/
aside details h2::before { color: black; counter-increment: h2; content: "" counter(h2, upper-roman) ". "; }
aside details h3::before { color: black; counter-increment: h3; content: "" counter(h3, decimal) ". "; }
aside details h4::before { color: black; counter-increment: h4; content: "" counter(h4, lower-alpha) ") "; }
aside details h5::before { color: black; counter-increment: h5; content: "" counter(h5, lower-alpha) counter(h5, lower-alpha) ") "; }
aside details h6::before { color: black; counter-increment: h6; content: "(" counter(h6, decimal) ") "; }

/* --- Paragraph --- */
p
{ margin:  0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;

  text-align: justify;
/*
  border: dashed lightgray 1px;
  border-radius: 0.5rem;
*/
}

:lang(de) { quotes:'\201E' '\201C' '\201A' '\2018'; } /* --- */
:lang(en) { quotes:'\201C' '\201D' '\2018' '\2019'; }
:lang(fr) { quotes:'\00BB' '\00AB' '\203A' '\2039'; }/* --- */

/* --- fuer Anfuehrungszeichen und Kurzzitate bis drei Zeilen --- */
q           { color:#a00; font-weight: normal; }
q q         { color:#a00; font-style: italic; }
q:before    { content:open-quote; color:#a00; }
q:after     { content:close-quote; color:#a00; }

cite
{ font-style:normal; line-height: 1.3em;
  margin: 0.0rem 0.5rem 0.0rem 1.5rem;
  padding:0.0rem 0.0rem 0.0rem 0.0rem;
}

cite:before { content:'Quelle: '; font-weight:bold; }
cite:after  { content:';'; }

/* --- fuer Langzitate ab DREI zeilen --- */
blockquote:before { content:open-quote; color:#a00; }
blockquote:after  { content:close-quote; color:#a00; }

blockquote
{ margin: 0.0rem 0.5rem 0.0rem 1.5rem;
  padding:0.25rem 0.25rem 0.25rem 0.25rem;
  font-size: 1.0rem;
  color:#a00;
  text-align:justify;
  /*
  border: dotted silver 1px;
  border-radius: 0.5rem;
  */
}

/* --- Bilder --- */
img {margin: 0.0rem 5px 0.0rem 5px; border:none; }
img.img_left  { margin: 0.0rem 0.0rem 0.0rem 0.0rem; padding: 0.0rem 0.5rem 0.0rem 0.0rem; float:left;  }
img.img_right { margin: 0.0rem 0.0rem 0.0rem 0.0rem; padding: 0.0rem 0.0rem 0.0rem 0.5rem; float:right; }

/* --- listen --- */
ol, ul { margin: 0.25rem 0.25rem 0.25rem 1.0rem; padding: 0.25rem 0.25rem 0.25rem 1.0rem; }

li { text-align: justify; /*margin-left: 1.5rem; line-height:1.3em;*/ }

ul.first  {list-style-type: disc; }
ul.second {list-style-type: circle; }
ul.third  {list-style-type: square; }

ol.first  {list-style-type: upper-roman; font-weight: bold;}
ol.second {list-style-type: decimal;  font-weight: normal;}

ol.third  
{ list-style-type: lower-alpha; 
  margin: 0.125rem 0.25rem 0.25rem 1.0rem; 
  padding: 0.125rem 0.25rem 0.25rem 1.0rem;
}


ol.la { list-style-type:lower-alpha; font-size:0.8em; padding-right:0.5rem; }

/* verschachtelte Listen <ol>:
decimal(1, 2 …)
decimal-leading-zero(01, 02 …)
upper-roman(I, II, III …)
lower-roman(i, ii, iii …)
lower-alpha(a, b, c …)
upper-alpha(A, B, C …)
lower-greek
*/
/*
ul.circle {list-style-type: circle;}
ul.square {list-style-type: square;}
ol.upper_roman {list-style-type: upper-roman;}
ol.lower_alpha {list-style-type: lower-alpha;}
*/

/* --- HTML-Auszeichnungen --- */
strong { font-weight: bold; font-size: 1em; /*color:red;*/}
b      { font-weight: bold; font-size: 1em; }

i      { font-style: italic; font-size: 1rem; }
em     { font-style: italic; font-size: 1rem; }

/* --- Tabellen --- */
table { text-align: justify; }

th 
{ font-size: 1rem; 
  font-weight:bold; 
  text-align: center; 
  padding-left: 0.25rem; 
  padding-right: 0.25rem; 
}

td
{ font-size: 1rem;
  line-height: 1.3rem;
  font-weight:normal;
  text-align:center;
  /*border: 0px dashed silver;*/
  padding-left: 0.25rem; 
  padding-right: 0.25rem; 
}

tr:nth-child(even) { background-color: #e0e0d0; } /* --- Tabellen-Spezial --- */
tr:nth-child(odd)  { background-color: #d0d0c0; }

/* thead tr:first-child                          { background-color: lightgray; } */

table.literatur tr:last-child                 { padding-bottom: 1.75rem; }

table.literatur tr:first-child th:first-child { border-top-left-radius:     1.75rem; } 
table.literatur tr:first-child th:last-child  { border-top-right-radius:    1.75rem; } 
/*
table tr:last-child  th:first-child { border-bottom-left-radius:  1.75rem; } 
table tr:last-child  th:last-child  { border-bottom-right-radius: 1.75rem; }

table tr:first-child td:first-child { border-top-left-radius:     1.75rem; } 
table tr:first-child td:last-child  { border-top-right-radius:    1.75rem; } 
*/
table.literatur tr:last-child  td:first-child { border-bottom-left-radius:  1.75rem; } 
table.literatur tr:last-child  td:last-child  { border-bottom-right-radius: 1.75rem; }



article p::first-line { font-weight: bold; line-height: 1.3rem; } /* --- Initial-Zeile --- */

article > p:first-child::first-letter,
section > p:first-child::first-letter, 
h1 + p::first-letter, 
h2 + p::first-letter,  /* --- Initialen --- */
h3 + p::first-letter,  
h4 + p::first-letter,  
h5 + p::first-letter ,  
h6 + p::first-letter  

{ float:left;/**/
  font-weight: bold; color:#777777; /*color:#a00000;/**/
  font-size: 3.0rem;
  margin:  -0.0rem 0.0rem 0.0rem 0.0rem;
  padding: -0.0rem 0.0rem 0.0rem 0.0rem;
  line-height: 3.0rem; 
}

sup { line-height: 1px; color:#118811; font-weight:bold;}
sub { line-height: 1px; color:#111188; font-weight:bold;}

sup.fn { color:blue; }

/* --- Besonderheiten // pseudo-Formate --- */
a        { text-decoration:underline; border-radius: 0.5rem; }
a:link   { color:blue;    }
a:visited{ color:#800000; }
a:hover  { color:red;     }
a:active { color:red;     }
a:focus  { color:green;   }

aside section
{ margin:  0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
}

aside details
{ margin:  0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;
  /*border: 1px dotted silver;*/
  border-radius: 0.25rem;
}

aside section details ul
{ margin:  0.125rem 0.125rem 0.125rem 0.0rem;
  padding: 0.25rem 0.25rem 0.25rem 0.0rem;
  list-style-type: none;
}

.link_block
{ text-align: center;
  /*border: 1px dotted lightgray;*/
}

.absatz { clear: both; }
.fn     { font-size: 0.8em; }
.flix   { font-size: 0.75rem; border: solid black 1px; padding: 0.125rem}
.flix b { font-size: 0.75rem; }
.klix   { background-color: #ffaaaa; }

.vgwort { /*border: 0px solid red;*/ display: none;}

.imperativ { /*border: 0px dashed #aa0000;*/ border-radius: 0.5rem; padding: 0.0rem 0.25rem 0.0rem 0.25rem; background: #ddbbbb;}



.counter                          /* Definiere einen Zähler */
{
  counter-reset: section;
}


table.counter tr:not(.non)::before              /* Erhöhe den Zähler bei jedem tr-Element ohne die Klasse "non" */
{
  counter-increment: section;
  content: counter(section) ".";
                       
  font-weight: normal;  /* Formatieren Sie den Zähler-Inhalt */

  vertical-align: text-bottom;

  border-radius: 0.25rem;
 
  margin: 0rem 0rem 0rem 0.5rem; 
}


tr.non td
{ 
  font-size: 2em;

  font-weight: bold;

   padding: 0.75rem 0.25rem 0.25rem 0.25rem;
}

/* --- artikel.css --- */

article
{ /*border: 1px outset #ffede0;*/
  background-color: #ffffcc;
}

article > section
{ /*border: 1px outset #dfac20;*/
  border-top: 1px solid #dfac20;
  border-radius: 0rem;
  margin:  1.00rem 0.25rem 0.25rem 0.25rem;
  padding: 1.00rem 0.5rem 0.5rem 0.5rem;
}

article section section
{ border: 0;
  border-radius: 0;
  margin:  0.5rem 0.0rem 0.5rem 0.0rem;
  padding: 0.25rem 0.0rem 0.25rem 0.0rem;
}

article details
{ margin:  0.25rem 0.0rem 0.25rem 0.0rem;
  padding: 0.0rem 0.0rem 0.125rem 0.0rem;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  counter-reset: h4;
}

article details h4::before
{ color: #aa0000;
  counter-increment: h4;
  content: "" counter(h4, lower-alpha) ") ";
}

article details section
{ border: 0;
  border-radius: 0;
  margin:  0.25rem 0.0rem 0.25rem 0.0rem;
  padding: 0.125rem 0.0rem 0.125rem 0.0rem;
}

article summary
{ cursor: pointer;
  color: #0000aa;
  text-decoration: none;
  font-weight: bold;
  margin:  0.125rem 0.0rem 0.125rem 0.0rem;
  padding: 0.125rem 0.25rem 0.125rem 0.25rem;
  border: 0;
  /*border-bottom: 1px dotted #dfac20;*/
  border-radius: 0;
  background-color: transparent;
}

article summary h3
{ display: inline;
  margin: 0.0rem;
  padding: 0.0rem;
  font-size: inherit;
}

article summary:hover,
article summary:focus
{ color: #aa0000;
  background-color: #fff8cc;
}

article details[open] summary
{ color: #aa0000;
  background-color: #fff3dd;
}

article summary::marker
{ color: #aa0000;
}

article summary::after
{ content: " ◀";
  font-size: 0.85rem;
  font-weight: normal;
  color: #aa0000;
  margin-left: 0.5rem;
}

article details[open] summary::after
{ content: " ▼";
}

section.einleitung { }
section.kommentar  { }

.ziel   { font-size: 0.75rem; }
.prompt { font-size: 0.75rem; }
/*
.ziel   { display: none; }
.prompt { display: none; }
*/

section.bibel
{ /*border: 1px solid silver;*/
  background-color: #ffddff;
}

section
{ /*border: 1px outset #dfac20;*/
  border-top: 1px solid #dfac20;
  border-radius: 0.0rem;
  margin:  0.25rem 0.25rem 0.25rem 0.25rem;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

section.bibel
{ /*border: 1px outset #dfac20;*/
  /*border-top: 1px solid #dfac20;*/
  border-radius: 1.75rem;
  margin:  0.25rem 0.25rem 0.25rem 0.25rem;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

div.bibeltext
{ background-color: #cccccc;
  font-size:1rem;
  font-weight:normal;
  border-radius: 0.5rem;
}/**/

div.bibeltext p
{ background-color: #cccccc;
  font-size:1.0rem;
  font-weight:normal;
  border-radius: 0.5rem;
  margin:  0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;

  /*line-height: 1.3rem;/**/
}/**/

span.bibeltext
{ background-color: #dddddd;
  font-size:1.0rem;
  font-weight:normal;
  border-radius: 0.5rem;
  margin:  0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;

  /*line-height: 1.3rem;/**/
}/**/

div.bibeltext p::first-letter /* --- Initiale Abschalten --- */
{ /*margin:  0.0rem 0.0rem 0.0rem 0.0rem;/**/
  /*padding: 0.0rem 0.0rem 0.0rem 0.0rem;/**/
  font-size: 1.0rem;
  font-weight: bold;
  line-height: normal;
  color: black;
  /*border: solid red 0px;/**/
  float:none;/**/
} /* --- */


div.bibeltext table p { font-size:0.85rem; font-weight:normal; }
div.bibeltext ul { list-style-type:none; margin: 0.0rem 0.0rem 0.0rem 0.0rem; padding:0.0rem 0.0rem 0.5rem 0.0rem; }
div.bibeltext li a { font-size:0.85rem; font-weight:normal; }
div.bibeltext a { font-size:0.95rem; }

div.para
{ float:right; width:12.0rem;
  margin: 0.5rem 0.5rem 0.5rem 0.5rem;
  padding: 0.0rem 0.0rem 0.5rem 0.0rem;
  background-color: #ffffdd;
  border-radius: 0.5rem;
  /*border: dotted gray 1px;*/
}

div.para h3, div.para h4
{ margin:  0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;
  font-size:1.0rem;
  /*border:solid red 0px;*/
}

div.para p::first-letter
{ margin:  0.0rem 0.0rem 0.0rem 1.2rem;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;
  font-size: 1.125rem;
  font-weight: bold;
  color: black;
  /*border: solid red 0px;*/
  line-height: 1.0rem;
} /* --- */

div.para p
{ font-size: 1.0rem;
  font-weight: bold;
  margin:  0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;
}

div.para ul li { list-style-type:none;        font-size:0.8em; padding-right:0.5rem; }
div.para ol li { list-style-type:lower-alpha; font-size:0.8em; padding-right:0.5rem; }


div.erkl /* --- sprachliche Erlaeuterungen / Erklaerungen --- */
{ margin:  0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;
  background-color: #ffddff; /* --- Hintergrundfarbe --- */
  /*float: left;/**/
}

div.erkl ol    { padding-left: 2.0rem;        font-size:0.85rem; }
div.erkl ol li { list-style-type:upper-alpha; font-size:0.85rem; }

mark { padding-left: 0.25rem; padding-right: 0.25rem; border-radius: 0.5rem;}

mark.formel     { background-color:#ddddEE; /* 1px dotted gray;*/}
mark.jesus      { background-color:#FFFF66; }
mark.lob        { background-color:#8888FF; }
mark.tadel      { background-color:#EE88EE; }
mark.aufruf     { background-color:#FF8888; }
mark.verheissung{ background-color:#aaFFaa; }
mark.lohn       { background-color:#66FF66; }
mark.gericht    { background-color:#A0A0A0; /*border: 1px solid black;*/ }


.hebr { font-size:1.25rem; }
.grec { font-size:1.02rem; }
strong.grec { font-size:1.15rem; }
.para { font-size:0.90rem; }

ul#navigation               /* --- Hauptebene --- */
{ margin:  0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;
  text-align: center;
}

ul#navigation *
{ margin:  0.2em 0.2em 0.2em 0.2em;
  padding: 0.2em 0.2em 0.2em 0.2em;
}

ul#navigation li
{ list-style: none;
  float: left;  /* ohne width - nach CSS 2.1 erlaubt */
  position: relative;

  padding: 0.0rem;
}

ul#navigation li a
{ display: block;
  /* width: 7.1em;  /* Breite den in li enthaltenen Elementen zuweisen */

  text-decoration: none;
  font-weight: bold;
  border: 2px solid gray;
  border-style:outset;
  color: blue;
  background-color: #ccc;
  text-align:center;
}

ul#navigation a:hover
{
  border-color: #ccc;
  border-style:inset;
  color: red;
  font-weight:bold;
  background-color: #ccc;
}


ul#navigation li ul.ebene2   /* --- Ebene 2 --- */
{
  margin: 0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;
  position: absolute;
  top: 1.5rem;
  left: 0.0rem;
  display: none;  /* Unternavigation ausblenden */
  background-color: #eee;
  z-index: 5;
}

ul#navigation li:hover ul.ebene2
{ display: block;  /* Unternavigation in modernen Browsern einblenden */
}

ul#navigation li ul.ebene2 li
{ float: none;
  display: block;
  margin: 0.25rem 0.0rem 0.0rem 0.0rem;
}

ul#navigation li ul.ebene2 li a
{ font-size:0.85rem;
  width: auto;  /* Breite den in li enthaltenen Elementen zuweisen */
}

/* --- Ende Ebene 2 --- */

ul#navigation li ul li ul.ebene3, /* --- Ebene 3 --- */
ul#navigation li ul li ul.ebene3a,
ul#navigation li ul li ul.ebene3b,
ul#navigation li ul li ul.ebene3i
{
  margin: 0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;
  position: absolute;
  top: 0.0rem;
  left: 5.85rem;
  background-color: #eee;
  width:9.5rem;
  display: none;  /* Unternavigation ausblenden */
}

ul#navigation li ul li ul.ebene3a  /* --- Ebene 3b --- */
{ left: 6.75rem; /* --- Positions-Korrektur --- */
  width:9.25rem;
}

ul#navigation li ul li ul.ebene3b  /* --- Ebene 3b --- */
{ left: 5.5rem; /* --- Positions-Korrektur --- */
  width:9.25rem;
}
ul#navigation li ul li ul.ebene3i  /* --- Ebene 3b --- */
{ left: 9.0rem; /* --- Positions-Korrektur --- */
  width:9.25rem;
}

ul#navigation li ul li:hover ul.ebene3,
ul#navigation li ul li:hover ul.ebene3a,
ul#navigation li ul li:hover ul.ebene3b,
ul#navigation li ul li:hover ul.ebene3i
{ display: block;  /* Unternavigation in modernen Browsern einblenden */
}

ul#navigation li ul li ul.ebene3 li,
ul#navigation li ul li ul.ebene3a li,
ul#navigation li ul li ul.ebene3b li,
ul#navigation li ul li ul.ebene3i li
{ margin: 0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.0rem 0.125rem 0.125rem 0.125rem;
}

ul#navigation li ul li ul.ebene3 li a:hover,
ul#navigation li ul li ul.ebene3a li a:hover,
ul#navigation li ul li ul.ebene3b li a:hover,
ul#navigation li ul li ul.ebene3i li a:hover
{ color: red;
}

/* --- Ende Ebene 3 --- */

ul#navigation li.sprache-de a, ul#navigation li.sprache-en a,
li a.font_serif, li a.font_sansserif
{ display: block;
  font-size:2.0rem;
  line-height:1.0rem;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid gray;
  border-style:outset;
  color: black;
  background-color: #ccc;
  text-align:center;
  margin:  0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.0rem 0.0rem 0.0rem 0.0rem;
}

ul#navigation li.sprache-de a
{ background-image:url("../../_img/30_20_lang_de.gif");
}

ul#navigation li.sprache-en a
{ background-image:url("../../_img/30_20_lang_en.gif");
}

li a.font_serif
{ font-family:"Times New Roman", Times, serif;
}

li a.font_sansserif
{ font-family: Arial, Helvetica, sansserif;
}

/* ---  --- */

nav span { clear: both; }

a#Prophet          { background-color: #eeeeee; color:black; }
a#Apostel          { background-color: #8888ff; color:black; }
a#Evangelist       { background-color: #ffff88; color:black; }
a#hirte_und_lehrer { background-color: #ff8888; color:black; }


nav#breadcrumbs
{ margin:  0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.0rem 0.0rem 0.5rem 0.0rem;

  font-size: 1.0rem;
  background-color: #eeeeee;
  display: inline;
  flex:none;
  text-align: left;

  border: 0px solid #dfac20;
}

nav#breadcrumbs li
{ margin:  0.5rem 0.125rem 0.0rem 0.125rem;
  padding: 0.0rem 0.125rem 0.0rem 0.125rem;
  display: inline;

  border: 0px solid black;
}

nav#breadcrumbs li a
{ margin:  0.0rem 0.0rem 0.0rem 0.0rem;
  padding: 0.125rem 0.0rem 0.25rem 0.0rem;

  background-color: #eeeeee;
  display: inline;

  width: 95%;
  border: 0px solid #dfac20;
  text-decoration: underline;
}
.miniklix_0, .klix_0 { background-color: #FF80FF; }
.miniklix_2, .klix_2 { background-color: #FF80F3; }
.miniklix_4, .klix_4 { background-color: #FF80E8; }
.miniklix_6, .klix_6 { background-color: #FF80DC; }
.miniklix_8, .klix_8 { background-color: #FF80D0; }
.miniklix_10, .klix_10 { background-color: #FF80C5; }
.miniklix_12, .klix_12 { background-color: #FF80B9; }
.miniklix_14, .klix_14 { background-color: #FF80AE; }
.miniklix_16, .klix_16 { background-color: #FF80A2; }
.miniklix_18, .klix_18 { background-color: #FF8096; }
.miniklix_20, .klix_20 { background-color: #FF808B; }
.miniklix_22, .klix_22 { background-color: #FF8080; }
.miniklix_24, .klix_24 { background-color: #FF8B80; }
.miniklix_26, .klix_26 { background-color: #FF9680; }
.miniklix_28, .klix_28 { background-color: #FFA280; }
.miniklix_30, .klix_30 { background-color: #FFAE80; }
.miniklix_32, .klix_32 { background-color: #FFB980; }
.miniklix_34, .klix_34 { background-color: #FFC580; }
.miniklix_36, .klix_36 { background-color: #FFD080; }
.miniklix_38, .klix_38 { background-color: #FFDC80; }
.miniklix_40, .klix_40 { background-color: #FFE880; }
.miniklix_42, .klix_42 { background-color: #FFF380; }
.miniklix_44, .klix_44 { background-color: #FFFF80; }
.miniklix_46, .klix_46 { background-color: #F3FF80; }
.miniklix_48, .klix_48 { background-color: #E8FF80; }
.miniklix_50, .klix_50 { background-color: #DCFF80; }
.miniklix_52, .klix_52 { background-color: #D0FF80; }
.miniklix_54, .klix_54 { background-color: #C5FF80; }
.miniklix_56, .klix_56 { background-color: #B9FF80; }
.miniklix_58, .klix_58 { background-color: #AEFF80; }
.miniklix_60, .klix_60 { background-color: #A2FF80; }
.miniklix_62, .klix_62 { background-color: #96FF80; }
.miniklix_64, .klix_64 { background-color: #8BFF80; }
.miniklix_66, .klix_66 { background-color: #80FF80; }
.miniklix_68, .klix_68 { background-color: #80FF8B; }
.miniklix_70, .klix_70 { background-color: #80FF96; }
.miniklix_72, .klix_72 { background-color: #80FFA2; }
.miniklix_74, .klix_74 { background-color: #80FFAE; }
.miniklix_76, .klix_76 { background-color: #80FFB9; }
.miniklix_78, .klix_78 { background-color: #80FFC5; }
.miniklix_80, .klix_80 { background-color: #80FFD0; }
.miniklix_82, .klix_82 { background-color: #80FFDC; }
.miniklix_84, .klix_84 { background-color: #80FFE8; }
.miniklix_86, .klix_86 { background-color: #80FFF3; }
.miniklix_88, .klix_88 { background-color: #80FFFF; }
.miniklix_90, .klix_90 { background-color: #80F3FF; }
.miniklix_92, .klix_92 { background-color: #80E8FF; }
.miniklix_94, .klix_94 { background-color: #80DCFF; }
.miniklix_96, .klix_96 { background-color: #80D0FF; }
.miniklix_98, .klix_98 { background-color: #80C5FF; }
.miniklix_100, .klix_100 { background-color: #80B9FF; }
.miniklix_102, .klix_102 { background-color: #80AEFF; }
.miniklix_104, .klix_104 { background-color: #80A2FF; }
.miniklix_106, .klix_106 { background-color: #8096FF; }
.miniklix_108, .klix_108 { background-color: #808BFF; }
.miniklix_110, .klix_110 { background-color: #8080FF; }

.klix_0, .klix_2, .klix_4, .klix_6, .klix_8, .klix_10, .klix_12, .klix_14, .klix_16, .klix_18, .klix_20, 
.klix_22, .klix_24, .klix_26, .klix_28, .klix_30, .klix_32, .klix_34, .klix_36, .klix_38, .klix_40, 
.klix_42, .klix_44, .klix_46, .klix_48, .klix_50, .klix_52, .klix_54, .klix_56, .klix_58, .klix_60, 
.klix_62, .klix_64, .klix_66, .klix_68, .klix_70, .klix_72, .klix_74, .klix_76, .klix_78, .klix_80, 
.klix_82, .klix_84, .klix_86, .klix_88, .klix_90, .klix_92, .klix_94, .klix_96, .klix_98, .klix_100, 
.klix_102, .klix_104, .klix_106, .klix_108, .klix_110
{ border: solid black 1px; border-radius: 0.5rem; padding: 0.25rem; }

.miniklix_0, .miniklix_2, .miniklix_4, .miniklix_6, .miniklix_8, .miniklix_10, .miniklix_12, .miniklix_14, .miniklix_16, .miniklix_18, .miniklix_20, 
.miniklix_22, .miniklix_24, .miniklix_26, .miniklix_28, .miniklix_30, .miniklix_32, .miniklix_34, .miniklix_36, .miniklix_38, .miniklix_40, 
.miniklix_42, .miniklix_44, .miniklix_46, .miniklix_48, .miniklix_50, .miniklix_52, .miniklix_54, .miniklix_56, .miniklix_58, .miniklix_60, 
.miniklix_62, .miniklix_64, .miniklix_66, .miniklix_68, .miniklix_70, .miniklix_72, .miniklix_74, .miniklix_76, .miniklix_78, .miniklix_80, 
.miniklix_82, .miniklix_84, .miniklix_86, .miniklix_88, .miniklix_90, .miniklix_92, .miniklix_94, .miniklix_96, .miniklix_98, .miniklix_100, 
.miniklix_102, .miniklix_104, .miniklix_106, .miniklix_108, .miniklix_110
{ border: solid black 2px; border-radius: 0.25rem; padding: 0.125rem; }