:root {
    --link-color: #4d687c;
    --link-color-rgb: rgb(77 104 124);
    --cassiopeia-color-hover: #424077;
    --link-hover-color: #424077;
    --link-hover-color-rgb: 66, 64, 119;
    --cassiopeia-font-family-headings: 'Allura';

/* allura-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Allura';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/allura-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
  
body

{
  background: #DBD0A4 url('../images/pageglare.png') top center no-repeat scroll;
  margin: 0 auto;
}

.container-header .grid-child {
    padding: 0;
}
  
.container-header {
    z-index: 10;
    background-color: #dbd0a457;
    background-image: unset;
    position: relative;
    box-shadow: inset 0 5px 5px #00000008
}

.container-header .navbar-brand {
    color: #fff;
    margin-inline-end:auto;padding-top: .3125rem;
    padding-bottom: 0;
    font-size: 2rem;
    display: inline-block;
    position: relative
}
  
.container-header .mod-menu
 {
    background-color: #DBD0A4;
    flex: 1 0 100%;
    margin: 0;
    padding: 10px;
    justify-content: center;
    list-style: none;
    border:1px solid #234753;
    border-radius: 5px;
}

.container-header .mod-menu>li>a,.container-header .mod-menu>li>span {
    color: rgb(16 68 93);
    text-decoration: none;
    position: relative
}
  
.container-component
{
   background: rgb(237 230 200 / 58%) url(../images/sheet.png) bottom left no-repeat scroll;
   border:1px solid #234753;
   padding: 20px;
}

h5,.h5,h4,.h4,h3,.h3,h1,.h1
{
  color: rgb(85 101 115);
}


h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1 
{
    color: #526C80;
    margin-top: 0;
    margin-bottom: .5rem;
    font-family: 'Allura';
    font-weight: 500;
    line-height: 1.2
}

h1,.h1
{ font-family: 'Allura';
  font-style: normal;
  font-weight: 400;
  
}
  
 .footer 
{
    color: #000000;
    background-color: #b7ac7d70;
    background-image: unset;
    margin-top: 1em
    text-align: center;
} 


.card {
    --card-spacer-y: 1rem;
    --card-spacer-x: 1rem;
    --card-title-spacer-y: .5rem;
    --card-subtitle-color: ;
    --card-border-width: var(--border-width);
    --card-border-color: #526c80;
    --card-border-radius: var(--border-radius);
    --card-box-shadow: ;
    --card-inner-border-radius: calc(var(--border-radius) - (var(--border-width)));
    --card-cap-padding-y: .5rem;
    --card-cap-padding-x: 1rem;
    --card-cap-bg: rgb(207 195 145 / 70%);
    --card-cap-color: ;
    --card-height: ;
    --card-color: #2f3241;
    --card-bg: rgb(231 222 188);
    --card-img-overlay-padding: 1rem;
    --card-group-margin: .5em;
    min-width: 0;
    height: var(--card-height);
    color: var(--body-color);
    word-wrap: break-word;
    background-color: var(--card-bg);
    border: var(--card-border-width) solid var(--card-border-color)
#dfe3e7
;
    border-radius: var(--card-border-radius);
    background-clip: border-box;
    flex-direction: column;
    display: flex;
    position: relative;
}  
.card
{
  border-color: #38484D;
  border-radius: 2px;
}
     
.card-header
{
  background: rgb(230 222 189);
  color: #526C80;
}

.card-body
 {
    padding: var(--card-spacer-y) var(--card-spacer-x);
    background-color: #e7debc;
    flex: auto;
    border: 1px;
    border-color: #38484D;
    color: #2f3241;
}

.mod-list ul>li:before

 {
    content: url(../images/blockbullets.png);
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    margin-left: -13px;
}

.mod-list
Spezifität: (0,1,0)
 {
    padding-inline-start: 0;
    list-style: none;
}  

.page-link.active,.active>.page-link {
    z-index: 3;
    color: var(--pagination-active-color);
    background-color: #526C80;
    border-color: var(--pagination-active-border-color)
}  


.btn-primary {
    background-color: #30638d;
    border-color: var(--cassiopeia-color-primary)
}
  