.scanmit-bottom-nav{
    position:fixed;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    z-index:99999;

    width:min(100%,820px);

    display:grid;
    grid-template-columns:repeat(6,1fr);
    align-items:end;

    padding:8px 6px calc(8px + env(safe-area-inset-bottom));

    background:rgba(255,255,255,.97);
    border-top:1px solid #e1e8e4;
    box-shadow:0 -8px 26px rgba(15,45,36,.08);

    backdrop-filter:blur(16px);
}

.scanmit-bottom-item{
    min-width:0;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;

    gap:4px;

    color:#68756f;
    text-decoration:none;

    font-size:9px;
    font-weight:800;
}

.scanmit-bottom-item img{
    width:24px;
    height:24px;
    object-fit:contain;
    opacity:.78;
}

.scanmit-bottom-item.is-active{
    color:#08704f;
}

.scanmit-bottom-item.is-active img{
    opacity:1;
}

.scanmit-bottom-item.is-active::after{
    content:"";

    width:30px;
    height:4px;

    margin-top:2px;

    border-radius:999px;

    background:#08704f;
}

.scanmit-bottom-report{
    color:#66736c;
}

.scanmit-bottom-plus{
    width:58px;
    height:58px;

    margin-top:-26px;

    display:grid;
    place-items:center;

    border:6px solid #fff;
    border-radius:50%;

    background:linear-gradient(
        135deg,
        #f7bf17,
        #e2a500
    );

    color:#fff;

    font-size:38px;
    font-weight:300;
    line-height:1;

    box-shadow:
        0 8px 22px
        rgba(197,143,0,.25);
}

body{
    padding-bottom:
        calc(
            90px +
            env(safe-area-inset-bottom)
        ) !important;
}

/* alte Navigationen verstecken */

.sm5-bottom,
.scanmit-live-nav,
.scanmit-live-bottom,
.bottom-nav{
    display:none !important;
}

.scanmit-bottom-nav{
    display:grid !important;
}

@media(max-width:520px){

    .scanmit-bottom-nav{
        min-height:72px;
        padding-left:3px;
        padding-right:3px;
    }

    .scanmit-bottom-item{
        font-size:7.5px;
    }

    .scanmit-bottom-item img{
        width:22px;
        height:22px;
    }

    .scanmit-bottom-plus{
        width:54px;
        height:54px;

        font-size:34px;
    }
}