/*
Theme Name: CodingBase Child Theme
Template: Impreza
Version: 1.0
Author:	CodingBase GmbH
Theme URI: http://impreza.us-themes.com/
Author URI: https://www.codingbase.at/
*/

/*Add your own styles here:*/

#photo-table {
	position: relative;
	width: 100%;
	min-height: 300vh;
	background: radial-gradient(
		circle at center,
		rgba(255, 255, 255, 0.1) 0%,
		transparent 70%
	);
	padding: 20px;
	box-sizing: border-box;
}

.photo {
	position: absolute;
	max-height: 80vh;
	object-fit: cover;
	/*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15),
		0 8px 20px rgba(0, 0, 0, 0.1);*/
	cursor: grab;
	transition: transform 0.3s ease, box-shadow 0.3s ease, z-index 0s;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.photo:active {
	cursor: grabbing;
}

.photo.dragging {
	transform: rotate(0deg) !important;
	/*box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25),
		0 15px 35px rgba(0, 0, 0, 0.15);*/
	transition: box-shadow 0.1s ease;
}

.photo:hover {
	/*box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2),
		0 12px 28px rgba(0, 0, 0, 0.12);*/
}

/* Responsive Anpassungen */
@media (max-width: 768px) {
	.photo {
		max-height: 50vh;
		max-width: 95vw;
	}
}

@media (max-width: 480px) {
	.photo {
		max-height: 40vh;
	}
}