/* ===== desktop.css – nur Desktop (min-width: Breakpoint) ===== */
h1 { font-size: 2.4rem; }
.hero-title { font-size: 2.4rem; }
.hero-media { height: 72vh; }

/* Horizontale Navigation mit Dropdown */
.main-nav { display: flex; align-items: center; gap: 1.2rem; }
.nav-level-1 { display: flex; gap: 1.4rem; }
.nav-level-1 > li { position: relative; padding: 1rem 0; }
.nav-level-2 {
    display: none;
    position: absolute;
    top: 100%;
    left: -0.8rem;
    background: #fff;
    min-width: 280px;
    box-shadow: 0 6px 18px rgba(0,0,0,.15);
    border-top: 3px solid var(--brand);
    padding: .5rem 0;
    z-index: 200;
}
.nav-level-1 > li:hover .nav-level-2,
.nav-level-1 > li:focus-within .nav-level-2 { display: block; }
.nav-level-2 li a { display: block; padding: .45rem 1rem; font-weight: 500; }
.nav-level-2 li a:hover { background: var(--light); }

/* Zweispaltige Footer-Aufteilung */
.footer-grid { grid-template-columns: 1fr 1fr 1fr; gap: 2rem; padding: 1.5rem 1rem 2rem; }

/* Textpic intext: Bildgroesse begrenzen */
.frame-type-textpic .ce-intext .ce-gallery { max-width: 46%; }

/* Powermail: Vorname/Nachname und E-Mail/Telefon nebeneinander */
.powermail_fieldset {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.5rem;
    border: 0;
    padding: 0;
    margin: 0;
    max-width: 46rem;
}
.powermail_legend,
.powermail_fieldwrap { grid-column: 1 / -1; }
.powermail_fieldwrap_firstname,
.powermail_fieldwrap_email { grid-column: 1; }
.powermail_fieldwrap_lastname,
.powermail_fieldwrap_phone { grid-column: 2; }
.powermail_fieldset .powermail_input,
.powermail_fieldset .powermail_textarea { width: 100%; max-width: 100%; }

/* Powermail_Styling wickelt jedes Feld in .row -> fuer das Grid transparent machen */
.powermail_fieldset > .row { display: contents; }

/* Zweispaltige Inhaltselemente: Layout 1 = links, Layout 2 = rechts */
.main-content { display: grid; grid-template-columns: 1fr 1fr; column-gap: 2.5rem; }
.main-content > * { grid-column: 1 / -1; min-width: 0; }
.main-content > .frame-layout-1 { grid-column: 1; }
.main-content > .frame-layout-2 { grid-column: 2; }