/* Optimiertes CSS mit smooth scroll */
		/* für Wombach Internet 25.08.2025 */
		@charset "UTF-8";
		html { scroll-behavior: smooth; }
        .ddsmoothmenu ul li { position: relative; }
        .ddsmoothmenu ul li ul {
            position: absolute !important; display: none !important;
            left: 0; top: 100%; background-color: #f9f9f9; min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1000;
            border-radius: 4px; visibility: visible !important;
        }
        .ddsmoothmenu ul li:hover > ul { display: block !important; }
        .ddsmoothmenu ul li ul li { display: block !important; width: 100%; float: none !important; }
        .ddsmoothmenu ul li ul li a {
            color: black !important; padding: 8px 12px; text-decoration: none;
            display: block; font-size: 13px; border-bottom: 1px solid #eee;
        }
        .ddsmoothmenu ul li ul li a:hover { background-color: #f1f1f1 !important; }
        .ddsmoothmenu ul li ul li:last-child a { border-bottom: none; }
        
        .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; }
        }