/*
######################################
Kacheln fuer Unterseiten
#######################################
*/

    
    #um-ulmatec-kacheln .um-grid {
      width: 100%;
    }
    
    #um-ulmatec-kacheln .um-grid-reihe {
      display: inline-grid;
      gap: 30px;
      grid-template-columns: repeat(6, 1fr);
      color: #fff;
      width: 100%;
    }
    #um-ulmatec-kacheln .um-grid-reihe .um-grid-child {
      background-repeat: no-repeat; 
      background-size: cover;
      background-position: center;
    }

    #um-ulmatec-kacheln .um-grid-reihe .um-grid-child h2 {
      font-size: var(--unterueberschrift) !important;
	  font-size: 1.4rem !important;
      font-weight: 600 !important;
      line-height: 1.1;
      color: var(--ast-global-color-0);
      letter-spacing: 1.1;
      margin-bottom: 30px;
      word-break: break-word;
      hyphens: auto;
      -webtkit-hyphens: auto;
      -ms-hyphens: auto;

    }
    #um-ulmatec-kacheln .um-grid-reihe .um-grid-child h5 {
      font-size: 1.3rem !important;
	    font-size: 16px !important;
      font-weight: 300 !important;
      color: var(--ast-global-color-0);
      line-height: 1.3;
      visibility: hidden;
    }

    #um-ulmatec-kacheln .um-grid-reihe .um-grid-child, #um-ulmatec-kacheln .um-grid-reihe .um-grid-child a {
      color: var(--ast-global-color-0);
    }


    #um-ulmatec-kacheln .um-cols-4 .um-grid-child {
      grid-column-end: span 1; /* Dreier-Reihen */
    }
    #um-ulmatec-kacheln .um-cols-3 .um-grid-child {
      grid-column-end: span 2; /* Dreier-Reihen */
    }
    #um-ulmatec-kacheln .um-cols-2 .um-grid-child {
      grid-column-end: span 3; /* Zweier-Reihen */
    }

/* Stand bis 25.09.2024 */
    #um-ulmatec-kacheln .um-overlayXXXXXXXXX{
      height: 100%;
      width: 100%;
      background-color: var(--ast-global-color-0);
      transition: background-color 0.5s ease-out-in;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
	    box-shadow: 0px 5px 23px 3px rgba(0, 0, 0, 0.3);
      padding: 20px;
    }
	
    #um-ulmatec-kacheln .um-overlay{
      height: 100%;
	  min-height: 300px;
      width: 100%;
      display: flex;
	  background-color: #ffffff;
    color: var(--ast-global-color-0);
      flex-direction: column;
      justify-content: space-between;
	    box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.2);
      padding: 40px;
	  border: solid 0px var(--ast-global-color-0);
	  border-radius: 0px;
    transition: all 0.5s ease-in-out;
    }
	
	
    
	
	
	
	
    #um-ulmatec-kacheln .um-overlay:hover{
      background-color: #2d3944bf;
	    color: #ffffff;
    }
	#um-ulmatec-kacheln .um-overlay:hover h2{
	  color: #ffffff;
	}
	
    #um-ulmatec-kacheln .um-overlay:hover h5{
	  color: #ffffff;
    visibility: visible;
    }
	
/*
    #um-ulmatec-kacheln .um-overlay:hover{
      background-color: var(--ast-global-color-0);  
    }

*/
    #um-ulmatec-kacheln	 .um-list-element{
      opacity: 0;
      transition: all 0.5s ease-in-out;
    }
    #um-ulmatec-kacheln .um-list-element ul{
      margin: 0;
    }
    #um-ulmatec-kacheln .um-overlay:hover .um-list-element{
      opacity: 1;
      transition: all 0.5s ease-in-out;
    }

  #um-ulmatec-kacheln .elementor-button{
			background-color: transparent !important;
      border: none !important;
	}
  #um-ulmatec-kacheln .elementor-button:hover{
    background-color: transparent !important;
    border: none !important;
  }
	#um-ulmatec-kacheln .elementor-button:after{
			height: 16px;
			width: 16px;
			vertical-align: top;
			border-right: 4px solid var(--ast-global-color-7);
			border-top: 4px solid var(--ast-global-color-7);
	}
	#um-ulmatec-kacheln .um-overlay:hover .elementor-button:after{
			border-right: 3px solid #ffffff;
			border-top: 3px solid #ffffff;
	}

    @media(max-width:992px) and (min-width: 576px){

      #um-ulmatec-kacheln .um-grid-child:nth-child(1n+1) {
        grid-column-end: span 3; /* Zweier-Reihen */
      }


    }
    @media(max-width:576px){

      #um-ulmatec-kacheln .um-grid-child:nth-child(1n+1) {
        grid-column-end: span 6; /* Dreier-Reihen */
      }
      #um-ulmatec-kacheln .um-list-element{
        opacity: 1;
        transition: opacity 0.5s ease-in-out;
      }


    }