/***********************
Where am I
************************/ 
    /***********************
    show location icon only on where am i button
    ************************/
    .mfp-figure.map_obere_ladenstrasse::before,
    .mfp-figure.map_untere_ladenstrasse::before{
        content:"";
        width: 200px;
        height: 200px;
        position: absolute;
        background-image: url(../images/icons/icon_location_pink.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        /*filter: brightness(0) saturate(100%) invert(12%) sepia(57%) saturate(5898%) hue-rotate(317deg) brightness(96%) contrast(90%);*/
    }

    /*display the correct where am i button*/
    body.terminal-1 .nav-btn.centerplan.untere_ladenstrasse{
        display: none;
    }
    body.terminal-2 .nav-btn.centerplan.obere_ladenstrasse,
    body.terminal-3 .nav-btn.centerplan.obere_ladenstrasse{
        display: none;
    }

    /***********************
    Terminal 1 - Obere Ladenstraße Haupteingang
    only one terminal in obere Ladenstraß
    ************************/
    body.terminal-1 .mfp-figure.map_obere_ladenstrasse::before{
        bottom: 34%;
        right: 34.5%;
        
    }
    @media only screen and (orientation:portrait){
        body.terminal-1 .mfp-figure.map_obere_ladenstrasse::before{
            right: 35%;
            
        }
    }


    /***********************
    Terminal 2 - Untere Ladenstraße north
    ************************/
    body.terminal-2 .mfp-figure.map_untere_ladenstrasse::before{
        top: 24.5%;
        right: 35.5%;
        
    }
    @media only screen and (orientation:portrait){
        body.terminal-2 .mfp-figure.map_untere_ladenstrasse::before{
            top: 25.3%;
            right: 36%;
            
        }
    }
    /***********************
    Terminal 3 - Untere Ladenstraße south
    ************************/
    body.terminal-3 .mfp-figure.map_untere_ladenstrasse::before{
        bottom: 39.5%;
        right: 35.6%;
        
    }

    @media only screen and (orientation:portrait){
        body.terminal-3 .mfp-figure.map_untere_ladenstrasse::before{
            bottom: 39.8%;
            right: 36.2%;
            
        }
    }
    /***********************
    close icon needs to be black 
    because of white background
    ************************/
    body.home button.mfp-close,
    body.home button.mfp-close{
        color: #000 !important;
    }

/***********************
Parking + WC
************************/ 
    .mfp-figure.img_wc::before{
        content:"";
        width: 100px;
        height: 100px;
        position: absolute;
        background-image: url(../images/icons/circle_wc.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        top: 26.5%;
        left: 43.2%;
    }
    @media only screen and (orientation:portrait){
        .mfp-figure.img_wc::before{
            content:"";
            width: 100px;
            height: 100px;
            position: absolute;
            background-image: url(../images/icons/circle_wc.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            top: 24%;
            left: 43.5%;
        }
    }

    .mfp-figure.img_parken,
    .mfp-figure.img_wc{
        max-height: 90vh !important;
    }

    .mfp-figure.img_parken .mfp-title,
    .mfp-figure.img_wc .mfp-title{
        color: #fff;
        position: fixed;
        font-size: var(--h1-size);
        width: 50vw;
        text-align: center;
        left: 25%;
    }