.scanmit-app-header{
    position:relative;
    min-height:118px;
    overflow:hidden;
    margin:0 0 14px;
    padding:16px 18px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.05),
            rgba(5,45,34,.32)
        ),
        url("/assets/scanmit-header-hero.png?v=2")
        center 48% / cover no-repeat;

    color:#ffffff;
}

.scanmit-app-header::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:52px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(5,45,34,.30)
        );

    pointer-events:none;
}

.scanmit-app-header-inner{
    position:relative;
    z-index:2;

    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
}

.scanmit-app-brand{
    display:flex;
    align-items:center;
    gap:9px;

    padding:7px 10px;

    border-radius:13px;

    background:rgba(255,255,255,.90);

    box-shadow:
        0 5px 16px
        rgba(0,0,0,.08);

    text-decoration:none;
}

.scanmit-app-brand-mark{
    width:32px;
    height:32px;

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

    border-radius:9px;

    background:#07583d;
    color:#ffffff;

    font-size:10px;
    font-weight:950;
}

.scanmit-app-brand strong{
    display:block;

    color:#07583d;

    font-size:16px;
    line-height:1;
}

.scanmit-app-brand small{
    display:block;

    margin-top:3px;

    color:#53655e;

    font-size:7px;
    font-weight:800;

    letter-spacing:.11em;
    text-transform:uppercase;
}

.scanmit-app-page-title{
    padding:8px 10px;

    border-radius:12px;

    background:rgba(255,255,255,.88);

    color:#174f3d;

    font-size:12px;
    font-weight:900;

    box-shadow:
        0 5px 16px
        rgba(0,0,0,.06);
}

.scanmit-app-header{
    width:100% !important;
    max-width:none !important;
}

.scanmit-app-header img{
    display:none !important;
}

.scanmit-app-header a{
    text-decoration:none !important;
}

@media(max-width:620px){

    .scanmit-app-header{
        min-height:106px;
        padding:12px 13px;
        margin-bottom:10px;
    }

    .scanmit-app-brand{
        padding:6px 8px;
    }

    .scanmit-app-brand strong{
        font-size:15px;
    }

    .scanmit-app-page-title{
        font-size:11px;
        padding:7px 9px;
    }
}

/* ==========================================
   SCANMIT HEADER FINAL 2026
   ========================================== */

.scanmit-app-header,
.live-v6-header{
    position:relative !important;

    width:100% !important;
    height:74px !important;
    min-height:74px !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    background:#07583d !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:
        0 2px 10px rgba(8,52,39,.08)
        !important;
}

/* Alte Goldkurven und Dekoration entfernen */

.scanmit-app-header::before,
.scanmit-app-header::after,
.live-v6-header::before,
.live-v6-header::after{
    display:none !important;
    content:none !important;
}

.scanmit-app-header-inner,
.live-v6-header-inner{
    width:min(760px,100%) !important;
    height:74px !important;
    min-height:74px !important;

    margin:0 auto !important;

    padding:
        0 120px 0 16px !important;

    display:flex !important;
    align-items:center !important;

    background:transparent !important;
}

/* Logo nicht mehr als riesige weisse Box */

.scanmit-app-brand,
.live-v6-brand{
    width:auto !important;
    max-width:420px !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;

    gap:10px !important;

    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    text-decoration:none !important;
}

.scanmit-app-brand-mark,
.live-v6-mark{
    width:39px !important;
    height:39px !important;

    flex:0 0 39px !important;

    display:grid !important;
    place-items:center !important;

    border-radius:10px !important;

    background:#ffffff !important;
    color:#07583d !important;

    font-size:12px !important;
    font-weight:950 !important;
}

/* SCANMIT */

.scanmit-app-brand strong,
.live-v6-brand-copy strong{
    display:block !important;

    margin:0 !important;

    color:#ffffff !important;

    font-size:18px !important;
    line-height:1 !important;

    font-weight:900 !important;
}

/* Untertitel */

.scanmit-app-brand small,
.live-v6-brand-copy small{
    display:block !important;

    margin-top:4px !important;

    color:rgba(255,255,255,.72) !important;

    font-size:8.5px !important;
    line-height:1 !important;

    letter-spacing:.06em !important;
}

/* Seitentitel im Header weg */

.scanmit-app-page-title{
    display:none !important;
}

@media(max-width:480px){

    .scanmit-app-header,
    .live-v6-header,
    .scanmit-app-header-inner,
    .live-v6-header-inner{
        height:68px !important;
        min-height:68px !important;
    }

    .scanmit-app-header-inner,
    .live-v6-header-inner{
        padding:
            0 110px 0 13px !important;
    }

    .scanmit-app-brand strong,
    .live-v6-brand-copy strong{
        font-size:17px !important;
    }
}


/* ===== SCANMIT HEADER ULTRA COMPACT FINAL ===== */

.scanmit-app-header{
    height:62px !important;
    min-height:62px !important;
}

.scanmit-app-header-inner{
    height:62px !important;
    min-height:62px !important;

    padding:
        0 105px 0 14px !important;
}

.scanmit-app-brand{
    padding:0 !important;

    background:transparent !important;
    box-shadow:none !important;
}

.scanmit-app-brand-mark{
    width:35px !important;
    height:35px !important;

    flex:0 0 35px !important;

    border-radius:9px !important;
}

.scanmit-app-brand strong{
    font-size:16px !important;
}

.scanmit-app-brand small{
    margin-top:3px !important;

    font-size:7.5px !important;
}

@media(max-width:480px){

    .scanmit-app-header,
    .scanmit-app-header-inner{
        height:60px !important;
        min-height:60px !important;
    }

}