@charset"UTF-8";
/*
  2025.09.26
*/
/* === Schrift Start === */
@font-face {
  font-family: 'RobotoMonoRegular';
  src: url('../fonts/roboto/RobotoMono-Regular.woff2') format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* body {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "sans-serif";} */
#bibliography h2 {font-family: inherit;}
#bibliography {font-family: inherit;}
#glossary dd {font-family: inherit; margin-left: 1.5em;}
#glossary dt {font-family: inherit;}
#toc {font-family: inherit; text-align: left;}
.bold {font-family: inherit; font-weight: 700;}
.my-font-dn {font-family: inherit;}
.my-font-gv {font-family: inherit;}
.my-font-r {font-family: inherit;}
.my-font-rm {font-family: inherit; font-weight: 600 !important;}
.my-font-td {font-family: inherit;}
.my-monospace {font-family: RobotoMonoRegular;}
h1,h2,h3,h4,h5,h6 {font-family: inherit;}
/* === Schrift Ende === */

/* === CSS eBook === */
aside,blockquote,dd,div,dl,dt,figcaption,figure,h1,h2,h3,h4,h5,h6,hr,li,nav,ol,p,section,ul {margin:0; padding:0; line-height:inherit;font-style:normal;font-weight:400;font-size:1em;text-indent:0;}
.align-center {text-align: center; text-indent: 0;}
.align-left {text-align: left;}
.align-right {text-align: right; text-indent: 0;}
/*!... b {font-weight: 700;} */
b,strong {font-weight: 700;}
.block {display: block;}
blockquote p cite,blockquote p em,blockquote p i {font-style: normal;}
/*!... blockquote p cite,blockquote p i {font-style: normal;} */
blockquote p {font-style: italic; text-indent: 0;}
blockquote {margin: 1.5em 5%;}
.bold {font-weight: 700;}
.bold-italic {font-style: italic; font-weight: 700;}
.boxed {border: 0.0625em solid currentColor; padding: 0.6875em;}
canvas,iframe,svg,video {height: auto; max-width: 100%; width: auto;}
.caps-to-small-caps {font-variant: small-caps; letter-spacing: 0.0625em; text-transform: lowercase;}
caption {caption-side: top; font-weight: 700; hyphens: none; -moz-hyphens: none; -ms-hyphens: none; text-align: center; text-indent: 0; -webkit-hyphens: none;}
.caption,figcaption {font-size: 0.9375em; line-height: 1.6; text-indent: 0;}
cite cite,cite dfn,cite em,cite i,dfn cite,dfn dfn,dfn em,dfn i,em cite,em dfn,em em,em i,i cite,i dfn,i em,i i {font-style: normal;}
/*!... cite i {font-style: normal;} */
cite i,i i {font-style: normal;}
cite,dfn,em,i {font-style: italic;}
.clear {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}
del,s {text-decoration: line-through;}
dfn i {font-style: normal;}
dl {margin: 1.5em 0 1.5em 5%;}
dt > dfn {font-style: normal; font-weight: 700;}
dt {font-weight: 700; margin: 1.5em 0 0 0;}
figcaption {font-size: 0.9375em; line-height: 1.6; text-indent: 0;}
.float-left {float: left; margin: 0 1.5% 0 0;}
.float-right {float: right; margin: 0 0 0 1.5%;}
.footnote {font-size: 0.9375em; line-height: 1.6; text-indent: 0;}
.fs-jumbo {font-size: 1.625em; line-height: 0.92307692;}
.fs-l {font-size: 1.125em; line-height: 1.33333333;}
.fs-m {font-size: 1em; line-height: inherit;}
.fs-s {font-size: 0.9375em; line-height: 1.6;}
.fs-xl {font-size: 1.3125em; line-height: 1.14285714;}
.fs-xs {font-size: 0.875em; line-height: 1.71428571;}
.fs-xxl {font-size: 1.4375em; line-height: 1.04347826;}
.fs-xxs {font-size: 0.8125em; line-height: 1.84615385;}
.h-10 {height: 10%;}
.h-100 {height: 99%;}
.h-20 {height: 20%;}
.h-30 {height: 30%;}
.h-40 {height: 40%;}
.h-50 {height: 50%;}
.h-60 {height: 60%;}
.h-70 {height: 70%;}
.h-80 {height: 80%;}
.h-90 {height: 90%;}
h1 {font-size: 1.4375em; line-height: 1.04347826; margin-bottom: 2.08695652em; margin-top: 0;}
h2 {font-size: 1.3125em; line-height: 1.14285714; margin-bottom: 1.14285714em; margin-top: 2.28571429em;}
h3 {font-size: 1.125em; line-height: 1.33333333; margin-bottom: 1.33333333em; margin-top: 1.33333333em;}
h4 {font-size: 1em; line-height: 1.5; margin-bottom: 0; margin-top: 1.5em;}
.hanging-indent {margin-left: 5%; text-indent: -5%;}
.hidden {display: none;}
hr {border: none; border-top: 0.125em solid currentColor; height: 0; margin-bottom: 1.4375em; margin-left: 37.5%; margin-top: 1.4375em; opacity: 0.5; width: 25%;}
hr.asterism {background: transparent url(images/asterism.svg) no-repeat center; background-size: 2.5em 1.25em; border: none; height: 1.5em; margin: 1.5em 0; opacity: 0.7; overflow: hidden; text-align: center; text-indent: 0; width: auto;}
hr.transition {background: 0 0; border: none; height: 1.5em; margin: 0; width: 100%;}
i i {font-style: normal;}
.indent {text-indent: 1em;}
.inline-block {display: inline-block;}
.italic {font-style: italic;}
.justified {hyphenate-limit-chars: 6 3 2; hyphenate-limit-last: always; hyphenate-limit-lines: 2; hyphenate-limit-zone: 10%; hyphens: auto; -moz-hyphenate-limit-chars: 6 3 2; -moz-hyphenate-limit-last: always; -moz-hyphenate-limit-lines: 2; -moz-hyphenate-limit-zone: 10%; -moz-hyphens: auto; -ms-hyphenate-limit-chars: 6 3 2; -ms-hyphenate-limit-last: always; -ms-hyphenate-limit-lines: 2; -ms-hyphenate-limit-zone: 10%; -ms-hyphens: auto; text-align: justify; -webkit-hyphenate-limit-after: 2; -webkit-hyphenate-limit-before: 3; -webkit-hyphenate-limit-last: always; -webkit-hyphenate-limit-lines: 2; -webkit-hyphenate-limit-zone: 10%; -webkit-hyphens: auto;}
.line-through {text-decoration: line-through;}
.margin-bottom-l {margin-bottom: 3em;}
.margin-bottom-m {margin-bottom: 1.5em;}
.margin-bottom-s {margin-bottom: 0.75em;}
.margin-bottom-xl {margin-bottom: 4.5em;}
.margin-bottom-xxl {margin-bottom: 6em;}
.margin-left-l {margin-left: 7.5%;}
.margin-left-m {margin-left: 5%;}
.margin-left-s {margin-left: 2.5%;}
.margin-left-xl {margin-left: 10%;}
.margin-left-xxl {margin-left: 15%;}
.margin-right-l {margin-right: 7.5%;}
.margin-right-m {margin-right: 5%;}
.margin-right-s {margin-right: 2.5%;}
.margin-right-xl {margin-right: 10%;}
.margin-right-xxl {margin-right: 15%;}
.margin-top-l {margin-top: 3em;}
.margin-top-m {margin-top: 1.5em;}
.margin-top-s {margin-top: 0.75em;}
.margin-top-xl {margin-top: 4.5em;}
.margin-top-xxl {margin-top: 6em;}
mark {background-color: #ff0; color: inherit;}
.no-indent {text-indent: 0;}
.no-list-type {list-style-type: none;}
.no-margin {margin: 0;}
.no-margin-bottom {margin-bottom: 0;}
.no-margin-left {margin-left: 0;}
.no-margin-right {margin-right: 0;}
.no-margin-top {margin-top: 0;}
ol ol {list-style-type: lower-roman;}
ol ol,ol ul,ul ol,ul ul {padding-left: 1em;}
ol {list-style-position: outside; list-style-type: decimal;}
ol,ul {margin: 1.5em 0; padding-left: 2em;}
pre {margin: 1.5em 0 1.5em 5%; -moz-tab-size: 2; -ms-tab-size: 2; tab-size: 2; -webkit-tab-size: 2; white-space: pre-wrap; word-wrap: break-word;}
q {quotes: none;}
rt {font-size: 50%; text-transform: full-size-kana;}
small {font-size: 0.8125em;}
.small-caps {font-variant: small-caps; letter-spacing: 0.0625em;}
sub {font-size: 75%; line-height: 1.2; vertical-align: sub; vertical-align: -20%;}
svg {object-fit: contain;}
table {border-collapse: collapse; border-spacing: 0; display: table; font-feature-settings: "tnum" 1; font-variant-numeric: tabular-nums; margin: 1.5em auto; max-width: 100%; table-layout: auto;}
.table-fixed {table-layout: fixed;}
td {border-bottom: 0.0625em solid currentColor; empty-cells: show; padding: 0.75em 10px 0.6875em 0; text-align: left;}
th {border-bottom: 0.125em solid currentColor; empty-cells: show; font-weight: 700; padding: 0.6875em 10px 0.6875em 0; text-align: left;}
ul ul {list-style-type: square;}
ul {list-style-position: outside; list-style-type: disc;}
.underline {text-decoration: underline;}
.w-10 {width: 10%;}
.w-100 {width: 100%;}
.w-20 {width: 20%;}
.w-30 {width: 30%;}
.w-40 {width: 40%;}
.w-50 {width: 50%;}
.w-60 {width: 60%;}
.w-70 {width: 70%;}
.w-80 {width: 80%;}
.w-90 {width: 90%;}
.wrap-10 {margin: 1.5em 45%; width: 10%;}
.wrap-100 {margin: 1.5em 0; width: auto;}
.wrap-20 {margin: 1.5em 40%; width: 20%;}
.wrap-30 {margin: 1.5em 35%; width: 30%;}
.wrap-40 {margin: 1.5em 30%; width: 40%;}
.wrap-50 {margin: 1.5em 25%; width: 50%;}
.wrap-60 {margin: 1.5em 20%; width: 60%;}
.wrap-70 {margin: 1.5em 15%; width: 70%;}
.wrap-80 {margin: 1.5em 10%; width: 80%;}
.wrap-90 {margin: 1.5em 5%; width: 90%;}
#bibliography ol {padding-left: 0;}
#bibliography ul li {margin-left: 5%; text-indent: -5%;}
#bibliography ul {padding-left: 0;}
#glossary dfn {font-style: normal;}
#glossary dl {margin-left: 0;}
#toc_en li,#toc_de li {list-style: none;}
b,i {font-size: 100%;}
div.my-line-25 {border: none; border-top: 0.125em solid currentColor; height: 0; margin-bottom: 1.4375em; margin-left: 37.5%; margin-right: 37.5%; margin-top: 1.4375em; opacity: 0.5;}
h5 {font-size: 1.0625em; font-weight: normal; line-height: 1.4118; margin-bottom: 1.4118em; margin-top: 0;}
hr.my-hr-line-25 {border: none; border-top: 0.125em solid currentColor; height: 0; margin-bottom: 1.4375em; margin-left: 0; margin-top: 1.4375em; opacity: 0.5; width: 25%;}
.my-color-gray {color: #848484;}
.my-date-13px {font-size: 0.8125em !important; line-height: 1.8462 !important; margin-top: 1.8462em; text-align: right;}
.my-errmsg {color: #ff0000; font-weight: bold;}
.my-frame {padding-left: 5%; padding-right: 5%;}
.my-frame-border {border: 0.0625em solid #444444; margin-left: 5%; margin-right: 5%; padding: 2em 2.25em;}
.my-fs-11px {font-size: 0.6875em; line-height: 1.25;}
.my-fs-11px-125 {font-size: 0.6875em !important; line-height: 1.25 !important;}
.my-fs-12px {font-size: 0.75em !important; line-height: 2 !important;}
.my-fs-12px-300 {font-size: 0.75em; line-height: 3.00;}
.my-fs-12px-lh-150 {font-size: 0.75em !important; line-height: 1.50 !important;}
.my-fs-13px-369 {font-size: 0.8125em !important; line-height: 3.6924 !important;}
.my-fs-17px {font-size: 1.0625em; line-height: 1.4118;}
.my-fs-20px {font-size: 1.25em; line-height: 1.2000;}
.my-fs-32px {font-size: 2.0em; line-height: 1.5000;}
.my-fs-34px {font-size: 2.125em; line-height: 1.4118;}
.my-fs-38px {font-size: 2.375em; line-height: 1.2632em;}
.my-fs-64px {font-size: 4em !important; line-height: 1.125; margin-bottom: 0.375em; margin-top: 0;}
.my-fs-copyright-11px {font-size: 0.6875em !important; line-height: 1.25 !important;}
.my-fs-reference-12px {font-size: 0.75em !important; line-height: 2.0 !important;}
.my-fs-reference-2-12px {font-size: 0.75em !important; line-height: 2.0 !important; margin-top: 0.5em !important;}
.my-h-300 {height: 3em;}
.my-hanging-indent-2 {margin-left: 14%; text-indent: -10%;}
.my-indent {text-indent: 2em;}
.my-indent-150 {text-indent: 1.5em;}
.my-line {border: none; border-top: 0.125em solid currentColor; margin-bottom: 1.375em; opacity: 0.5; width: 25%;}
.my-m-auto {margin-left: auto; margin-right: auto;}
.my-mb-025 {margin-bottom: 0.25em;}
.my-mb-104 {margin-bottom: 1.0435em;}
.my-mb-125 {margin-bottom: 1.25em;}
.my-mb-133 {margin-bottom: 1.3333em;}
.my-mb-150 {margin-bottom: 1.5em;}
.my-mb-175 {margin-bottom: 1.75em;}
.my-mb-200 {margin-bottom: 2em;}
.my-mb-206 {margin-bottom: 2.0625em;}
.my-mb-208 {margin-bottom: 2.08em;}
.my-mb-225 {margin-bottom: 2.25em;}
.my-mb-250 {margin-bottom: 2.5em;}
.my-mb-266 {margin-bottom: 2.6666em;}
.my-mb-300 {margin-bottom: 3em;}
.my-ml-mr-auto {margin-left: auto; margin-right: auto;}
.my-mr-ml-auto {margin-left: auto; margin-right: auto;}
.my-mt-025 {margin-top: 0.25em;}
.my-mt-050 {margin-top: 0.5em;}
.my-mt-075 {margin-top: 0.75em;}
.my-mt-100 {margin-top: 1em;}
.my-mt-109 {margin-top: 1.0909em;}
.my-mt-125 {margin-top: 1.25em;}
.my-mt-133 {margin-top: 1.3333em;}
.my-mt-150 {margin-top: 1.5em;}
.my-mt-160 {margin-top: 1.6em;}
.my-mt-175 {margin-top: 1.75em;}
.my-mt-200 {margin-top: 2em;}
.my-mt-206 {margin-top: 2.0625em;}
.my-mt-208 {margin-top: 2.08em;}
.my-mt-215 {margin-top: 2.15em;}
.my-mt-225 {margin-top: 2.25em;}
.my-mt-228 {margin-top: 2.28571428em;}
.my-mt-240 {margin-top: 2.4em;}
.my-mt-250 {margin-top: 2.5em;}
.my-mt-266 {margin-top: 2.6666em;}
.my-mt-275 {margin-top: 2.75em;}
.my-mt-283 {margin-top: 2.83333333em;}
.my-mt-300 {margin-top: 3em;}
.my-mt-325 {margin-top: 3.25em;}
.my-mt-350 {margin-top: 3.5em;}
.my-mt-450 {margin-top: 4.5em;}
p.footnote {color: currentColor;}
.sigil_not_in_toc {color: currentColor;}
span.my-break-000-100 {display: block; font-size: 100% !important; margin-top: 0.00;}
span.my-break-025-100 {display: block; font-size: 100% !important; margin-top: 0.25em;}
span.my-break-025-110 {display: block; font-size: 110% !important; margin-top: 0.25em;}
span.my-break-050-080 {display: block; font-size: 80% !important; margin-top: 0.5em;}
span.my-break-100-080 {display: block; font-size: 80% !important; margin-top: 1em;}
span.my-break-150-110 {display: block; font-size: 110% !important; margin-top: 1.5em;}
span.my-headline-split-000 {display: block; font-size: 100% !important; margin-top: 0;}
span.my-headline-split-025 {display: block; font-size: 100% !important; margin: 0.25em 0;}
span.my-subtitle-1 {display: block; font-size: 70%; margin-top: 1em;}
span.my-subtitle-100-80 {display: block; font-size: 80% !important; margin-top: 1em;}
span.my-subtitle-2 {display: block; font-size: 70%; margin-top: 1.75em;}
span.my-subtitle-3 {display: block; font-size: 60%; margin-top: 0.5em;}
span.my-subtitle-4 {display: block; font-size: 50%; margin-top: 1.75em;}
span.reference-2 {display: block; font-size: 100%; margin-top: -0.5em;}
#toc .my-ml-300 {margin-left: 3em;}
#toc a {font-weight: normal; text-decoration: none;}
#toc a,#toc a:link {color: #046DC8;}
#toc a.text-color {color: #333; -webkit-text-fill-color: #333;}
#toc a:hover {color: #c76004;}
#toc h1,#toc h2 {font-size: 1.25em; line-height: 1.2; margin-bottom: 2.4em; margin-top: 2.4em; text-align: center;}
#toc li,#toc ol {list-style-type: none !important;}
#toc ol li {margin-left: 1em; margin-right: 1em; margin-top: 0.5em; text-indent: -1em;}
#toc ol {margin-left: 0.5em; margin-top: 0.5em;}
/* === CSS eBook Ende === */

/* === CSS Joomla! === */
/*
[Table of Contents]
 1. Section - Diverses
 2. Section - container
 3. Section - site
 4. Section - head (Symbole)
 5. Section - menue
 6. Section - main (Satzspiegel)
 7. Section - front page
   7.1 Subsection - front image
   7.2 Subsection - quote (Zitat)
 8. Section - eBook
   8.1 Subsection - Listen
   8.2 Subsection - Inhaltsverzeichnisse der Werke
   8.3 Subsection - Inhalt der Werke
 9. Section - Suchen
10. Section - Fußzeile
11. Section - Breakpoints
  11.1 Subsection - 424px
  11.2 Subsection - 576px
  11.3 Subsection - 768px
  11.4 Subsection - 992px
*/
/*
 * Zeilenhoehe:
 * baseline-height = 24px = 1.5em
 *
 * Schriftgroessen:
 * px / 16 = em
 *
 * __ 1px _ 0.0625em ___ 6.25%
 * __ 2px _ 0.1250em __ 12.50%
 * __ 3px _ 0.1875em __ 18.75%
 * __ 4px _ 0.2500em __ 25.00%
 * __ 5px _ 0.3125em __ 31.25%
 * __ 6px _ 0.3750em __ 37.50%
 * __ 7px _ 0.4375em __ 43.75%
 * __ 8px _ 0.5000em __ 50.00%
 * __ 9px _ 0.5625em __ 56.25%
 * _ 10px _ 0.6250em __ 62.50%
 * _ 11px _ 0.6875em __ 68.75%
 * _ 12px _ 0.7500em __ 75.00%
 * _ 13px _ 0.8125em __ 81.25%
 * _ 14px _ 0.8750em __ 87.50%
 * _ 15px _ 0.9375em __ 93.75%
 * _ 16px _ 1.0000em _ 100.00%
 * _ 17px _ 1.0625em _ 106.25%
 * _ 18px _ 1.1250em _ 112.50%
 * _ 19px _ 1.1875em _ 118.75%
 * _ 20px _ 1.2500em _ 125.00%
 * _ 21px _ 1.3125em _ 131.25%
 * _ 22px _ 1.3750em _ 137.50%
 * _ 23px _ 1.4375em _ 143.75%
 * _ 24px _ 1.5000em _ 150.00%
 * _ 25px _ 1.5625em _ 156.25%
 * _ 26px _ 1.6250em _ 162.50%
 * _ 27px _ 1.6875em _ 168.75%
 * _ 28px _ 1.7500em _ 175.00%
 * _ 29px _ 1.8125em _ 181.25%
 * _ 30px _ 1.8750em _ 187.50%
 * _ 31px _ 1.9375em _ 193.75%
 * _ 32px _ 2.0000em _ 200.00%
 * _ 33px _ 2.0625em _ 206.25%
 * _ 34px _ 2.1250em _ 212.50%
 * _ 35px _ 2.1875em _ 218.75%
 * _ 36px _ 2.2500em _ 225.00%
 */
/*************** 1. Section ***************/
/* Diverses */
:root {
  --my_black: #555555;
  --my_black_4: #444444;
  --my_black_7: #777777;
  --my_blue_li: #046DC8;
  --my_color_1: #f1f1f1;
  --my_gray_1: #EEEEEE;
  --my_hover: #c76004;
  --my_visited: darkblue;
}
/* Offline-Bild ausblenden */
.offline-card img {
  margin-bottom: 0;
  height: 4em;
  width: auto;
}
.offline-card .logo-icon {
  display: none;
}
/* Cookie Zustimmung - Bild ausblenden */
#redim-cookiehint .cookiehead .headline::before {
  background-image: none!important;
}
header {
	background: none!important;
}
body {
  background-color: white;
  color: var(--my_black) !important;
  font-size: 1em;
}

/* *************** */
/* Navigationspfad */
/* *************** */
.mod-breadcrumbs {
  margin: 0 1em 0 1em;
  background-color: transparent;
  color: var(--my_blue_li) !important;
  padding: 0 !important;
}

.mod-breadcrumbs__item{
  padding-top: 0!important;
}
li.mod-breadcrumbs__item {
  padding-top: 0.5em;
  font-size: 1em!important;
}
li.mod-breadcrumbs__item .pathway {
  text-decoration-line: none!important;
  color: var(--my_black_1);
}
/* Navigationspfad auf Seite 'Impressums' ausblenden */
._menue_impressum .breadcrumb {
  display: none !important;
}
/* Navigationspfad-Symbol */
.divider {
  display: none;
}
/* *************** */


li.com-content-blog__link,
.com-content-category-blog__children,
.pagination__wrapper,
div.com-content-category-blog__items:nth-child(2) {
  display: none;
}
._menue_suchen main,
._menue_impressum main {
  padding-bottom: 3em;
  min-height: 19em;
  word-break: break-word;
}
/* Seitenzähler ausblenden */
.com-content-category-blog__counter{
  display: none;
}
/*************** 2. Section ***************/
/* container */
.container-header {
  background-image: none;
}
.container-sidebar-left {
  padding: 0 5%;
  grid-row: 1;
  grid-column-start: 1;
}
.container-sidebar-left .card {
  background-color: transparent;
}
.container-component {
  margin-top: .125em;
  background-color: white;
  grid-row: 2;
  grid-column: 1;
}
.container-bottom-a {
  background-color: var(--my_color_1);
  text-align: center;
}
.container-bottom-a .card {
  margin: 0;
  padding: 0 !important;
  border: none;
  background-color: var(--my_color_1);
}
/*************** 3. Section ***************/
/* site */
.site {
  margin-right: auto;
  margin-left: auto;
  width: auto;
  max-inline-size: 62em;
}
.site-grid {
/*
  background-color: #F1F1F1;
*/
  grid-column-gap: 0 !important;
  height: max-content;
}
.site header {
  box-shadow: none;
}
/*************** 4. Section ***************/
/* head (Symbole) */
.navbar-brand {
  left: 50%!important;
  width: 30%!important;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
/*************** 5. Section ***************/
/* menue */
.metismenu-item a:active,
.metismenu-item a:focus {
	font-weight: 600!important;
}
#navbar1 ul a {
  color: var(--my_black_4) !important;
  font-size: 0.9375em;
  transition: 0.25s;
}
.sidebar-left {
  border: none;
}
.sidebar-left .card-body {
  padding-top: 0;
  padding-bottom: 0;
}
.sidebar-left,.full-width {
  background-color: var(--my_color_1) !important;
}
div.navbar-collapse {
  margin-bottom: 1em;
  transition: 0.75s;
}
.navbar {
  padding-top: 0.75em;
  padding-bottom: 0;
  word-break: break-word;
}
.navbar-toggler .icon-menu {
  display: none;
}
.navbar-toggler::before {
  content: 'Auswahl';
  color: var(--my_black_7) !important;
  font-style: italic;
  font-size: 1.0em;
}
.navbar-toggler {
  margin-bottom: 0.75em;
  border: none;
  color: transparent;
  font-size: 1.5em;
  padding-block: 0;
  padding-inline: 0;
}
.level-1 a {
  padding-top: 0.250em;
  padding-bottom: 0.250em;
}
/*************** 6. Section ***************/
/* main (Satzspiegel) */
/* Satzspiegel - Stege */
main {
  margin: 1em 1em 1.5em 1em!important;
}
main ul,
main ol,
main p, h1, h2, h3, h4, h5, h6 {
  color: var(--my_black) !important;
}
/*************** 7. Section ***************/
/* front page */
.front-page img{
  margin-top: -1.5em!important;
}
/*****---------- 7.1 Subsection ----------*****/
/* front image */
  #front-img {
    margin: 0 20% 0 20%;
    width: 60%;
    transition: 0.25s;
  }
/*****---------- 7.2 Subsection ----------*****/
/* quote (Zitat) */
  div#daily-message {
    margin-top: 1.125em;
  }
  /* Karte mit Schatten, Tages-Datum, Zitat, Autor */
  #quote-card {
    margin: 8% auto 0 auto;
    padding: 3% 0 1.5% 0;
    box-shadow: -2px 2px 2px 2px rgba(0, 0, 0, .15);
  }
  /* Schrift-Farbe */
  #quote-header, #quote-date, #quote p {
    color: #333!important;
    word-break: break-word;
  }
  /* Ueberschrift 'Zitat des Tages' */
  h1#quote-header{
    margin: 0 auto 1em auto;
    font-style: normal;
    font-weight: 400;
    font-size: 1em!important;
    text-align: center;
  }
  /* Tages-Datum */
  #quote-date {
    margin: 0 auto 0 auto!important;
    font-weight: 700;
    font-size: 1.125em!important;
    text-align: center!important;
  }
  /* Zitat */
  #quote p:first-of-type {
    line-height: 1.4118;
    font-size: 0.8750em!important;
  }
  /* Autor */
  #quote p:last-of-type {
    margin-top: 0.8em;
    margin-left: 40%;
    line-height: 1.4118;
    font-size: 0.6875em!important;
    /* text-indent: -0.4em; */
    text-align: right;
  }
