/*Abstand*/


.outer-grid-container {
position: relative;
/*top: 0px;*/
top: 0;
display: grid;
    grid-template-columns: minmax(700px, 800px) minmax(300px, 450px);
    grid-gap: var(--unit-padding);
max-width: 2200px;
/*    bestimmt die Höhe der Inner-Grid bzw. zieht den Platz für den Footer ab
beim 2-spaltigen outer-grid muss diese Höhe hier eingegeben werden.
auf dem Tablet muss sie im inner-grid definiert werden */
height: calc(100vh - (var(--quadrat) * 2));
overflow: hidden;
}

.list-view {

}

.detail-view {
    grid-template-columns: minmax(1100px, 1600px) 80px;

}


.inner-grid-container {
display: grid;
grid-template-rows: repeat(7, var(--quadrat)) 1fr;
/* Damit die Spalten in der Reihenfolge bleiben obwohl
 die erste tiefer gesetzt ist: */
grid-auto-flow: column;
grid-column-gap: var(--unit-margin);
/*    max-width: calc(var(--quadrat) * 48);*/
position: relative;
top: var(--quadrat);
overflow: hidden;
}

/*NEU: grids für Listen Nummeriert mit Page Anordnung im Kirby für dynamischer Aufbau*/
/*about*/
.grid-list-1 {
grid-template-columns: var(--fokus-1) 1fr 1fr 1fr 1fr 1fr 1fr;
}
/*news*/
.grid-list-2 {
grid-template-columns: 1fr var(--fokus-1) 1fr 1fr 1fr 1fr 1fr;
}
/*projets*/
.grid-list-3 {
grid-template-columns: 1fr 1fr var(--fokus-1) 1fr 1fr 1fr 1fr;
}
/*artists*/
.grid-list-4 {
grid-template-columns: 1fr 1fr 1fr var(--fokus-1a) 1fr 1fr 1fr;
    /*transition: all 1.4s;*/
}
/*events*/
.grid-list-5 {
grid-template-columns: 1fr 1fr 1fr 1fr var(--fokus-1) 1fr 1fr;
}
/*media*/
.grid-list-6 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr var(--fokus-1) 1fr;
}
/*archive*/
.grid-list-7 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr var(--fokus-1);
}



/*grids für Listen- Alte Version*/
/*about*/
.grid-list-about {
grid-template-columns: var(--fokus-1) 1fr 1fr 1fr 1fr 1fr 1fr;
}
/*news*/
.grid-list-news {
grid-template-columns: 1fr var(--fokus-1) 1fr 1fr 1fr 1fr 1fr;
}
/*projets*/
.grid-list-projects {
grid-template-columns: 1fr 1fr var(--fokus-1) 1fr 1fr 1fr 1fr;
}
/*artists*/
.grid-list-artists {
grid-template-columns: 1fr 1fr 1fr var(--fokus-1a) 1fr 1fr 1fr;
    /*transition: all 1.4s;*/
}
/*events*/
.grid-list-events {
grid-template-columns: 1fr 1fr 1fr 1fr var(--fokus-1) 1fr 1fr;
}
/*media*/
.grid-list-media {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr var(--fokus-1) 1fr;
}
/*archive*/
.grid-list-archive {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr var(--fokus-1);
}


/*Grids für Details*/
/*projects 3*/
.grid-details-projects {
grid-template-columns: 1fr 1fr var(--fokus-1) var(--fokus-2) var(--fokus-1) 1fr 1fr;
}

/*artists 4*/
.grid-details-artists {
    grid-template-columns: 1fr 1fr var(--fokus-2) var(--fokus-1) var(--fokus-1) 1fr 1fr ;
}

/*event 4*/
.grid-details-events {
    grid-template-columns: 1fr 1fr var(--fokus-2) var(--fokus-1) 1fr 1fr var(--fokus-2);
}

.grid-1-1-y-y-y-y-1 {
    grid-template-columns: 1fr 1fr var(--fokus-2) var(--fokus-2) var(--fokus-2) var(--fokus-2) 1fr;
}

/*archive 7*/
.grid-details-weissnicht {
    grid-template-columns: 1fr 1fr 1fr var(--fokus-2) var(--fokus-2) var(--fokus-1) var(--fokus-2);
}

/*archive 7*/
.grid-details-archive {
    grid-template-columns: 1fr 1fr var(--fokus-2) var(--fokus-3) 0px 0px var(--fokus-1a);
}