:root {
    --cassiopeia-color-primary: #CDAA7D;
    --cassiopeia-color-hover: #2B1900;
    --body-font-family: Georgia, "Open Sans", sans-serif;
    --body-bg: #E8D8C5;
    --template-link-color:#2B1900;
   /* --template-special-color:#313638;*/
    --link-color:#2B1900;
   /* --link-color-hover:#313638; */
    --link-hover-color: #313638;  
    --breadcrumb-item-active-color: #2B1900;
  /* Farben für Akkordeon-Menue*/
  --accordion-active-color: #291000;
  --border-color: #291000;
  --accordion-active-bg: #291000;
  --accordion-border-color: #291000;
    
    .container-header{    
        z-index: 10;
        background-color: var(--cassiopeia-color-primary);
        background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 100%, var(--cassiopeia-color-hover) 0%);
        position: relative;
        box-shadow: inset 0 5px 5px #00000008;
    }
        
    .footer {
        color: #2B1900;
        background-color: var(--cassiopeia-color-primary);
        background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 100%, var(--cassiopeia-color-hover) 0%);
        margin-top: 1em;
    }



    div.navbar-brand{
        font-family: var(--body-font-family);
        color:#291000;
    }

    div.grid-child{
        font-family: var(--body-font-family);
        color:#291000;
    }

    div.navbar-brand{
        font-family: var(--body-font-family);
        color:#291000;
    }

    .navbar-brand a {
        color:#291000;
        text-decoration: none;
    }

    .container-header .mod-menu {
        color: #291000;
    }

    .metismenu.mod-menu .metismenu-item {
        background-color: #CDAA7D;
        color:#291000;
    }

    .breadcrumb {
        --breadcrumb-item-active-color: #291000;
    }

    .modal {
        height: max-content;
    }
/*Akkordeon-Menue*/
.accordion-button{
  --accordion-active-color: var(--accordion-active-color);
}
.accordion{
  --accordion-border-color: var(--border-color);
}
.accordion-button:not(.collapsed) {
  background-color: var(--accordion-active-bg);
  box-shadow: inset 0 calc(-1* var(--accordion-border-width)) 0 var(--accordion-border-color);
  }

  
    /* Grundlegende Styles fuer akkordeon
    body {padding: 2rem;}
    details {background: #E8D8C5; border: 1px solid #325582; border-radius: 3px; margin-bottom: 1.5rem;}
    summary {background: #CDAA7D; color: #291000; cursor: pointer; padding: 1rem;}
    .akkordeon-inhalt {padding: 1rem 1rem 1px 1rem;}

    /* Der verzögerungseffekt 
    details[open] summary ~ * {animation: sweep .7s ease-in-out;}

    @keyframes sweep {
        0%    {opacity: 0; margin-left: -20px}
        100%  {opacity: 1; margin-left: 0px}
    }*/

    #aussendiv {
        display: flex;
        justify-content: flex-start;
    }

  /* akkordeon */
#akkordeon h4{cursor:pointer;padding:10px 25px 10px 10px;border:1px solid #efefef;border-radius:5px;background:#ddd;}
.panel-collapse{display:none;padding:10px 25px;border:1px solid #efefef;}
#akkordeon h4:before{content:'+ ';}

#accordion-color {color:#CDAA7D; } 

    .innendiv {
        width: 100px;
    }

    .innenInnendiv {
        width: 150px;
    }

    .feldMail {
        width: 300px;
    }

  .invisibleButton {
    display: none;
  }

  /*
.container { 
  display: grid; 
  grid-template-rows:100px 100px 100px; 
  grid-template-columns:5% 30% 45% 5%; 
}*/

  
}