/* Grid container styling */
.pakete-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* Responsive grid with 3 items per row on larger screens */
    gap: 20px; /* Space between grid items */
}

/* Grid item styling */
.pakete-item {
    background-color: #ffffff; /* White background */
    color: #000000; /* Black text color */
    border-radius: 15px; /* Border radius for grid item */
    padding: 20px; /* Padding inside each grid item */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional shadow for better visual */
    transition: background-color 0.3s, color 0.3s; /* Smooth transition for hover effect */
    box-sizing: border-box;
    position: relative; /* To position the button correctly */
	  display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Hover effect for grid items */
.pakete-item:hover {
    background-color: #2c2b30; /* Gold background on hover */
    color: #ffffff; /* White text color on hover */
}

/* Title styling */
.pakete-title {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 10px;
	line-height: 24px;
}

/* Subheading styling */
.pakete-subheading {
    font-size: 18px;
    margin-bottom: 15px;
	/*text-transform:uppercase;*/
	font-weight:bold;

}

/* Duration styling */
.pakete-dauer {
    font-size: 14px;
    margin-bottom: 10px;
	font-weight:bold;
}

/* Price styling */
.pakete-preiss {
    font-size: 40px;
	font-weight:bold;
	margin-bottom:10px;
	line-height: 40px;
}

/* Description styling */
.pakete-description {
    font-size: 16px;
    margin-bottom: 10px;
	/*min-height: 40px;*/
}

/* List styling */
.pakete-features-wrapper {
    margin-bottom: 10px;
}

.paket-features {
    list-style: none; /* Remove default list styling */
    padding-left: 0; /* Remove padding */
    margin: 0; /* Remove default margin */
}

ul.paket-features{
    
 padding-left: 0; /* Remove padding */
 
}

.paket-features li {
    position: relative;
    padding-left: 30px; /* Space for checkmark */
    margin-bottom: 5px; /* Space between list items */
    color: #000000; /* Black color for list items */
}

/* Remove default list item markers (including ::marker) */
.paket-features li::marker {
    content: none; /* Remove the default marker */
}

/* Checkmark styling */
.paket-features li::before {
    content: '\2714'; /* Checkmark character */
    color: #000000; /* Black color for checkmark */
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px; /* Size of the checkmark */
}

/* Hover effect for list items */
.pakete-item:hover .paket-features li {
    color: #ffffff; /* White color for list items on hover */
}

.pakete-item:hover .paket-features li::before {
    color: #ffffff; /* White color for checkmark on hover */
}

/* Link styling */
.pakete-link a {
    display: block; /* Ensure link is a block-level element */
    padding: 10px 20px; /* Padding inside button */
    background-color: #000000; /* Black background */
    color: #ffffff; /* White text color */
    text-decoration: none; /* Remove underline from links */
    border-radius: 25px; /* Border radius for button */
    transition: background-color 0.3s, color 0.3s; /* Smooth transition for hover effect */
    width: 100%; /* Full width button */
    box-sizing: border-box; /* Include padding in width calculation */
    text-align: center; /* Center the text in the button */
	text-transform:uppercase;
	font-weight:bold;
}

/* Hover effect for button */
.pakete-item:hover .pakete-link a {
    background-color: #ffffff; /* White background on hover */
    color: #000000; /* Black text color on hover */
}

/* Responsive styling */
@media (max-width: 768px) {
    .pakete-grid {
        grid-template-columns: 1fr; /* 1 item per row on mobile */
    }
}

.euro-sign { 
font-size:20px;
}

.pakete-button-holder { 

}

.pakete-features-wrapper { 
min-height:150px;
}




/*LEISTUNGEN */
.leistungen-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 grid items per row on desktop */
    gap: 20px; /* 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: 20px; /* Adjust as needed */
    
}
	
}


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

	font-size:18px;
	font-weight:300;

	
}


/* Styles for each leistungen card */
.leistungen-grid-item {
  /*  display: grid;*/
 /*   grid-template-columns: 0% 100%;*/ /* 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:0px;
	min-height:280px;
	background-color: #ffffff;
	border-radius: 15px; /* Border radius for grid item */
    padding: 20px; /* Padding inside each grid item */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional shadow for better visual */
}


.leistungen-grid-item:hover {

	 background-color: #2c2b30; /* Gold background on hover */
    color: #ffffff; /* White text color on hover */
}

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

}

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

}

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




.leistungen-card-inner-left:hover { 


}




.leistungen-grid-title { 
  font-size: 26px;
    font-weight: bold;
    margin-bottom: 10px;
	line-height: 24px;

}

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

.leistungen-grid-item:hover .leistungen-grid-title  { 
color:#fff!important;
}

.leistungen-grid-item:hover .paket-features li { 
color:#fff!important;
}

.leistungen-grid-item:hover .paket-features li:before { 
color:#fff!important;
}




.leistungen-content { 
font-size:16px;

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