/* Für Wombach Internet 25.08.2025 === */
	/* nur Zoom-Funktionalität behalten === */

	
	
    /* === ZOOM-FUNKTIONALITÄT (behalten) === */
	@charset "UTF-8";
    .zoomable { 
        cursor: zoom-in; 
        transition: transform 0.3s ease, box-shadow 0.3s ease; 
        border-radius: 8px; 
        max-width: 100%; 
        height: auto; 
    }
    .zoomable:hover { 
        transform: scale(1.05); 
        box-shadow: 0 8px 25px rgba(0,0,0,0.15); 
    }
    .zoom-modal { 
        display: none; 
        position: fixed; 
        z-index: 9999; 
        left: 0; 
        top: 0;
        width: 100%; 
        height: 100%; 
        background-color: rgba(0,0,0,0.9);
        cursor: zoom-out; 
        justify-content: center; 
        align-items: center; 
    }
    .zoom-modal.active { 
        display: flex !important; 
    }
    .zoom-modal img { 
        max-width: 90%; 
        max-height: 90%; 
        object-fit: contain;
        border-radius: 8px; 
        animation: zoomIn 0.3s ease-out; 
        cursor: default; 
    }
    @keyframes zoomIn { 
        from { opacity: 0; transform: scale(0.8); } 
        to { opacity: 1; transform: scale(1); } 
    }
    .close-btn { 
        position: absolute; 
        top: 20px; 
        right: 30px; 
        color: white;
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        z-index: 10000; 
        user-select: none; 
    }
    .close-btn:hover { 
        color: #ccc; 
    }
    @media (max-width: 768px) {
        .zoomable { 
            max-width: 100%; 
            width: 100%; 
        }
        .close-btn { 
            font-size: 30px; 
            top: 10px; 
            right: 20px; 
        }
    }