/*LEISTUNGEN */
.leistungen-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 3 grid items per row on desktop */
    gap: 10px; /* Add some gap between grid items */
}


@media all and (max-width: 980px) {
 .leistungen-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr); 
    grid-column-gap: 10px; /* Adjust as needed */
    
}
	
}


/* Add styles for each grid item */
.leistungen-grid-item {
	/*min-height:400px!important;*/
	
	border-radius:5px;
	cursor:pointer;
background-color:#e8e8e8;

	font-size:18px;
	font-weight:300;
	color:#000;
	
}


/* Styles for each leistungen card */
.leistungen-grid-item {
    display: grid;
    grid-template-columns: 50% 50%; /* Two grid items per row */
    grid-column-gap: 10px; /* Adjust as needed */
    margin-bottom: 20px; /* Adjust as needed */

    /*box-shadow: 0 12px 18px 2px rgba(0,0,0,.3);*/
    cursor: pointer;
	border-radius:5px;
	min-height:280px;
	background-color:#eaeaea;
}


.leistungen-grid-item:hover {

	background-color:#eaeaea;
}

/* Styles for the left inner grid item */
.leistungen-card-inner-left {
    width: 100%;
	background-position: center;
	background-size: cover;
	    border-radius: 5px 0px 0px 5px;
}

/* Styles for the right inner grid item */
.leistungen-card-inner-right {
    width: 100%;

	padding:10px;
	display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
	padding:10px;
}

.leistungen-grid-overlay { 
background-color:#e8e8e8;
padding:10px;
}

.leistungen-image  { 
/*border-radius:0px;
	object-fit:cover;
	width:100%;
	max-height:170px;*/
	
	


    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;

}


.leistungen-card-inner-left:hover { 
/*background-position: right 35% bottom 45%;*/
/*	transition: all 1s ease-out;
	background-size:100%*/
}




.leistungen-grid-title { 
text-align:center;
	padding:10px;
	color:#000;
	text-transform:uppercase;

}

.leistungen-grid-title h4 { 
text-transform:uppercase;
	color:#000;
}

.leistungen-content { 
font-size:14px;
	color:#000;
	text-align:center;
	    padding: 10px;
}




@media all and (max-width: 980px) {

	
		.leistungen-grid-item {
    display: grid;
    grid-template-columns: 1fr; /* Two grid items per row */
    grid-column-gap: 10px; /* Adjust as needed */
    
}
	
	.leistungen-card-inner-left {

    min-height: 165px;
		border-radius: 5px 5px 00px 00px;
	}
}


.leistungen-read-more-btn {
    color: #fff!important; /* Change button text color here */
    background-color: #D4977E; /* Change button background color here */
    font-size: 14px!important; /* Change text size here */
    border-radius: 5px!important; /* Set this to 0px if you want a square CTA button */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
   /* line-height: 9px;*/
   /* font-weight: 600;*/
    padding: 12px 35px!important;
	    box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3);
	text-transform:uppercase;


}

.leistungen-read-more-btn:hover {
    background-color: #7D8587;
}