/*************** 8. Section ***************/
/* eBook */
/*****---------- 8.1 Subsection ----------*****/
/* Listen */
  /* Werke anderer Autoren = waa */
  /* ^_____^_______^____________ */
  /* Liste der Autoren ___ = lda */
  /* ^_____^___^ _______________ */
  /* Liste der Werke _____ = ldw */
  /* ^_____^___^________________ */
  h1.ldw {
    margin-top: 0;
    margin-bottom: 1em;
    margin-left: 0;
  }
  h2.ldw {
    font-size: 1.1250em;
    line-height: 1.3333;
    margin: 1.5em 0 0 0!important;
  }
  .waa {
    margin-bottom: 0;
  }
  #ldw{
    margin-top: 0.75em;
  }
  #waa-lda,
  #ldw {
    margin-left: 0;
  }
  #waa-lda li,
  #waa-ldw li,
  #ldw li {
    margin-bottom: 0.45em;
  }
  #waa-lda a,
  #waa-ldw a,
  #ldw a {
    color: var(--my_blue_li);
    font-weight: normal;
    text-decoration: none;
  }
  /*
  Die Reihenfolge der Pseudo-Selektoren muss
  wie hier :link, :visited, :hover, :focus, :active sein.
  Ansonsten überschreibt z.B. :visited den Selektor :hover.
  */
  #waa-lda a:link,
  #waa-ldw a:link,
  #ldw a:link {
    color: var(--my_blue_li);
  }
  #waa-lda a:visited,
  #waa-ldw a:visited,
  #ldw a:visited {
    color: var(--my_visited);
  }
  #waa-lda a:hover,
  #waa-ldw a:hover,
  #ldw a:hover {
    color: var(--my_hover);
    outline: none!important;
  }
  #waa-lda a:focus,
  #waa-ldw a:focus,
  #ldw a:focus {
    color: var(--my_hover);
    outline: none!important;
  }
