.epresto.dialog.overlay {
   
    z-index: 120000;

    /* Variante: Fenster öffnet sich ohne Scrollbalken */
        /*align-items: flex-start;
        overflow-y: auto;
        padding-right: 17px; 
        box-sizing: content-box;*/
    /* Variante: Fenster öffnet sich ohne Scrollbalken */
}

    .epresto.dialog.overlay .dialogbox {
        padding: 20px;
        /*padding-right: 30px;*/
        background-color: #ffffff;
        max-width: 800px;
        
        min-width: 500px;

        /*width: 60%;*/
        min-height: 300px;
        /* Variante: Fenster öffnet sich ohne Scrollbalken */
        /*min-height: 89vh; */
        /* Variante: Fenster öffnet sich ohne Scrollbalken */

        border-radius: 12px;
        /*        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;*/
        /*  overflow-y: auto;
        padding-right: 17px; 
        box-sizing: content-box;*/
    }

@media (max-width: 43em) {
    .epresto.dialog.overlay .dialogbox {
        /*max-width: unset;
        width: 100%;*/
        min-width: 80%;
        margin: 20px;
    }
}

.epresto.dialog.overlay .dialogbox.open {
   
}

.epresto.dialog.overlay .dialogbox header
{
    margin-bottom: 20px;
    background-color: transparent;
}




.epresto.dialog.overlay .dialogbox header button {

    background-color: transparent;
    
}

.epresto.dialog.overlay .dialogbox header button.close {
    background-image: url(../../Pix/EprestoControls/butCloseDialogbox.svg);
    background-repeat: no-repeat;

    background-size: 35px 35px;
    background-position: center;

    border: 0px;
    outline: 0px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    

    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 0px;
    
    margin: 0px;
}

.epresto.dialog.overlay .dialogbox h2 {
    margin-bottom: 0em;
}

.epresto.dialog.overlay .dialogbox h3 {
    margin-bottom: 0.6em;
}

.epresto.dialog.overlay .dialogbox a{

    /*font-size: 1em;*/
}

.epresto.dialog.overlay .dialogbox epresto-loadingbar{
    margin-bottom: 0.5em;
}

.epresto.dialog.overlay .dialogbox section.content {
    padding: 20px;
    /* min-height: 240px;*/
    /* Jans Version */
    /*height: 400px;*/
    height: 500px;
    overflow-y: auto;
    /* Ende Jans Version */
}

.epresto.dialog.overlay .dialogbox section.content .view {

}

/* FocalPoint */

.epresto.dialog.overlay .dialogbox section.content{
   /* width: 100%;*/
       
}

/*.epresto.dialog.overlay .dialogbox section.content .headlineFocalPoint {
    width: 80px;
    display: block;
    margin-top: -35px;
    margin-bottom: 20px;
}
*/

    .epresto.dialog.overlay .dialogbox section.content .focalPoint {
        
    }

    .epresto.dialog.overlay .dialogbox section.content .focalPoint .wrapper {
/*        display: flex;
        flex-direction: row;
        justify-content: space-between;*/
        display: grid;
        grid-template-columns: 2fr 1fr;
        grid-template-areas:
            'text picture'
            'pdf picture';

        column-gap: 20px;
        width: 100%; /*notwendig*/
        /* min-height: 300px;*/

        border: 0px solid red;
    }

@media (max-width: 62em) {
    .epresto.dialog.overlay .dialogbox section.content .focalPoint .wrapper {
        /*flex-direction: column;*/

        grid-template-columns: 1fr;
        grid-template-areas:
            'text'
            'picture'
            'pdf';
    }
}

.epresto.dialog.overlay .dialogbox section.content .focalPoint .wrapper p {
    width: inherit; /*notwendig*/
    border: 0px solid blue;
    grid-area: text;
}

.epresto.dialog.overlay .dialogbox section.content .focalPoint .wrapper img {
    /*width: 100%;*/
    
}

.epresto.dialog.overlay .dialogbox section.content .focalPoint .wrapper picture {
    grid-area: picture;
    /*width: 50%;
    width: 100%;*/
    border: 0px solid blue;
}

    .epresto.dialog.overlay .dialogbox section.content .focalPoint .wrapper picture figure{
        /*width: inherit;*/
    }

    @media (max-width: 62em) {
        .epresto.dialog.overlay .dialogbox section.content .focalPoint .wrapper picture {
        /*width: 100%;*/
    }
}

.epresto.dialog.overlay .dialogbox section.content .focalPoint .wrapper .downloadSection{
    grid-area: pdf;
    display: block;
}

.epresto.dialog.overlay .dialogbox .imageHeadline {
    background-image: url(../../Pix/Layout/HeadlineFocalPoint.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 80px;
    height: 61px;
    /*margin-top: -35px;*/
    /* margin-bottom: 20px;*/
}