:root {
--cassiopeia-color-primary: #000000;
--cassiopeia-color-link: #474747;
--cassiopeia-color-hover: #000000;
--card-cap-bg: #000000;
--card-cap-color: #000000;
}


/* Front-Mittelteil breite*/

.container-component {
  padding-left: 1rem;
  padding-right: 1rem;
}


/*Footer Menüzeile zentrieren*/
.grid-child.container-footer {
    justify-content: center !important;
}
.footer .grid-child {
    width: fit-content;
    flex-direction: inherit;
}
/* Titelzeile Module */
.card-header {
background: #000000;
color: #ffffff;
}
.btn-primary:hover {
  background: rgba(0,212,255,1);
}

<div class="card-body pt-0">
                    <p class="text-center">h center</p>
                </div>

.container, .container-sm, .container-md, .container-lg, .container-xl, .astroid-layout.astroid-layout-boxed .astroid-wrapper { max-width: 200px; }



/* Sitebar-right breite ändern */
.container-sidebar-right {
width: 60% !important;
}

/* sitebar-left rechts raus-schieben*/
.container-sidebar-right {
  /* Make sidebar-left span full width of the screen (for smaller screens) */
  grid-column: full-start / full-end;
}
@media (width >= 992px) {
  .site-grid {
    /* Collapse outside columns on bigger screens, but use the same number of columns and names from Cassiopeia */
    grid-template-columns: [full-start]3[main-start]repeat(4,1fr)[main-end]0[full-end];
  }
  
  .container-sidebar-right {
    /* Span sidebar-left over 2 columns, starting from [full-start] (declared above) */
    grid-column: span 2;
  }
}





/* sitebar-left breite ändern*/

.container-sidebar-left {

width: 60% !important;
}

/* sitebar-left links raus-schieben*/

.container-sidebar-left {
  /* Make sidebar-left span full width of the screen (for smaller screens) */
  grid-column: full-start / full-end;
}

@media (width >= 992px) {
  .site-grid {
    /* Collapse outside columns on bigger screens, but use the same number of columns and names from Cassiopeia */
    grid-template-columns: [full-start]0[main-start]repeat(4,1fr)[main-end]0[full-end];
  }
  
  .container-sidebar-left {
    /* Span sidebar-left over 2 columns, starting from [full-start] (declared above) */
    grid-column: span 2;
  }
}
