#div_womo {
    position: absolute; 
    top: 193px; 
    left: 50px; 
    width: 1024px; 
    height: 655px; 
    z-index: -1;
    display: grid;
    grid-template-rows: 100px minmax(0, 1fr) 45px;

    overflow: hidden;

    background: #000;
    color: #fff;

    font-family: Calibri, sans-serif;
}

#div_womo .gallery-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 0px 30px;

    border-bottom: 1px solid rgba(240,090,000,.8);
}

#div_womo .gallery-logo img {
    display: block;

    max-width: 610px;
    max-height: 150px;
}

#div_womo .gallery-header-contact {
    display: flex;
    gap: 25px;

    font-size: 13px;
}

#div_womo a {
    color: inherit;
    text-decoration: none;
}

#div_womo a:hover {
    text-decoration: underline;
}


#div_womo *,
#div_womo *::before,
#div_womo *::after {
    box-sizing: border-box;
}

#div_womo h1,
#div_womo h2,
#div_womo h3,
#div_womo h4,
#div_womo p {
    margin-top: 0;
    color: inherit;
}
#div_womo h1 { margin-bottom:7.5px }
#div_womo h3 { margin-bottom:6px }

#div_womo .gallery-page {
    display: grid;
    grid-template-columns: 40% 60%;

    min-height: 0;
    height: 80%;
}

#div_womo .gallery-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 0 15px;

    border-top: 1px solid rgba(240,090,000,.8);

    font-size: 11px;
    letter-spacing: .03em;

    color: #999;
}

/* =========================
   LINKER BEREICH
   ========================= */

.content {
    display: grid;
    grid-template-rows: 80% 20%;

    min-width: 0;
    background: #181818;
}


/* =========================
   FIXER TEXT
   ========================= */

.fixed-content {
    overflow-y: auto;

    border-bottom: 1px solid rgba(240,090,000,.8);
}

.fixed-content-inner {
    padding: 1vw;
}


/* =========================
   BILD-TEXT
   ========================= */

.image-content {
    overflow: hidden;
}

.image-content-inner {
    padding: 1vw 3vw;
}


/* =========================
   GALERIE
   ========================= */

.gallery {
    position: relative;
    overflow: hidden;
    background: #000;
}

.image {
    position: absolute;
    inset: 0;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
}

.image-a {
    opacity: 1;
}


/* =========================
   PROGRESS
   ========================= */

.progress {
    position: absolute;

    left: 30px;
    right: 30px;
    bottom: 30px;

    height: 2px;

    background: rgba(255,255,255,.25);
}

.progress-bar {
    width: 0;
    height: 100%;

    background: rgba(255,145,000,1);
}