/* --------------------------------------------------------------
   FWGPress – Tablet Layout Optimierungen (bis 1024px)
   Diese Datei enthält KEINE Menü-Styles!
   Menü-Styles stehen in mobile-menu.css
-------------------------------------------------------------- */

@media (max-width: 1024px) {

    /* -------------------------------
       1) Container-Abstände
       (ersetzt .container aus GP)
    --------------------------------*/
    .fwg-container {
        padding-top: 0 !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    /* -------------------------------
       2) Header-Abstände
       (ersetzt .inside-header aus GP)
    --------------------------------*/
    .fwg-header {
        padding: 0 30px;
    }

    /* -------------------------------
       3) Typografie
       (ersetzt page-title, entry-title, entry-content)
    --------------------------------*/
    body,
    p,
    .fwg-content {
        font-size: 15px;
        line-height: 1.6;
    }

    .fwg-content h1,
    .fwg-content h2,
    .fwg-content h3 {
        line-height: 1.3;
    }

    .fwg-content h1 {
        font-size: 3rem;
    }
}