/*****---------- 8.2 Subsection ----------*****/
/* Inhaltsverzeichnis der Werke */
  #toc_de a,
  #toc_en a {
    font-weight: normal;
    text-decoration: none;
  }
  #toc ol {
    margin-left: 0;
  }
  #toc ol ol li:first-of-type {
    margin-top: 0;
  }
  #toc ol ol li:last-of-type {
    margin-bottom: 0.5em;
  }
  /*
  Die Reihenfolge der Pseudo-Selektoren muss
  wie hier :link, :visited, :hover, :focus, :active sein.
  Ansonsten überschreibt z.B. :visited den Selektor :hover.
  */
  #toc_de ol a:link,
  #toc_en ol a:link,
  #toc ol a:link {
    color: var(--my_blue_li);
  }
  #toc_de a:visited,
  #toc_en a:visited,
  #toc a:visited {
    color: var(--my_visited);
  }
  #toc_de a:hover,
  #toc_en a:hover,
  #toc a:hover {
    color: var(--my_hover);
  }
  #toc_de a:focus,
  #toc_en a:focus,
  #toc a:focus {
    color: var(--my_hover);
  }
  /****/
  #landmarks {
    display: none!important;
  }
/*****---------- 8.3 Subsection ----------*****/
/* Inhalt der Werke */
  .my-frame {
    margin-top: 0;
  }
  /****/
  #id-top {
    margin-left: 1em;
    margin-bottom: 2em;
    display: none;
  }
  #id-top a,
  #id-top a:link {
    color: var(--my_blue_li) !important;
    text-decoration: none;
  }
  #id-top a:hover {
    color: var(--my_hover) !important;
  }
  /****/
  #glossary a {
    font-weight: normal;
    text-decoration: none;
  }
  #glossary a:hover {
    color: var(--my_hover) !important;
  }
  /****/
  #index1a ul li,
  #index1b ul li {
    margin-left: 5%;
    text-indent: -5%;
  }
  #index2 ol li {
    margin-left: 5%;
    text-indent: -5%;
  }
  /****/
  sup a {
    padding-left: 0.0625em;
    font-style: normal;
    text-decoration: none!important;
  }
  /****/
  .pagination .previous,.pagination .next {
    border: none;
    color: royalblue;
  }
