/* === RESPONSIVE STYLES === */
        @media (max-width: 992px) {
            .contact-container {
                grid-template-columns: 1fr;
            }
            
                /* Sprachauswahl */
            .language-selector {
                position: fixed;
                top: 15px;
                right: 38%;
                z-index: 1000;
                display: flex;
                gap: 15px;
            }
            
            .language-btn {
                background: rgba(0, 0, 0, 0.7);
                color: var(--silver);
                border: 1px solid var(--gold);
                padding: 3px 8px;
                border-radius: 5px;
                cursor: pointer;
                transition: var(--transition);
            }
            
            .language-btn:hover {
                background: var(--gold);
                color: var(--black);
            }

            .image-gallery {
                grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
            }


            /* === bilder alt gross
            .machine_pic_01 {
                width: 500px;
                height: 385px;
            }

            .machine_pic_02 {
                width: 525px;
                height: 350px;
            }

            .machine_pic_03 {
                width: 400px;
                height: 650px;
            }
            === */


            /* === trennlinie breite === */
            .footer-links {
                width: 55%;
            }

            .intro {
                width: 400px;
                height: 240px;
                margin-top: 50px;
            } 

            .img2 {
                width: 100%;
                height: auto;
            }

        }
        

		/* === Menü-Button ohne ohne Position autom. zentriert === */
        @media (max-width: 768px) {
            .hamburger {
                display: block;
				position: fixed;  
				top: 20px;  
				right: 40px;
            }
            
            .hamburger.active .bar:nth-child(1) {
                transform: translateY(8px) rotate(45deg);
            }
            
            .hamburger.active .bar:nth-child(2) {
                opacity: 0;
            }
            
            .hamburger.active .bar:nth-child(3) {
                transform: translateY(-8px) rotate(-45deg);
            }
            
            .logo i {
                background-image: url(../images/logo/logo_3.gif);
                width: 80px;
                height: 80px;
            }

            .nav-menu {
                position: fixed;
                left: -100%;
                top: 0;
                flex-direction: column;
                background-color: rgba(10, 10, 10, 0.98);
                width: 100%;
                height: 100vh;
                text-align: center;
                transition: 0.5s ease;
                padding-top: 80px;
                backdrop-filter: blur(10px);
            }
            
            .nav-menu.active {
                left: 0;
            }
            
            .nav-item {
                margin: 25px 0;
            }
            
            .nav-link {
                padding: 12px 30px;
            }
            
            .section-title::after {
                width: 60px;
            }
            
            .logo span {
                display: none;
            }
            
            .logo i {
                margin-right: 0;
                font-size: 2.2rem;
            }


            /* === trennlinie breite === */
            .footer-links {
                width: 65%;
            }

            .container_left {
                margin-bottom: 50px;
            }

        }

        @media (max-width: 480px) {
            .social-icon {
                width: 40px;
                height: 40px;
                font-size: 1.2rem;
                margin: 0 10px;
            }
            
            .footer-links a {
                margin: 0 10px;
            }
            
            .image-gallery {
                grid-template-columns: 1fr;
            }

            .intro {
                width: 300px;
                height: 180px;
                margin-top: 50px;
            } 

        }