:root{
    
  --cassiopeia-color-primary: #C9C287;
  --cassiopeia-color-link: #545179;
  --cassiopeia-color-hover: #545179;
  
  --link-color:#6A6547;
  --link-hover-color:#79ad12;
  --body-bg: rgb(254, 254, 242);}

body{
    background-color:#d4cfa9;
    margin: 0 auto;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, Sans-Serif;  }

.container-header .mod-menu>li>a, .container-header .mod-menu>li>span {
    color: #6a6547;
    font-size: 1.5rem;    
    font-weight: 800;
    text-shadow: 3px 2px 18px rgb(255, 255, 255);}

.btn-primary{
        box-shadow: 3px 3px 2px #0000007b;}

.nav    {
    --nav-link-padding-x: 1rem;
    --nav-link-padding-y: .5rem;
    --nav-link-font-weight: ;
    --nav-link-color: var(--link-color);
    --nav-link-hover-color: var(--link-hover-color);
    --nav-link-disabled-color: var(--secondary-color);}

.card {
    box-shadow: 12px 4px 18px 0px rgba(0,0,0,0.35);
    -webkit-box-shadow: 12px 4px 18px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 12px 4px 18px 0px rgba(0,0,0,0.35);  }

.card-header {
    padding: var(--card-cap-padding-y) var(--card-cap-padding-x);
    color:#545179; 
    background-color: var(--card-cap-bg);
    border-bottom: var(--card-border-width) solid var(--card-border-color);
    margin-bottom: 0;}
  
  /* Module sind auf verschiedenen Modulpositionen im Cassiopeia Template bekommen dann die Module zusätzlich zu card auch die Position als Klassennamen, zum Beispiel main-top - wenn du also alle Module auf Main Top ändern möchtest, nimmst du .main-top.card */

 .footer
  {
    border-width:0;
    padding: 0.2rem;
    --card-height:3.5rem ;
    box-shadow: none;
    background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%);
    color: var(--link-color);
    font-size: 1.4rem;
    font-weight: 800;
    text-shadow: 3px 2px 18px rgb(255, 255, 255);
}

.main-top.card {
     background: #e1e9f5;  }

h1,h2,h3{
    color:#545179; }