/*************** 9. Section ***************/
/* Suchen */
.finder button:active {
  border: none;
  background-color: whitesmoke!important;
}
mark {
  background-color: rgb(255,220,110);
}
button.btn:nth-child(2) {
  border-color: var(--my_gray_1);
  background-color: var(--my_gray_1);
  color: var(--my_black) !important;
}
.icon-search {
  color: var(--my_black) !important;
}
.input-group {
  justify-content: left;
  width: fit-content;
}
/* #tax-language, div.control-group:nth-child(2) > div:nth-child(1) > label:nth-child(1), */
/* #tax-category, div.control-group:nth-child(4) > div:nth-child(1) > label:nth-child(1), */
#tax-author, div.control-group:nth-child(3) > div:nth-child(1) > label:nth-child(1) {
  display: none;
}
/*************** 10. Section ***************/
/* Fußzeile */
.footer1 {
  font-size: 0.6250em;
}
.footer2 {
  display: none;
}
/*************** 11. Section ***************/
/* Breakpoints */
/*****---------- 11.1 Subsection ----------*****/
/* Breakpoint 424px */
  @media only screen and (min-width: 424px) {
    /**** 424px ****/
    /* Navigationspfad */
    .mod-breadcrumbs {
      margin: 0 2em 1em 2em;
    }
    li.mod-breadcrumbs__item {
      font-size: 0.875em;
    }
    /**** 424px ****/
    .navbar-brand {
      left: 50%!important;
      width: 25%!important;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
    }
    /**** 424px ****/
    /* Satzspiegel - Stege */
    main {
      margin: 1.5em 2em 2.75em 2em!important;
    }
    /**** 424px ****/
    .front-page{
      margin-top: -2.0em;
    }
    #front-img {
      margin-top: 0.25em;
    }
    /**** 424px ****/
    h1#quote-header {
      font-size: 1.0625em!important;
    }
    #quote-card {
      margin: 8% auto 0 auto;
    }
    /**** 424px ****/
    p#quote-date {
      font-size: 1.25em!important;
    }
    #quote p:first-of-type {
      font-size: 0.8750em!important;
    }
    #quote p:last-of-type {
      font-size: 0.75em!important;
    }
    /**** 424px ****/
    .pagenavigation {
      margin: 0 1em;
    }
    .footer1 {
      font-size: 0.75em;
    }
  }
