section.objects-overview{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    width: 100%;
    padding: 0px;
    overflow:hidden;
    margin-top:-45px;
}

.overview-intro-text{
    margin-left: 149px;
}

.logo-symbol svg{
    fill: var(--primary-font-color);
}

.hamburger .bar{
    background-color: var(--primary-font-color);
}

/*
 Gridbox
*/
.gridbox-container{
    height:150vh;/*auf 100vh stellen, wenn es in einer Bildschirmgrösse gerendert werden soll */

    display: grid;
    gap:0px;
}
.gridbox-container-3row{
    height:100vh;/*auf 100vh stellen, wenn es in einer Bildschirmgrösse gerendert werden soll */

    display: grid;
    gap:0px;
}
.gridbox-container-juli{
    height:100%;/*auf 100vh stellen, wenn es in einer Bildschirmgrösse gerendert werden soll */

    display: grid;
    gap:0px;
}

.gridbox-container-big{
    grid-column: 1/13;
    /*height:200vh; auf 100vh stellen, wenn es in einer Bildschirmgrösse gerendert werden soll */
    height: auto;
    padding: 0px!important;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 25vw;
    gap:0px;
}
/*
 Gridbox - Items
*/

.gridbox-item{
    grid-column: auto / span 1;
    grid-row: auto / span 1;
    width: 100%;
    height:100%;

    overflow:hidden;
    position:relative;
	
	filter: brightness(75%);
    
    /* Enable hardware acceleration to fix laggy transitions */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    
}

.gridbox-item.wide{
    grid-column: auto / span 2;
    grid-row: auto / span 1;
}

.gridbox-item.high{
    grid-row: auto / span 2;
    grid-column: auto / span 1;
}


.gridbox-item:hover{
    filter: brightness(110%);
}

.gridbox-item img{
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: center;
}


@media(max-width: 1080px){

.gridbox-container-big{
    grid-auto-rows: 25vw;
    grid-template-columns: repeat(4, 1fr);
}
   
   .gridbox-item{
     filter: brightness(100%);
   }
.overview-intro-text{
    margin-left: 95px;
}
}