/* ------------------------------------------------------------------------ */
/* WolfsNatur                                     Version 12.0 - 2025-04-21 */
/* ------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------ */
/* Bilder                                                                   */
/* ------------------------------------------------------------------------ */
/* Auf Basis von Highslide JS 5.0.0 (2016-05-24) von Torstein Hønsi | www.highslide.com */

.zoomable
{
	cursor:         zoom-in;
	border:         3px solid #eee;
	border-radius:  12px;
	padding:        0px;
	margin:         10px;
	box-shadow:     0 0 10px rgba(0, 0, 0, 0.9);
	min-width:      120px;
	max-width:      90%;
	}

.zoomableGridVoll
{
	cursor:         zoom-in;
	border:         1px solid #000;
	border-radius:  0px;
	padding:        0px;
	margin:         2px;
	}

.zoomable:hover
	{
	transform:      scale(0.99);
	max-width:      90%;
	}

.zoom-transition
	{
	cursor:         zoom-out;
	border:         4px solid #eee;
	border-radius:  12px;
	background:     #fff;
	box-shadow:     20 20 40px rgba(0, 0, 0, 0.9);
	padding:        0; /* top right bottom left; */
	margin:         0px;
	position:       absolute;
	z-index:        51;
	transition:     all 0.4s ease;
	will-change:    transform, width, height, left, top;
	}

#zoom-overlay
	{
	position:       fixed;
	inset:          0;
	background:     rgba(0, 0, 0, 0.5);
	z-index:        50;
	}

.arrow
	{
	position:       absolute;
	top:            50%;
	transform:      translateY(-50%);
	color:          #fff;
	font-size:      40px;
	font-weight:    bold;
	cursor:         pointer;
	user-select:    none;
	z-index:        51;
	opacity:        0.5;
	padding:        10px;
	}

.arrow:hover
	{
	opacity:        1;
	}

#arrow-left
	{
	left:           10px;
	}
#arrow-right
	{
	right:          10px;
	}