html, body {
            margin: 0;
            padding: 0;
            height: 100%;
            overflow: hidden;
        }

        /* Hintergrundbild immer fullscreen */
        body {
            background-image: url('../images/hintergruende/hg_zierkers02.gif');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            position: relative;
        }

        /* Container für Bilder */

        #image-container {
          position: relative;
          width: 100vw;
          height: 100vh;   /* <— das ist entscheidend */
          overflow: hidden;
        }


        /* Die "Buttons" bzw. Links */

        .image-link img {
            width: 150px;
            height: 150px;
            object-fit: cover;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.3);
            cursor: pointer;
        }

        .image-link:hover {
            transform: scale(1.1);
            opacity: 0.9;
        }

        .image-link {
            position: absolute;
            transition: transform 0.3s, opacity 0.5s;
            opacity: 0; /* wenn du fade-in willst */
        }
        .image-link.placed {
            opacity: 1;
        }