html, body {
            height: 100%;
            margin: 0;
            padding: 0;
        }
        body {
            min-height: 100vh;
            font-family: 'Segoe UI', Arial, sans-serif;
            background: #fff;
        }
        

        .green-content {
            background: #05664b;
            width: 100%;
            min-height: calc(100vh - 90px - 90px); /* 90px Navbar, 90px Footer (ungefähr) */
            padding-bottom: 40px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
        }
        .jobs-block {
            background: #067757;
            color: #fff;
            padding: 40px 24px 32px 24px;
            margin: 40px auto 0 auto;
            max-width: 600px;
            border-radius: 18px;
            font-size: 1.15rem;
            box-shadow: 0 4px 24px rgba(0,0,0,0.07);
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .jobs-block h2 {
            margin-top: 0;
            margin-bottom: 28px;
            font-size: 2rem;
            font-weight: bold;
        }
        .jobs-text {
            font-size: 1.08rem;
            line-height: 1.6;
            margin-bottom: 32px;
        }
        .jobs-btn {
            display: inline-block;
            background: #fff;
            color: #067757;
            border: 2px solid #067757;
            border-radius: 8px;
            padding: 12px 32px;
            font-size: 1.15rem;
            font-weight: 600;
            text-decoration: none;
            transition: background 0.18s, color 0.18s;
            margin-top: 8px;
        }
        .jobs-btn:hover {
            background: #067757;
            color: #fff;
            border: 2px solid #fff;
        }
      
        
        .jobs-flex {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: flex-start;
            gap: 38px;
            margin-top: 32px;
        }
        .jobs-gallery {
            display: flex;
            flex-direction: column;
            gap: 38px;
            align-items: center;
            min-width: 220px;
        }
        .jobs-img {
            width: 220px;
            height: 160px;
            object-fit: cover;
            border-radius: 18px;
            box-shadow: 0 4px 18px rgba(0,0,0,0.18);
            background: #fff;
            cursor: pointer;
            transition: transform 0.22s cubic-bezier(.4,0,.2,1), box-shadow 0.18s;
            border: 4px solid #fff;
            margin: 0;
        }
        .jobs-img:hover {
            box-shadow: 0 8px 32px rgba(6,119,87,0.18);
            z-index: 2;
        }
        /* Additive Hover-Transformation für mittlere Bilder links */
        .jobs-img-l2:hover {
            transform: translateX(-45%) scale(1.13);
        }
        /* Additive Hover-Transformation für mittlere Bilder rechts */
        .jobs-img-r2:hover {
            transform: translateX(45%) scale(1.13);
        }
        /* Standard Hover für alle anderen Bilder */
        .jobs-img:not(.jobs-img-l2):not(.jobs-img-r2):hover {
            transform: scale(1.13);
        }
        /* Versetzte Positionierung links */
        .jobs-img-l1 { align-self: flex-start; margin-left: 0; }
        /* Mittleres Bild links weiter nach links */
        .jobs-img-l2 {
          align-self: flex-end;
          margin-right: 0;
          transform: translateX(-45%);
        }
        .jobs-img-l3 { align-self: flex-start; margin-left: 0; }
        /* Versetzte Positionierung rechts */
        .jobs-img-r1 { align-self: flex-end; margin-right: 0; }
        /* Mittleres Bild rechts weiter nach rechts */
        .jobs-img-r2 {
          align-self: flex-start;
          margin-left: 0;
          transform: translateX(45%);
        }
        .jobs-img-r3 { align-self: flex-end; margin-right: 0; }
        @media (max-width: 1100px) {
            .jobs-flex {
                flex-direction: column;
                align-items: center;
            }
            .jobs-gallery {
                flex-direction: row;
                gap: 18px;
                margin-bottom: 18px;
                min-width: 0;
            }
            .jobs-img, .jobs-img-large {
                width: 32vw;
                height: 22vw;
                min-width: 120px;
                min-height: 90px;
                max-width: 220px;
                max-height: 160px;
            }
            .jobs-img-l1, .jobs-img-l2, .jobs-img-l3, .jobs-img-r1, .jobs-img-r2, .jobs-img-r3 {
                align-self: unset;
                margin: 0;
            }
        }

        /* Mobile Styles - Hide images on mobile */
        @media (max-width: 1024px) {
            .green-content {
                padding-top: 20px !important; /* Kleiner Abstand nach oben */
            }
            
            .jobs-gallery,
            .jobs-gallery-left,
            .jobs-gallery-right {
                display: none;
            }
            
            .jobs-flex {
                justify-content: center;
            }
        }