/* ===== mobile.css – nur Mobil (max-width: Breakpoint) ===== */
.burger { display: block; }

.main-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-bottom: 3px solid var(--brand);
    box-shadow: 0 10px 20px rgba(0,0,0,.15);
    padding: .8rem 1rem 1.2rem;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
}
.main-nav.open { display: block; }
.nav-level-1 > li { border-bottom: 1px solid #eee; }
.nav-level-1 > li > a { display: block; padding: .7rem 0; }
.nav-level-2 { padding-left: 1rem; padding-bottom: .5rem; }
.nav-level-2 a { display: block; padding: .4rem 0; font-weight: 500; }
.nav-phone { display: block; margin-top: 1rem; padding: .7rem; }

.site-logo img { width: 130px; }
.hero-media { height: 52vh; }
.hero-title { font-size: 1.35rem; }
.hero-overlay { padding: 1rem; }
.footer-grid { grid-template-columns: 1fr; }

/* Bilder in Textpic mobil untereinander */
.frame-type-textpic .ce-intext .ce-gallery { float: none !important; max-width: 100%; margin: 0 0 1rem; }