/*****---------- 11.2 Subsection ----------*****/
/* Breakpoint 576px */
  @media only screen and (min-width: 576px) {
    /**** 576px ****/
    /* Navigationspfad */
    .mod-breadcrumbs {
      margin: 0 2em 1em 2em;
    }
    /**** 576px ****/
    .navbar-brand {
      left: 50%!important;
      width: 20%!important;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
    }
    /**** 576px ****/
    /* Satzspiegel - Stege */
    main {
      margin: 1.5em 2em 2.75em 2em!important;
    }
    /**** 576px ****/
    div.front-page {
      margin-right: 0.75em;
      margin-bottom: 0.5em;
      margin-left: 0.75em
    }
    /**** 576px ****/
    div#daily-message {
      margin-top: 2.125em;
    }
    h1#quote-header {
      font-size: 1.125em!important;
    }
    #quote-card {
      margin: 7% auto 0 auto;
    }
    /**** 576px ****/
    p#quote-date {
      font-size: 1.25em!important;
    }
    #quote p:first-of-type {
      font-size: 0.8750em!important;
    }
    #quote p:last-of-type {
      font-size: 0.75em!important;
    }
    /**** 576px ****/
    .pagenavigation {
      margin: 0 1em;
    }
    .footer1 {
      font-size: 0.75em;
    }
  }
