body {
    position: relative;
    background-image: url(../images/Middle_texture_v2.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-attachment: fixed;
    width: 100%;
}


 div.grid-child.container-component {
     box-shadow: 2px 4px 4px 2px rgba(0, 0, 0, 0.5);
     /* Optional: Rahmen hinzufügen, um die Box sichtbar zu machen */
     border: 1px solid #234753;
 }

 /*

 Show menu on top on mobile
@media (width < 992px) {
    .sidebar-left.card {
        display: none;
    }
    .sidebar-left.card._menu {
        display: block;
        position: absolute;
        top: 200px;
        z-index:100;
    }
}

  */

 .container-header
 {
     background: none; /* Removes any background */
     background-color: transparent; /* Ensures background color is transparent */
 }

.container-header.brand-logo {
    background-color: transparent;
}

@media (width >= 600px) {
    .container-search {
        position: absolute;
        top: 8px;
        right: 10px;
    }
}

.card {
    --card-border-radius: 0;
}

.container-sidebar-left .sidebar-left:first-child {
    margin-top:0;
}

.custom-bullets {
    list-style: none;
    padding-left: 20px;
}

.custom-bullets-snow li {
    background: url('../images/flake.jpg') no-repeat left center; /* Set custom bullet image */
    padding-left: 25px; /* Space for the bullet image */
}

.sidebar-left.card {
    border:none;
}

div.grid-child.container-component main {
    margin: 10px;
}



.container-sidebar-left:before {
    /*background-color: #00BCFF4C;*/
    position: absolute;
    z-index: -2;
    direction: ltr;
    left: 0;
    bottom: 0;
    top: 0;
    content: ' ';
    overflow: hidden;
    display: block;
    background-image: url(../images/sidebar_bg.png);
    width: 200px;
}

.sidebar-left.card {
    background-color: #00BCFF4C;
    margin:0;
}

.card-header  {
    background-color: #00BCFF4C;
}