/* =========================================================
   DYNA werbung+design – Icons zu den Leistungsfeldern
   Ergaenzt css/dyna-motion.css (wird danach geladen).
   ========================================================= */
.dm-services {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2.2em 2.5em;
	margin: 2.5em 0;
}
.dm-service {
	padding: 0;
	border-left: 0;
	margin: 0;
}
.dm-service .dm-icon {
	display: block;
	width: 48px;
	height: 48px;
	margin: 0 0 .9em;
	transition: transform .3s var(--dm-ease, ease);
}
.dm-service:hover .dm-icon {
	transform: translateY(-3px);
}
@media screen and (max-width: 736px) {
	.dm-services { grid-template-columns: 1fr; gap: 1.8em; }
	.dm-service .dm-icon { width: 40px; height: 40px; margin-bottom: .7em; }
}