/*****---------- 11.3 Subsection ----------*****/
/* Breakpoint 768px */
  @media only screen and (min-width: 768px) {
    /**** 768px ****/
    /* Navigationspfad */
    .mod-breadcrumbs {
      margin: 1em 3em 0 3em;
    }
    /**** 768px ****/
    .navbar-brand {
      left: 62.75%!important;
      width: 20%!important;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
    }
    /**** 768px ****/
    .container-sidebar-left {
      padding-left: 0;
      background-color: var(--my_color_1);
      grid-row-start: 1;
      grid-row-end: 1;
      grid-column-start: 1;
      grid-column-end: 3;
    }
    .sidebar-left {
      position: sticky !important;
      top: 1em;
    }
    .container-sidebar-left .navbar-toggler {
      display:none!important;
    }
    .container-sidebar-left div {
      display:flex!important;
    }
    /**** 768px ****/
    #navbar1 ul {
      width: max-content;
    }
    #navbar1 li {
      font-size: 81.25%;
      transition: 0.125s;
    }
    /**** 768px ****/
    .container-component {
      grid-row-start: 1;
      grid-row-end: 1;
      grid-column-start: 3;
    }
    /* Satzspiegel - Stege */
    main {
      margin: 3em 3em 3.5em 3em!important;
    }
    /**** 768px ****/
    div.front-page {
      margin: -2.25em 0.125em 0.125em -0.125em;
    }
    /**** 768px ****/
    h1#quote-header {
      font-size: 1.125em!important;
    }
    #quote-card {
      margin: 6% auto 0 auto;
    }
    /**** 768px ****/
    p#quote-date {
      font-size: 1.25em!important;
    }
    #quote p:first-of-type {
      font-size: 1em!important;
    }
    #quote p:last-of-type {
      font-size: 0.875em!important;
    }
    /**** 768px ****/
    #impressum {
      margin: 0;
    }
    #impressum p,
    #impressum h1 {
      margin-left: 0;
    }
    #datenschutz {
      margin: 0;
    }
    /**** 768px ****/
    div.mod-footer {
      margin-left: 25.5%;
    }
    .footer1 {
      font-size: 0.9375em;
    }
  }
