/* -------------------------------------------------------------
   v1.3.0 — page grid with sticky-footer behaviour.
   Content row uses 1fr so on short pages the bottom area is
   pushed to the viewport bottom (prevents top-menu dropdowns
   from crashing into the bottom menu on light content pages).
   Row order:
     1  logo + ctop1
     2  main menu
     3  showcase
     4  content + right          (1fr — stretches)
     5  showcase2
     6  middle1
     7  middle2
     8  middle3
     9  middle4
    10  bottom4
    11  bottom3
    12  menubottom               (NEW)
    13  footer                   (was 12)
    14  cookie                   (was 13)
   ------------------------------------------------------------- */

.grid1 {
	display: grid;
	grid-template-columns: repeat(24, 1fr);
	grid-template-rows:
		auto    /* 1 logo */
		auto    /* 2 main menu */
		auto    /* 3 showcase */
		1fr     /* 4 content (stretches) */
		auto    /* 5 showcase2 */
		auto    /* 6 middle1 */
		auto    /* 7 middle2 */
		auto    /* 8 middle3 */
		auto    /* 9 middle4 */
		auto    /* 10 bottom4 */
		auto    /* 11 bottom3 */
		auto    /* 12 menubottom */
		auto    /* 13 footer */
		auto;   /* 14 cookie */
	min-height: 100vh;
}

.logo-lm {
	grid-column: 1/3 ;
	grid-row: 1/2;
}

.logo {
	grid-column: 3/13 ;
	grid-row: 1/2;
}

.ctop1 {
	grid-column: 13/23 ;
	grid-row: 1/2;
}

.menu-top-rm {
	grid-column: 23/25 ;
	grid-row: 1/2;
}

.main-menu-lm {
	grid-column: 1/3 ;
	grid-row: 2/3;
}

.main-menu {
	grid-column: 3/23 ;
	grid-row: 2/3;
}

.main-menu-rm {
	grid-column: 23/25 ;
	grid-row: 2/3;
}

.showcase-lm {
	grid-column: 1/3 ;
	grid-row: 3/4;
}

.showcase {
	grid-column: 3/23 ;
	grid-row: 3/4;
}

.showcase-rm {
	grid-column: 23/25 ;
	grid-row: 3/4;
}

.content-lm {
	grid-column: 1/3 ;
	grid-row: 4/5;
}

.content-w-right {
	grid-column: 3/17 ;
	grid-row: 4/5;
}

.content {
	grid-column: 3/23 ;
	grid-row: 4/5;
}

.right {
	grid-column: 17/23 ;
	grid-row: 4/5;
}

.right-rm {
	grid-column: 23/25 ;
	grid-row: 4/5;
}

.no-right {
	display: none;
}

.showcase2-lm {
	grid-column: 1/3 ;
	grid-row: 5/6;
}

.showcase2 {
	grid-column: 3/23 ;
	grid-row: 5/6;
}

.showcase2-rm {
	grid-column: 23/25 ;
	grid-row: 5/6;
}

.middle1 {
	grid-column: 1/25 ;
	grid-row: 6/7;
}

.middle2-lm {
	grid-column: 1/3 ;
	grid-row: 7/8;
}

.middle2 {
	grid-column: 3/23 ;
	grid-row: 7/8;
}

.middle2-rm {
	grid-column: 23/25 ;
	grid-row: 7/8;
}

.middle3 {
	grid-column: 1/25 ;
	grid-row: 8/9;
}

.middle4-lm {
	grid-column: 1/3 ;
	grid-row: 9/10;
}

.middle4 {
	grid-column: 3/23 ;
	grid-row: 9/10;
}

.middle4-rm {
	grid-column: 23/25 ;
	grid-row: 9/10;
}

.bottom4-lm {
	grid-column: 1/3 ;
	grid-row: 10/11;
}

.bottom4 {
	grid-column: 3/23 ;
	grid-row: 10/11;
}

.bottom4-rm {
	grid-column: 23/25 ;
	grid-row: 10/11;
}

.bottom3-lm {
	grid-column: 1/3 ;
	grid-row: 11/12;
}

.bottom3 {
	grid-column: 3/23 ;
	grid-row: 11/12;
}

.bottom3-rm {
	grid-column: 23/25 ;
	grid-row: 11/12;
}

/* NEW row 12 — menubottom */
.menubottom-lm {
	grid-column: 1/3 ;
	grid-row: 12/13;
}

.menubottom {
	grid-column: 3/23 ;
	grid-row: 12/13;
}

.menubottom-rm {
	grid-column: 23/25 ;
	grid-row: 12/13;
}

