/*    Globale Styles für Bilder im .cta-container
--------------------------------------------------------*/

.cc-pagemode-default .cta-container img {
	border-radius: 50% !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
	transition: filter 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
	display: block;
}


.cc-pagemode-default .cta-container img:hover {
	filter: contrast(1.2);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}


/*   Mobile & Tablet Layout + Touch-Effekt
-----------------------------------------------*/


@media (max-width: 1024px) {

	.cc-pagemode-default .cta-container {
		position: relative;
	}

	.cc-pagemode-default .cta-container {
		flex: 1 1 calc(33.333% - 5.33px) !important;
		display: flex !important;
		justify-content: center !important;
	}

	.cc-pagemode-default .cta-container .cc-m-hgrid-column {
		min-width: unset !important;
	}


	.cc-pagemode-default .cta-container img {
		max-width: 90% !important;
		height: auto !important;
	}

	/* Touchstart Effekt: iPad/Tablets */
	.cc-pagemode-default .cta-container img.hover-touch {
		position: relative;
		transform: scale(1.2);
		max-width: 200px;
		height: auto;
		z-index: 9999;
		box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
		transition: transform 0.25s ease, box-shadow 0.25s ease;
		border-radius: 50% !important;
		overflow: hidden;
		-webkit-backface-visibility: hidden;
	}


}