/* Grundsätzliche Template Farben und Einstellungen */

:root{--cassiopeia-color-primary:#eaeaea;--cassiopeia-color-link:#b46002;--link-color:#b46002;--link-color-rgb:48,99,141;--cassiopeia-color-hover:#000000;--link-hover-color:#000000;--link-hover-color-rgb:0,0,0;background-image: url("../images/hintergrundseite.jpg");background-repeat: repeat-x;
  background-size: 100%;}

/*kopf der seite - Logo zentriert*/
.container-header .navbar-brand a {
  color: #fff;
  margin-left: 5.5em;
}

/*farbe beim drüberfahren inneres menü - beitragsseiten*/
a:hover {
  color: #67aefa;
}

a {
  color: #f6a1a1;
}

.article-index .toclink.active {
  color: #deedff;
}

/*kompletter Inhaltskontainer mit 90 % Breite und abstand nach rechts und links automatisch*/

body {
  flex-direction:column;
  display:flex;
  width: 90%;
margin-left: auto;
  margin-right: auto;
  color: white;
  }

/*transparenz vom Inhaltscontainer*/

body{
  min-height: 100vh;
  position: relative;
  background: transparent;
  margin-top: 20px;
}

/* Hintergrund kopf*/

.container-header {
  z-index:10;
  /*background-color:#eaeaea;
 background-image:linear-gradient (135deg,var(--cassiopeia-color-primary)0%,var(--cassiopeia-color-hover)100%);*/
  background-image: url("../images/hintergrund.jpg");
    /*margin: 0 auto;*/
  position:relative;
  box-shadow:inset 0 5px 5px #00000008
}

/*hintergrundfarbe vom breadkrumb*/

.breadcrumb{
  background-color: #f5f5f5;
  margin-bottom: 0;
}

/* Schriftstaerke und groesse der ueberschriften */

h1 {
  font-size: 1.7rem;
  font-weight: 500;
  color: white;
 /* font-size: 20px;
  color: #c9d9fd;*/
  --link-hover-color: #fff;
  --link-hover-color-rgb: 0,0,0 background-color: #CCC;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  text-align: center;
  background-color: #ffffff40;
  padding: .15em;
  }

/*h1, .h1 {
    font-size: 1.7rem;
    font-weight: 500;
  color: white;
  }*/

h1, .h1 {
  font-size: 1.7rem;
  font-weight: 500;
  color: white;
 /* font-size: 20px;
  color: #c9d9fd;*/
  --link-hover-color: #fff;
  --link-hover-color-rgb: 0,0,0 background-color: #CCC;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  text-align: center;
  background-color: #ffffff40;
  padding: .15em;
}
  
h2 {
 /*font-size:22px;
  font-weight: 500;
  color: white;*/
    font-size: 1.7rem;
  font-weight: 500;
  color: white;
  /*font-size: 20px;
  color: #c9d9fd;*/
  --link-hover-color: #fff;
  --link-hover-color-rgb: 0,0,0 background-color: #CCC;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  text-align: center;
  background-color: #ffffff40;
  padding: .1em;
  }

h3, .h3 {
  font-size: 1.7rem;
  font-weight: 500;
  color: white;
  font-size: 20px;
  color: #c9d9fd;
  --link-hover-color: #fff;
  --link-hover-color-rgb: 0,0,0 background-color: #CCC;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  text-align: center;
  background-color: #ffffff40;
  padding: .15em;
  }

/* Schriftstaerke und groesse der menueueberschriften */
h3.card-header {
  font-size: 20px;
  color: #c9d9fd;
  --link-hover-color: #fff;
  --link-hover-color-rgb: 0,0,0 background-color: #CCC;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  text-align: center;
  background-color: #ffffff40;
  }

.card-header {
  /*padding: var(--card-cap-padding-y)var(--card-cap-padding-x);
  /*color: var(--card-cap-color);
  background-color: var(--card-cap-bg);
  border-bottom: var(--card-border-width)solid var(--card-border-color);*/
  margin-bottom: 0;*/
    font-size: 1.7rem;
  font-weight: 500;
  color: white;
  font-size: 20px;
  color: #c9d9fd;
  --link-hover-color: #fff;
  --link-hover-color-rgb: 0,0,0 background-color: #CCC;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  text-align: center;
  background-color: #ffffff40;
}

/*menueauswahltext-farbe*/

.mod-list li {
  padding: .25em 0;
  font-weight: normal;
  font-size: medium;
}

.mod-list li a {
  color: #f6a1a1;
}
.mod-list li.active > a {
  color: #deedff;
  text-decoration: underline;
  /*color: black;*/
}

.mod-list li a:hover {
  text-decoration: underline;
  color: #67aefa;
  }

/*Menübox farben und stärke des randes*/
.card {
  --card-border-color: #b5d9e5;
  --card-bg: #f5f5f5;
  background-color: transparent;
  }

/* Punkte in den Menülisten und abstand der listen von links*/ 
.mod-list {
  padding-inline-start: 20px;
  list-style: square;
  color: white;
  }

/*liste im menü position*/
.mod-list li .mod-menu__sub {
  padding-left: 2em;
  }

.small {
  font-size: .875rem;
  line-height: 1;
}

/*Hauptcontainer hintergrund und abstand nach li und re*/

.site-grid > [class*=" container-"] {
    column-gap: 1em;
    width: 100%;
    max-width: none;
    padding: 30px;
  padding-top: 2px;
    background-color: #eaeaea;
  background-image: url("../images/hintergrund.jpg");
}

/*Weiter-Box im Hauptcontainer mit schriftgrößen und Hintergrundfarbe im Verlauf*/
.btn {
  --btn-padding-x: 1rem;
  --btn-font-size: .8rem;
  --btn-font-weight: 500;
  --btn-line-height: 1.0;
background-image: linear-gradient(white, #c4c4c4);
}

.footer {
  color: #fff;
  background-color: var(--cassiopeia-color-primary);
  /*background-image: linear-gradient(135deg,var(--cassiopeia-color-primary)0%,var(--cassiopeia-color-hover)100%);*/
  background-image: url("../images/hintergrund.jpg");
  margin-top: 1em;
  }

/*zurück nach oben*/
.back-to-top-wrapper {
  top: calc(100vh + 3em);
}

.back-to-top-link {
  background-color: #b5dded;
  color:black;
  }

/*schriftfarbe besucherzähler*/

.jsvisitcounter {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
  color: white;
}

/*schriftfarbe - wer ist online*/
p {
  margin-top:0;
  margin-bottom:1rem;
  color: white;
}