* {
            box-sizing: border-box;
        }

        body {
            margin: 0;
            padding: 20px;
            font-family: Arial, sans-serif;
            background: #f4f4f4;
        }

        h1 {
            text-align: center;
            margin-bottom: 30px;
        }

        /* Galerie */
        .galerie {
            display: grid;

            /* responsive Spalten */
            grid-template-columns: repeat(
                auto-fit,
                minmax(200px, 1fr)
            );

            gap: 15px;

            max-width: 1400px;
            margin: 0 auto;
        }

        /* einzelnes Bild */
        .galerie-item {
            background: white;
            padding: 5px;
            border-radius: 6px;

            overflow: hidden;

            cursor: pointer;

            box-shadow: 0 2px 6px rgba(0,0,0,0.15);

            transition: transform 0.2s;
        }

        .galerie-item:hover {
            transform: scale(1.02);
        }

        .galerie-item img {
            display: block;

            width: 100%;
            height: 200px;

            object-fit: cover;

            border-radius: 4px;
        }


        /* =========================
           Lightbox
           ========================= */

        .lightbox {
            display: none;

            position: fixed;
            z-index: 1000;

            left: 0;
            top: 0;

            width: 100%;
            height: 100%;

            background: rgba(0,0,0,0.9);

            justify-content: center;
            align-items: center;
        }

        .lightbox img {
            max-width: 90%;
            max-height: 85%;

            object-fit: contain;
        }

        /* Schließen */
        .lightbox-close {
            position: absolute;

            top: 20px;
            right: 30px;

            color: white;

            font-size: 40px;

            cursor: pointer;

            line-height: 1;
        }

        /* Pfeile */
        .lightbox-prev,
        .lightbox-next {
            position: absolute;

            top: 50%;

            transform: translateY(-50%);

            color: white;

            font-size: 50px;

            cursor: pointer;

            padding: 20px;

            user-select: none;
        }

        .lightbox-prev {
            left: 10px;
        }

        .lightbox-next {
            right: 10px;
        }
		  .video {
				display: inline-block;
				justify-content: left;
				align-items: center;
				margin-left: 20px;
		  }

        /* Mobil */
        @media (max-width: 600px) {
				h1 {
					 font-size: 20px;
				}
            body {
                padding: 10px;
            }

            .galerie {
                grid-template-columns: repeat(
                    auto-fit,
                    minmax(140px, 1fr)
                );

                gap: 10px;
            }

            .galerie-item img {
                height: 140px;
            }

            .lightbox-prev,
            .lightbox-next {
                font-size: 35px;
            }
			  .video {
       grid-template-columns: repeat(
                    auto-fit,
                    minmax(140px, 1fr)
                );

                gap: 10px;
		  }
		  .quer {
		  	 margin-left: 20px;	

        }