@charset "utf-8";
/* CSS Document */

#main-body {
  background-image: linear-gradient(to right, rgba(0,117,191,1.00), rgba(140,140,140,1.0));
}    



        .hero-sidebar {
            height: 100%;
            width: 120px;
            position: fixed !important;
            z-index: 1;
            overflow: auto
        }
        /* Set the width of the sidebar to 120px */
        .hero-sidebar {
            width: 120px;
            background: #222;
        }

        .hero-sidebar::-webkit-scrollbar {
    width: 0px;  /* Breite der vertikalen Scrollbar */
}

/* Track der Scrollbar (der Hintergrund) */
.hero-sidebar::-webkit-scrollbar-track {
    background: transparent;  /* Setze den Track-Hintergrund auf transparent */
}

        /* Add a left margin to the "page content" that matches the width of the sidebar (120px) */
        #main {
            margin-left: 120px
        }
        /* Remove margins from "page content" on small screens */
        @media only screen and (max-width:600px) {
            #main {
                margin-left: 0
            }
        }
   

.cw{
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            margin-left: 120px; /* Platz für die Sidebar lassen */
            padding: 20px;
        }

.cx {
            width: 1100px; /* Feste Breite */
            max-width: 100%;
            margin: 0 auto;
        }

.borderHero{
    border-top: solid; 
    border-top-color: rgba(255,255,255,0.30);
}