/* 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/hintergrundseite2.jpg");background-repeat: repeat-x;
  background-size: 100%;}

/*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;
  }

/*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%);
  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, .h1 {
    font-size: 1.7rem;
    font-weight: 500;
  }

h2 {
 font-size:22px;
  font-weight: 500;
  }

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

.mod-list li a {
  color: #b46002;
}
.mod-list li.active > a {
  text-decoration: underline;
  color: black;
}

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

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

/*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;
}

/*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);
}

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

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