/* Services-Widget (Leistungen) */

.hz-services { background: var(--hz-sand); }

.hz-services-head { margin-bottom: 3rem; }

.hz-services-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
}

.hz-service-card {
	background: var(--hz-white);
	border-radius: var(--hz-radius-lg);
	padding: var(--hz-card-pad);
	height: 100%;
	border: 1px solid var(--hz-border);
	transition: transform .3s, box-shadow .3s;
	display: flex;
	flex-direction: column;
}
.hz-service-card:hover { transform: translateY(-3px); box-shadow: var(--hz-shadow-md); }

.hz-service-card h3 { font-size: 1.15rem; margin-bottom: .5rem; color: var(--hz-c3); }
.hz-service-card p  { font-size: 1rem; color: var(--hz-muted); margin: 0 0 .6rem; }
.hz-service-card ul {
	list-style: disc;
	padding-left: 1.25rem;
	margin: .4rem 0 0;
	font-size: 1rem;
	color: var(--hz-text);
}
.hz-service-card ul li { margin-bottom: .25rem; padding-left: .1rem; }
.hz-service-card ul li::marker { color: var(--hz-c1); }
.hz-service-dark ul li::marker,
.hz-service-blue ul li::marker { color: rgba(255, 255, 255, .6); }

.hz-service-extra { margin-top: .8rem; }

.hz-service-icon {
	width: 48px; height: 48px; border-radius: var(--hz-radius);
	display: flex; align-items: center; justify-content: center;
	margin-bottom: 1.1rem;
}
.hz-service-icon .bx { font-size: var(--hz-icon-lg); }

/* Varianten */
.hz-service-light.hz-icon-green .hz-service-icon { background: var(--hz-c4-12); color: var(--hz-green-accent); }
.hz-service-light.hz-icon-blue  .hz-service-icon { background: var(--hz-c2-08); color: var(--hz-c1); }

.hz-service-dark, .hz-service-blue {
	color: var(--hz-white);
	border: none;
	position: relative;
	overflow: hidden;
	padding: var(--hz-card-pad);
}
.hz-service-dark { background: var(--hz-c3); }
.hz-service-blue { background: var(--hz-c1); }
.hz-service-dark::before, .hz-service-blue::before {
	content: ''; position: absolute;
	top: -30%; right: -15%; width: 55%; height: 80%;
	background: radial-gradient(ellipse, rgba(134, 187, 216, .1) 0%, transparent 70%);
	pointer-events: none;
}
.hz-service-blue::before {
	background: radial-gradient(ellipse, rgba(158, 228, 147, .08) 0%, transparent 70%);
}

.hz-service-dark h3, .hz-service-blue h3 { color: var(--hz-white); font-size: 1.2rem; }
.hz-service-dark p,  .hz-service-blue p  { color: rgba(255, 255, 255, .75); }
.hz-service-dark ul, .hz-service-blue ul { color: rgba(255, 255, 255, .85); }
.hz-service-dark li, .hz-service-blue li { color: rgba(255, 255, 255, .85); }

.hz-service-dark .hz-service-icon,
.hz-service-blue .hz-service-icon {
	background: rgba(255, 255, 255, .1);
	color: var(--hz-white);
}

@media (max-width: 991px) {
	.hz-services-head { text-align: center; }
	.hz-sec-sub { margin-left: auto; margin-right: auto; text-align: center; }
	.hz-services-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
	.hz-service-card, .hz-service-dark, .hz-service-blue { padding: 1.8rem; }
}