.footer-lm {
	grid-column: 1/3 ;
	grid-row: 13/14;
}

.footer {
	grid-column: 3/23 ;
	grid-row: 13/14;
}

.footer-rm {
	grid-column: 23/25 ;
	grid-row: 13/14;
}

.cookie-lm {
	grid-column: 1/3 ;
	grid-row: 14/15;
}

.cookie {
	grid-column: 3/23 ;
	grid-row: 14/15;
}

.cookie-rm {
	grid-column: 23/25 ;
	grid-row: 14/15;
}

/* -------------------------------------------------------------
   Module row — replaces wdimoduls3.php / wdimoduls4.php (v1.0)
   Auto-fits 1/2/3/4 modules with no PHP width-counting.
   ------------------------------------------------------------- */
.module-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 1.5rem;
}

@media screen and (max-width:900px) {

	.logo-lm {
		grid-column: 1/2 ;
		grid-row: 1/2;
	}

	.logo {
		grid-column: 2/13 ;
		grid-row: 1/2;
	}

	.ctop1 {
		grid-column: 13/24 ;
		grid-row: 1/2;
	}

	.menu-top-rm {
		grid-column: 24/25 ;
		grid-row: 1/2;
	}

	.main-menu-lm {
		grid-column: 1/2 ;
		grid-row: 2/3;
	}

	.main-menu {
		grid-column: 2/24 ;
		grid-row: 2/3;
	}

	.main-menu-rm {
		grid-column: 24/25 ;
		grid-row: 2/3;
	}

	.showcase-lm {
		grid-column: 1/2 ;
		grid-row: 3/4;
	}

	.showcase {
		grid-column: 2/24 ;
		grid-row: 3/4;
	}

	.showcase-rm {
		grid-column: 24/25 ;
		grid-row: 3/4;
	}

	.content-lm {
		grid-column: 1/2 ;
		grid-row: 4/5;
	}

	.content-w-right {
		grid-column: 2/17 ;
		grid-row: 4/5;
	}

	.content {
		grid-column: 2/24 ;
		grid-row: 4/5;
	}

	.right {
		grid-column: 17/24 ;
		grid-row: 4/5;
	}

	.right-rm {
		grid-column: 24/25 ;
		grid-row: 4/5;
	}

	.showcase2-lm {
		grid-column: 1/2 ;
		grid-row: 5/6;
	}

	.showcase2 {
		grid-column: 2/24 ;
		grid-row: 5/6;
	}

	.showcase2-rm {
		grid-column: 24/25 ;
		grid-row: 5/6;
	}

	.middle2-lm {
		grid-column: 1/2 ;
		grid-row: 7/8;
	}

	.middle2 {
		grid-column: 2/24 ;
		grid-row: 7/8;
	}

	.middle2-rm {
		grid-column: 24/25 ;
		grid-row: 7/8;
	}

	.middle4-lm {
		grid-column: 1/2 ;
		grid-row: 9/10;
	}

	.middle4 {
		grid-column: 2/24 ;
		grid-row: 9/10;
	}

	.middle4-rm {
		grid-column: 24/25 ;
		grid-row: 9/10;
	}

	.bottom4-lm {
		grid-column: 1/2 ;
		grid-row: 10/11;
	}

	.bottom4 {
		grid-column: 2/24 ;
		grid-row: 10/11;
	}

	.bottom4-rm {
		grid-column: 24/25 ;
		grid-row: 10/11;
	}

	.bottom3-lm {
		grid-column: 1/2 ;
		grid-row: 11/12;
	}

	.bottom3 {
		grid-column: 2/24 ;
		grid-row: 11/12;
	}

	.bottom3-rm {
		grid-column: 24/25 ;
		grid-row: 11/12;
	}

	/* NEW row 12 — menubottom (mobile) */
	.menubottom-lm {
		grid-column: 1/2 ;
		grid-row: 12/13;
	}

	.menubottom {
		grid-column: 2/24 ;
		grid-row: 12/13;
	}

	.menubottom-rm {
		grid-column: 24/25 ;
		grid-row: 12/13;
	}

	.footer-lm {
		grid-column: 1/2 ;
		grid-row: 13/14;
	}

	.footer {
		grid-column: 2/24 ;
		grid-row: 13/14;
	}

	.footer-rm {
		grid-column: 24/25 ;
		grid-row: 13/14;
	}

	.cookie-lm {
		grid-column: 1/2 ;
		grid-row: 14/15;
	}

	.cookie {
		grid-column: 2/24 ;
		grid-row: 14/15;
	}

	.cookie-rm {
		grid-column: 24/25 ;
		grid-row: 14/15;
	}
}