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


/* ===================================================================================================================== */
.modulContentText{
	justify-content: center;
}


.modulContentHead{
	justify-content: center;
}

.modul-buttongrid .modulContentTextbox::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 75%);
}

.modul-buttongrid .modulContentTextbox h3{
	position: relative;
	text-align: center !important;
	text-shadow: 0px 0px 5px rgba(38,38,38,1), 0px 0px 20px rgba(38,38,38,0.6);
	text-decoration: underline;
	text-underline-offset: 0.1em;
	font-weight: 400;
}

.modul-buttongrid .modulContentTextbox h3 strong {
	font-weight: 700;
}
/*.modul-buttongrid .modulContentTextbox h3::after {
	content: '»';
	font-size: 1.6rem;
	display: inline-block;
	text-decoration: underline;
	text-underline-offset: 0.1em;
}*/

/* ===================================================================================================================== */


/* ===================================================================================================================== */
/* ================================================= **** buttongrid **** ================================================== */
/* ===================================================================================================================== */


.modulButtonGrid{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(22.5%, auto));
	grid-auto-rows: 20vw;
    grid-gap: 2px;
    grid-auto-flow: dense;
}

/* ------------------- D 1x1 --------------------------------------- */
.modulButtonGrid .item-d-1x1-m-1x1 {
	max-width: 100%;
	height: 100%;
	grid-column-end: span 1;
	grid-row-end: span 1;
}

.modulButtonGrid .item-d-1x1-m-2x1 {
	max-width: 100%;
	height: 100%;
	grid-column-end: span 1;
	grid-row-end: span 1;
}

.modulButtonGrid .item-d-1x1-m-2x2 {
	max-width: 100%;
	height: 100%;
	grid-column-end: span 1;
	grid-row-end: span 1;
}


/* ------------------- D 2x1 --------------------------------------- */
.modulButtonGrid .item-d-2x1-m-1x1 {
	max-width: 100%;
	height: 100%;
	grid-column-end: span 2;
	grid-row-end: span 1;
}

.modulButtonGrid .item-d-2x1-m-2x1 {
	max-width: 100%;
	height: 100%;
	grid-column-end: span 2;
	grid-row-end: span 1;
}

.modulButtonGrid .item-d-2x1-m-2x2 {
	max-width: 100%;
	height: 100%;
	grid-column-end: span 2;
	grid-row-end: span 1;
}


/* ------------------- D 1x2 --------------------------------------- */
.modulButtonGrid .item-d-1x2-m-1x1 {
	max-width: 100%;
	height: 100%;
	grid-column-end: span 1;
	grid-row-end: span 2;
}

.modulButtonGrid .item-d-1x2-m-2x1 {
	max-width: 100%;
	height: 100%;
	grid-column-end: span 1;
	grid-row-end: span 2;
}

.modulButtonGrid .item-d-1x2-m-2x2 {
	max-width: 100%;
	height: 100%;
	grid-column-end: span 1;
	grid-row-end: span 2;
}


/* ------------------- D 2x2 --------------------------------------- */
.modulButtonGrid .item-d-2x2-m-1x1 {
	max-width: 100%;
	height: 100%;
	grid-column-end: span 2;
	grid-row-end: span 2;
}

.modulButtonGrid .item-d-2x2-m-2x1 {
	max-width: 100%;
	height: 100%;
	grid-column-end: span 2;
	grid-row-end: span 2;
}

.modulButtonGrid .item-d-2x2-m-2x2 {
	max-width: 100%;
	height: 100%;
	grid-column-end: span 2;
	grid-row-end: span 2;
}


/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */

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


/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */
}

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


	.modul-buttongrid .modulContentTextbox::before {

	}

/* ===================================================================================================================== */
/* ================================================= **** buttongrid **** ================================================== */
/* ===================================================================================================================== */


.modulButtonGrid{
    grid-template-columns: repeat(auto-fill, minmax(43.75%, auto));
	grid-auto-rows: 45vw;
	grid-gap: 2px; 
}

/* ------------------- D 1x1 --------------------------------------- */
.modulButtonGrid .item-d-1x1-m-1x1 {
	grid-column-end: span 1;
	grid-row-end: span 1;
}

.modulButtonGrid .item-d-1x1-m-2x1 {
	grid-column-end: span 2;
	grid-row-end: span 1;
}

.modulButtonGrid .item-d-1x1-m-2x2 {
	grid-column-end: span 2;
	grid-row-end: span 2;
}


/* ------------------- D 2x1 --------------------------------------- */
.modulButtonGrid .item-d-2x1-m-1x1 {
	grid-column-end: span 1;
	grid-row-end: span 1;
}

.modulButtonGrid .item-d-2x1-m-2x1 {
	grid-column-end: span 2;
	grid-row-end: span 1;
}

.modulButtonGrid .item-d-2x1-m-2x2 {
	grid-column-end: span 2;
	grid-row-end: span 2;
}


/* ------------------- D 1x2 --------------------------------------- */
.modulButtonGrid .item-d-1x2-m-1x1 {
	grid-column-end: span 1;
	grid-row-end: span 1;
}

.modulButtonGrid .item-d-1x2-m-2x1 {
	grid-column-end: span 2;
	grid-row-end: span 1;
}

.modulButtonGrid .item-d-1x2-m-2x2 {
	grid-column-end: span 2;
	grid-row-end: span 2;
}


/* ------------------- D 2x2 --------------------------------------- */
.modulButtonGrid .item-d-2x2-m-1x1 {
	grid-column-end: span 1;
	grid-row-end: span 1;
}

.modulButtonGrid .item-d-2x2-m-2x1 {
	grid-column-end: span 2;
	grid-row-end: span 1;
}

.modulButtonGrid .item-d-2x2-m-2x2 {
	grid-column-end: span 2;
	grid-row-end: span 2;
}

/* ------------------------------------------------------------------------ */

}