:root {
    --miv-font: system-ui, -apple-system, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}

body {
    font-family: var(--miv-font);
}

.miv-markdown h1, .miv-markdown h2, .miv-markdown h3 {
    margin-top: 1.2rem;
}

.miv-markdown img {
    max-width: 100%;
    height: auto;
}

.miv-markdown {
    overflow-wrap: anywhere;
}

.carousel-item {
    height: 350px;
}

    .carousel-item .row {
        height: 100%;
    }

    .carousel-item img {
        object-fit: cover;
    }

    .carousel-item img {
        height: 100%;
        width: 100%;
        object-fit: cover; /* Wichtig: schneidet statt verzerren */
    }


/* Nur Markdown-Inhalte */
.md-content img {
    max-width: 300px;
    width: 100%;
    height: auto;
    cursor: zoom-in;
    display: block;
    margin: 1rem auto;
    border-radius: 6px;
}

/* Lightbox */
.lightbox-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

    .lightbox-overlay img {
        max-width: 92vw;
        max-height: 92vh;
        cursor: zoom-out;
    }