/*****---------- 11.4 Subsection ----------*****/
/* Breakpoint 992px */
  @media only screen and (min-width: 992px) {
    /**** 992px ****/
    /* Navigationspfad */
    .mod-breadcrumbs {
      margin: 1.5em 4em 0 4em;
    }
    /**** 992px ****/
    .navbar-brand {
      left: 62.75%!important;
      width: 20%!important;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
    }
    /**** 992px ****/
    .container-sidebar-left {
      grid-area: side-l;
      grid-row-start: side-l;
      grid-row-end: side-l;
      grid-column-start: side-l;
      grid-column-end: side-l;
    }
    .grid-child.container-sidebar-left div {
      margin: 0 !important;
    }
    .container-sidebar-left .card {
      margin-top: 1em !important;
    }
    .sidebar-left {
      position: sticky;
      top: 1em;
      max-width: 14.5em !important;
    }
    /**** 992px ****/
    #navbar1 li {
      font-size: 106.25%;
      transition: 0.25s;
    }
    .level-1 a {
      padding-top: initial;
      padding-bottom: initial;
    }
    /**** 992px ****/
    .container-component {
      grid-area: comp;
      grid-row-start: comp;
      grid-row-end: comp;
      grid-column-start: comp;
      grid-column-end: comp;
    }
    /* Satzspiegel - Stege */
    main {
      margin: 4em 4em 4.5em 4em!important;
    }
    /**** 992px ****/
    div.front-page {
      margin: -2.75em -0.5em -0.5em -0.5em;
    }
    /**** 992px ****/
    h1#quote-header {
      font-size: 1.25em!important;
    }
    #quote-card {
      margin: 6% auto 0 auto;
    }
    /**** 992px ****/
    p#quote-date {
      font-size: 1.4375em!important;
    }
    #quote p:first-of-type {
      font-size: 1.25em!important;
    }
    #quote p:last-of-type {
      font-size: 1em!important;
    }
    /**** 992px ****/
    .footer1 {
      font-size:1em;
    }
  }
/* Ende CSS */
