/* ===========================================================
   Schuldnerlotse
   Modul: Flur Information
   Datei: flur_info.css
   =========================================================== */

.info-overlay{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.45);
    z-index:9999;

    justify-content:center;
    align-items:center;
}

.info-fenster{

    width:650px;
    max-width:92%;

    background:#f5f7fa;

    border:4px solid #1d3f73;
    border-radius:18px;

    overflow:hidden;

    box-shadow:0 20px 60px rgba(0,0,0,.45);

    animation:infoEinblenden .20s ease;
}

@keyframes infoEinblenden{

    from{

        opacity:0;
        transform:scale(.96);

    }

    to{

        opacity:1;
        transform:scale(1);

    }

}

.info-kopf{

    background:#1d3f73;

    color:#fff;

    font-size:30px;
    font-weight:bold;

    padding:18px 24px;

    display:flex;
    justify-content:space-between;
    align-items:center;

}

.info-close{

    width:42px;
    height:42px;

    border:0;

    border-radius:10px;

    background:#ffffff;

    color:#1d3f73;

    font-size:26px;
    font-weight:bold;

    cursor:pointer;

}

.info-close:hover{

    background:#dfe8f3;

}

.info-inhalt{

    padding:24px;

}

.info-inhalt p{

    font-size:22px;

    color:#2f3f56;

    margin:0 0 22px 0;

}

.info-grid{

    display:flex;

    flex-direction:column;

    gap:14px;

}

.info-btn{

    display:block;

    text-decoration:none;

    background:#ffffff;

    color:#1d3f73;

    border:2px solid #d2dae5;

    border-radius:14px;

    padding:16px 20px;

    font-size:24px;

    font-weight:bold;

    transition:.15s;

}

.info-btn:hover{

    background:#eef5ff;

    border-color:#5e9ff6;

    transform:translateX(4px);

}

.info-hinweis{

    margin-top:26px;

    font-size:17px;

    color:#65758a;

}