/*   ___________MODIFCATIONS to Cassiopeia-Template __________________
   *  This is a separate css-file, which loads as last stylesheet in the browser,
   *  leaving the original template-files unchanged.
   *  Any future Joomla-updates will not effect this file.
   *
   *  However, be aware: You have created a so-called "OVERRIDE" 
   *  your browser first loads the original css, thereafter this css-file here,
   *  which will effect the page-speed of your Website.
	*  You should threrfore keep this file to a minimum or indeed create a "user.min.css" file
	*
	*  Also  be aware of, if you style a specific element but in an system update that class-name,
	*  or id-name of that element changes, your CSS will have no effect on that element anymore 
	*  Therefore you should add your own css-classes to specific elements, your own class will 
	*  remain regardles of what joomla update-changes are comming.
   */


     header {
      background-color: #04872f !important;background-image: none !important; /* grün */
    } 

    .grid-child.container-nav {
      background-color: #f0eda6 !important; /* hellgelb */
    }

    .container-header .mod-menu, ul.mod-menu_dropdown-metismenu li {
      font-size: 13px;font-weight: bold;color: #000 /*schwarz */
    } 

    .metismenu.mod-menu .metismenu-item {
      
    }

    body .card.header {
      background-color: #f0eda6 !important;
    }

   /* body .grid-child.container-sidebar-left {
      Box-Shadow: 3px 5px 1px 0px rgba(174,174,174,0,75) !important; 
    }

    body .grid-child.container-bottom-b {
      Box-Shadow: 3px 5px 1px 0px rgba(174,174,174,0,75) !important; 
    } */

    footer {
      background-color: #04872f !important;background-image: none !important;
    }

    footer .grid-child {
      display: block !important;text-align: center
    }
    footer ul.mod-menu {
      position: relative;margin: -24px auto 24px auto !important;width: 98%;max-width: 600px;display: block !important;overflow: hidden
    }
    footer ul.mod-menu li {
      display: inline-block;padding: 0 20px;color: #444
    }

    footer .mod-footer {
      display: block !important;position: relative;margin: 0 auto !important;width: 98%;clear: both !important;text-align: center;color: #222
    }

    footer .mod-footer .footer2 {
      display: none;visibility: hidden;height: 0;margin: 0;padding: 0
    }

@media screen and (max-width: 479px) {
    footer ul.mod-menu li {
      display: block;padding: 0
    } 
}

.btn-secondary,
.btn-primary {
    background-color: #04872f;
    border-color: #04872f;
    color: #fff;
}

.btn-secondary:hover,
.btn-primary:hover {
    background-color: #10af44;
    border-color: #10af44;
    color: #fff;
}

.card-header {
    background-color: #f0eda6;
}

.card {
    box-shadow: 6px 4px 5px 0px rgba(0,0,0,0.15);
}

.table {
    border: 1px solid black;
    border-collapse: collapse;
    width: 100%;
    }
        
    td {
        border: 1px solid black;
        padding: 5px;
    }