/* Mavi Frontend – Hero-Slider */
.mavi-hero-slider{position:relative;width:100%;height:var(--h-desktop,640px);overflow:hidden;background:#0A1C2E}
.mavi-hero-track{position:relative;width:100%;height:100%}
.mavi-hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity var(--dur,800ms) ease}
.mavi-hero-slider.effect-fade .mavi-hero-slide.is-active{opacity:1;visibility:visible}
.mavi-hero-media{position:absolute;inset:0}
.mavi-hero-media img,.mavi-hero-media video{width:100%;height:100%;object-fit:cover}
.mavi-hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,28,46,.35),rgba(10,28,46,.6))}
.mavi-hero-caption{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:20px}
.mavi-hero-caption h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2rem,5vw,3.8rem);margin:0 0 12px;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.4)}
.mavi-hero-caption p{font-size:clamp(1rem,2vw,1.3rem);max-width:600px;color:rgba(255,255,255,.92);margin:0 0 22px}
.mavi-hero-btn{display:inline-block;background:#C39A4E;color:#0E2740;font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;padding:14px 32px;border-radius:6px;text-decoration:none;transition:.25s}
.mavi-hero-btn:hover{background:#A9843C;transform:translateY(-2px)}

/* Slide-Effekt */
.mavi-hero-slider.effect-slide .mavi-hero-track{display:flex;transition:transform var(--dur,800ms) ease}
.mavi-hero-slider.effect-slide .mavi-hero-slide{position:relative;flex:0 0 100%;opacity:1;visibility:visible;transition:none}

/* Pfeile */
.mavi-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:52px;height:52px;border:none;border-radius:50%;background:rgba(14,39,64,.55);color:#fff;font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.25s}
.mavi-hero-arrow:hover{background:#C39A4E;color:#0E2740}
.mavi-hero-arrow.prev{left:20px}.mavi-hero-arrow.next{right:20px}

/* Punkte */
.mavi-hero-dots{position:absolute;bottom:22px;left:0;right:0;z-index:5;display:flex;gap:10px;justify-content:center}
.mavi-hero-dot{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:transparent;cursor:pointer;padding:0;transition:.25s}
.mavi-hero-dot.is-active{background:#C39A4E;border-color:#C39A4E}

.mavi-fe-hero-empty{padding:60px;text-align:center;background:#f3f0e8;color:#555}

@media(max-width:820px){
    .mavi-hero-slider{height:var(--h-mobile,460px)}
    .mavi-hero-arrow{width:42px;height:42px;font-size:1.6rem}
    .mavi-hero-arrow.prev{left:10px}.mavi-hero-arrow.next{right:10px}
}

/* Logo */
.mavi-fe-logo{display:flex;justify-content:var(--logo-pos-d,flex-start)}
.mavi-fe-logo img{width:var(--logo-w-d,160px);height:auto}
.mavi-fe-logo-text{font-family:"Cormorant Garamond",serif;font-size:1.6rem;color:#fff;text-decoration:none}
@media(max-width:820px){
    .mavi-fe-logo{justify-content:var(--logo-pos-m,center)}
    .mavi-fe-logo img{width:var(--logo-w-m,120px)}
}

/* Austauschbare Bilder */
.mavi-fe-image{position:relative;display:inline-block;max-width:100%}
.mavi-fe-image img{display:block;max-width:100%;height:auto}
.mavi-fe-image-change{position:absolute;top:12px;right:12px;background:rgba(14,39,64,.9);color:#fff;border:1px solid #C39A4E;border-radius:6px;padding:8px 14px;font-size:.8rem;font-weight:700;cursor:pointer;opacity:0;transition:.25s;z-index:3}
.mavi-fe-image:hover .mavi-fe-image-change{opacity:1}
.mavi-fe-image-change:hover{background:#C39A4E;color:#0E2740}