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


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


.modulContentHead{
	justify-content: center;
}

.modul-buttongrid .modulContentTextbox blockquote p{
	text-align: center !important;
}

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


/* ===================================================================================================================== */
/* ================================================= **** 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) {


/* ===================================================================================================================== */
/* ================================================= **** 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;
}

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

}