.mia-footer{
    --mia-footer-accent:#c9000d;
    --mia-footer-height:320px;
    --mia-footer-align:left;
    --mia-footer-overlay:.25;
    --mia-footer-bg:none;
    --mia-footer-bg-position:center center;

    position:relative;
    min-height:var(--mia-footer-height);
    overflow:hidden;
    background:
        linear-gradient(115deg,#7d0007 0%,var(--mia-footer-accent) 55%,#9a0007 100%);
    color:#fff;
    isolation:isolate;
}

.mia-footer-bg{
    position:absolute;
    inset:0;
    z-index:-3;
    background-image:var(--mia-footer-bg);
    background-size:cover;
    background-position:var(--mia-footer-bg-position);
    background-repeat:no-repeat;
}

.mia-footer::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background:rgba(80,0,5,var(--mia-footer-overlay));
}

.mia-footer-pattern{
    position:absolute;
    inset:0 0 0 auto;
    width:44%;
    z-index:-1;
    opacity:.6;
    background:
        radial-gradient(circle at 75% 45%,transparent 0 13%,rgba(255,255,255,.16) 13.2% 13.7%,transparent 14% 19%,rgba(255,255,255,.13) 19.2% 19.7%,transparent 20% 25%,rgba(255,255,255,.11) 25.2% 25.7%,transparent 26%),
        radial-gradient(circle,rgba(255,255,255,.13) 1px,transparent 1.5px);
    background-size:auto,14px 14px;
}

.mia-footer-inner{
    position:relative;
    z-index:2;
    min-height:calc(var(--mia-footer-height) - 54px);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    max-width:1280px;
    margin:0 auto;
    padding:45px 48px;
}

.mia-footer-copy{
    max-width:760px;
    text-align:var(--mia-footer-align);
}

.mia-footer-headline{
    font-size:clamp(34px,5vw,68px);
    line-height:1.02;
    font-weight:800;
    letter-spacing:-.03em;
    text-shadow:0 2px 10px rgba(0,0,0,.18);
}

.mia-footer-signature{
    margin-top:12px;
    font-family:"Segoe Script","Brush Script MT",cursive;
    font-size:clamp(24px,3vw,42px);
    line-height:1;
    color:#f0d16a;
    transform:rotate(-4deg);
    display:inline-block;
}

.mia-footer-heart{
    margin-left:4px;
}

.mia-footer-subline{
    margin-top:24px;
    font-size:13px;
    font-weight:700;
    letter-spacing:.15em;
    text-transform:uppercase;
    opacity:.86;
}

.mia-footer-social{
    display:flex;
    align-items:center;
    gap:10px;
    flex:0 0 auto;
}

.mia-footer-social a{
    width:44px;
    height:44px;
    border:1px solid rgba(255,255,255,.55);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    font-size:20px;
    font-weight:800;
    transition:.18s ease;
    background:rgba(255,255,255,.08);
}

.mia-footer-social a:hover{
    color:var(--mia-footer-accent);
    background:#fff;
    transform:translateY(-2px);
}

.mia-footer-bottom{
    position:relative;
    z-index:2;
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:10px 20px;
    border-top:1px solid rgba(255,255,255,.22);
    background:rgba(40,0,3,.24);
    font-size:11px;
    opacity:.9;
}

.mia-footer-separator{
    opacity:.45;
}

@media(max-width:760px){
    .mia-footer-inner{
        min-height:calc(var(--mia-footer-height) - 50px);
        padding:34px 24px;
        flex-direction:column;
        justify-content:center;
        text-align:center;
    }

    .mia-footer-copy{
        text-align:center!important;
    }

    .mia-footer-pattern{
        width:100%;
        opacity:.32;
    }

    .mia-footer-bottom{
        min-height:50px;
        flex-wrap:wrap;
    }
}

/* V1.1 – Standardmotiv aus der freigegebenen Seitenansicht */
.mia-footer-bg{
    background-size:cover;
    background-position:center center;
}