/*Positionen*/

/*.col-pos-x1 {*/
/*	grid-column-start: 1;*/
/*	grid-column-end: 3;*/
/*}*/

/*.col-pos-x2 {*/
/*	grid-column-start: 2;*/
/*	column-span: 1;*/
/*}*/

.col-pos-x3 {
	grid-column-start: 3;
	column-span: 1;
}

.col-pos-x4 {
	grid-column-start: 4;
	column-span: 1;
}

/*.col-pos-x5 {*/
/*	grid-column-start: 5;*/
/*	column-span: 1;*/
/*}*/

/*.col-pos-x6 {*/
/*	grid-column-start: 6;*/
/*	column-span: 1;*/
/*}*/

/*.col-pos-x7 {*/
/*	grid-column-start: 7;*/
/*	column-span: 1;*/
/*}*/



.col-pos-y1 {
	grid-row-start: 1;
	/*z-index: +7;*/
}
.ay1 {
	height: calc(100vh - (var(--quadrat) * 4));
}


.col-pos-y2 {
	grid-row-start: 2;
        /*z-index: 6;*/
}

.ay2 {
	height: calc(100vh - (var(--quadrat) * 5));
}


.col-pos-y3 {
	grid-row-start: 3;
        /*z-index: 5;*/
}


.ay3 {
	height: calc(100vh - (var(--quadrat) * 6));
}



.col-pos-y4 {
	grid-row-start: 4;
	/*z-index: +5;*/
}

.ay4 {
	height: calc(100vh - (var(--quadrat) * 7));
}



.col-pos-y5 {
	grid-row-start: 5;
	/*z-index: +4;*/
}

.ay5 {
	height: calc(100vh - (var(--quadrat) * 8));
}





.col-pos-y6 {
	grid-row-start: 6;
	/*z-index: +3;*/
}

.ay6 {
	height: calc(100vh - (var(--quadrat) * 9));
}


.col-pos-y7 {
    grid-row-start: 7;
    /*z-index: 2;*/
}

.ay7 {
	height: calc(100vh - (var(--quadrat) * 10));
}




.col-pos-z1 {
	z-index: 1;
	
}

.col-pos-z2 {
	z-index: 2;
	
}

.col-pos-z3 {
	z-index: 3;
	
}

.col-pos-z4 {
	z-index: 4;
	
}

.col-pos-z5 {
	z-index: 5;
	
}

.col-pos-z6 {
	z-index: 6;
	
}

.col-pos-z7 {
	z-index: 7;

}



.detail-y-span2 {
	height: calc(var(--quadrat) * 2);
}

.detail-y-span3 {
	height: calc(var(--quadrat) * 3);
}

.detail-y-span4 {
	height: calc(var(--quadrat) * 4);
}

.detail-y-span5 {
	height: calc(var(--quadrat) * 5);
}

.detail-y-span6 {
	height: calc(var(--quadrat) * 6);
}

.detail-y-span7 {
	height: calc(var(--quadrat) * 7);
}

.detail-pos {
	grid-row-start: 1;
	grid-row-end: 5;
	grid-column-start: 3;
	height: calc(var(--quadrat) * 3);
z-index: 3;
}