ul.menuSubpages.kacheln{position:relative;display:flex;flex-flow:row wrap;margin-left:-1%;margin-right:-1%}ul.menuSubpages.kacheln li{border-radius:var(--border-radius-soft);width:23%;float:left;margin:1%;display:inline-block;background-color:var(--second-color)}ul.menuSubpages.kacheln li:before{display:none}ul.menuSubpages.kacheln li:hover{background-color:rgba(var(--second-color-rgb),0.8)}ul.menuSubpages.kacheln li a{display:block;height:100%;position:relative}ul.menuSubpages.kacheln li a span{color:var(--textbg-fontcolor);text-align:center;font-size:1.2em;position:relative;font-family:var(--head-fontfamily);font-weight:normal;text-transform:uppercase}ul.menuSubpages.kacheln li a:before{background-color:rgba(var(--second-color-rgb),0.2);content:"";position:absolute;top:0;bottom:0;right:0;left:0;-webkit-transiiton:all .3s;-moz-transiiton:all .3s;-ms-start-transiiton:all .3s;-o-transiiton:all .3s;transiiton:all .3s}ul.menuSubpages.kacheln li:hover a span{color:var(--textbg-fontcolor)}ul.menuSubpages.kacheln li:hover a span div{color:var(--textbg-fontcolor)}ul.menuSubpages.kacheln li:hover a span div div{color:var(--textbg-fontcolor)}ul.menuSubpages.kacheln li .table-cell{display:table-cell;height:100%;vertical-align:middle;width:100%;padding:20px 10px}ul.menuSubpages.kacheln li.withImg a span{position:absolute;top:0;left:0;right:0;bottom:0;color:var(--textbg-fontcolor);text-shadow:0 0 10px #000}ul.menuSubpages.kacheln li.withImg a span div{color:var(--main-color)}ul.menuSubpages.kacheln li.withImg a span div div{color:var(--main-color)}ul.menuSubpages.kacheln li.withImg img{float:left;width:100%}@media(max-width:1090px){ul.menuSubpages.kacheln li{width:31.333%}}@media(max-width:880px){ul.menuSubpages.kacheln li{width:48%}}@media(max-width:580px){ul.menuSubpages.kacheln li{width:98%}}