/******************************************************************************/

.div-floorplan-grid,.div-floorplan-reverse {
    align-items:start;
    display:grid;
    grid-template-columns:1fr 1fr;
    margin-inline:auto; 
    max-width:calc(100vw - 32px);
    width:1000px;
}

.div-floorplan-reverse {
    direction:rtl;
}

.div-floorplan-text {
    box-sizing:border-box;
    max-width:calc(50vw - 16px);
    padding:0 1em 4em 1em;
    text-align:left;
    Width:500px;
}

.p-floorplan {direction:ltr;}


/******************************************************************************/

.div-floorplan-container {
    margin:0 0 5em 0;
    position:relative;
}

.img-floorplan {
    width:500px;
    max-width:calc(100vw - 4em);
}

.div-floorplan-ground, .div-floorplan-upper {
    align-items:center;
    direction:ltr;
    display:grid;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
}

.div-floorplan-ground {
    grid-template-areas:
    'g1 g1 g1 g1 g1 g1 g1'
    'g2 rs g3 g3 g3 ki g4'
    'g2 g5 g5 g5 g5 g5 g4'
    'g2 pr g6 ha dr dr g4'
    'g7 g7 g7 g7 g7 g7 g7'
    'g8 g8 g8 en g9 g9 g9';
    grid-template-columns: 0.65fr 2.86fr 1.18fr 3.31fr 1.23fr 2.82fr 0.65fr;
    grid-template-rows: 0.65fr 3.36fr 0.55fr 4.09fr 0.55fr 2.55fr;
}

.div-floorplan-upper {
    grid-template-areas:
    'u1 u1 u1 u1 u1 u1'
    'u2 ls u3 u3 bs u4'
    'u2 u5 u5 u5 u5 u4'
    'u2 br u6 eh eh u4'
    'u7 u7 u7 u7 u7 u7';
    grid-template-columns: 0.65fr 2.86fr 1.18fr 5.32fr 2.04fr 0.65fr;
    grid-template-rows: 1.88fr 3.36fr 0.55fr 4.14fr 0.65fr;
}

.div-floorplan-area {
    align-items:center;
    border: 1px solid bluex;
    display:grid;
    height:100%;
    justify-items:center;  
}

.a-floorplan {
    color:var(--green);
    padding:0.5em;
    text-align:center;
    text-decoration-style: dotted;
    text-decoration-thickness: 1px;
}

.a-floorplan:hover {
    color:black;
}

/******************************************************************************/

.div-visit-image {
    background-color:white;
    border:1px solid black;
    display:none;
    left:50%;
    padding:1em 1em 1em 1em;
    position:fixed;
    top:50%;
    transform: translate(-50%,-50%);
}

.div-visit-image:target {
    display:block;
}

.div-visit-close {
    position:absolute;
    right:1em;
    top:0.25em;
}

.a-visit-close {
    color:var(--green);
    font-size:2em;
    font-weight:bold;
    text-decoration:none;
}

.img-visit-image {
    margin-top:0.5em;    
    max-height:80vh;
    max-width:80vw;
}

/******************************************************************************/

@media only screen and (max-width: 1032px) { 
 
    .div-floorplan-grid,.div-floorplan-reverse {
        grid-template-columns:1fr;
        justify-items:center;
    }

    .div-floorplan-text {
        max-width:calc(100vw - 32px);
        padding:0 1em 2em 1em;
    }
}