/* =========================================================
   MOBILE H1 SPECIALPAGES V1
   =========================================================
   Gilt nur für:
   - contact_form.php
   - newspage.php
   - s_cart.php

   Warum separat:
   - contact_form hat eine eigene Kontaktformular-Struktur/Kicker.
   - newspage nutzt keinen normalen service-page-header,
     sondern Homepage-/News-Hero-Struktur.
   - s_cart hat meist h1.visually-hidden und sichtbares h2.

   Keine Grid-Regeln.
   Keine Badge-Regeln.
   Keine Produktkarten-Regeln.
   Keine Preis-Regeln.
   ========================================================= */

@media (max-width: 760px) {

    /* =====================================================
       contact_form.php
       ===================================================== */

    body.page-contact-form main#page-content-wrapper .contact-form-page-header,
    body.page-contact-form main#page-content-wrapper .contact-page-header,
    body.page-contact-form main#page-content-wrapper .service-page-header,
    body.page-contact-form main#page-content-wrapper .contact-form-header {
        margin-top: 4px !important;
        margin-left: -2px !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    body.page-contact-form main#page-content-wrapper .contact-form-page-header > h1:not(.visually-hidden),
    body.page-contact-form main#page-content-wrapper .contact-page-header > h1:not(.visually-hidden),
    body.page-contact-form main#page-content-wrapper .service-page-header > h1:not(.visually-hidden),
    body.page-contact-form main#page-content-wrapper .contact-form-header > h1:not(.visually-hidden) {
        display: block !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        font-size: 22px !important;
        line-height: 1.15 !important;
        font-weight: 300 !important;
        letter-spacing: -0.035em !important;
        color: #222 !important;
        text-transform: none !important;
        border: 0 !important;
        background: transparent !important;
    }

    body.page-contact-form main#page-content-wrapper .contact-form-kicker,
    body.page-contact-form main#page-content-wrapper .contact-page-kicker,
    body.page-contact-form main#page-content-wrapper .service-page-kicker {
        display: block !important;
        margin: 0 0 5px 0 !important;
        padding: 0 !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        font-weight: 400 !important;
        letter-spacing: 0.04em !important;
        text-transform: uppercase !important;
        color: #999 !important;
        border: 0 !important;
        background: transparent !important;
    }

    body.page-contact-form main#page-content-wrapper .contact-form-page-subtitle,
    body.page-contact-form main#page-content-wrapper .contact-page-subtitle,
    body.page-contact-form main#page-content-wrapper .service-page-subtitle,
    body.page-contact-form main#page-content-wrapper .contact-form-header .subtitle {
        display: block !important;
        margin: 0 0 18px 0 !important;
        padding: 0 !important;
        font-size: 14px !important;
        line-height: 1.32 !important;
        font-weight: 300 !important;
        letter-spacing: -0.015em !important;
        color: #999 !important;
        background: transparent !important;
        border: 0 !important;
    }

    /* =====================================================
       newspage.php
       ===================================================== */

    body.page-home main#page-content-wrapper .homepage-hero,
    body.page-home main#page-content-wrapper .news-page-hero,
    body.page-home main#page-content-wrapper .homepage-hero-title,
    body.page-news main#page-content-wrapper .homepage-hero,
    body.page-news main#page-content-wrapper .news-page-hero,
    body.page-news main#page-content-wrapper .homepage-hero-title {
        margin-top: 4px !important;
        margin-left: -2px !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    body.page-home main#page-content-wrapper .homepage-hero-title h1:not(.visually-hidden),
    body.page-home main#page-content-wrapper .news-page-hero h1:not(.visually-hidden),
    body.page-news main#page-content-wrapper .homepage-hero-title h1:not(.visually-hidden),
    body.page-news main#page-content-wrapper .news-page-hero h1:not(.visually-hidden) {
        display: block !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        font-size: 22px !important;
        line-height: 1.15 !important;
        font-weight: 300 !important;
        letter-spacing: -0.035em !important;
        color: #222 !important;
        text-transform: none !important;
        border: 0 !important;
        background: transparent !important;
    }

    body.page-home main#page-content-wrapper .homepage-hero-subtitle,
    body.page-home main#page-content-wrapper .news-page-subtitle,
    body.page-news main#page-content-wrapper .homepage-hero-subtitle,
    body.page-news main#page-content-wrapper .news-page-subtitle {
        display: block !important;
        margin: 0 0 18px 0 !important;
        padding: 0 !important;
        font-size: 14px !important;
        line-height: 1.32 !important;
        font-weight: 300 !important;
        letter-spacing: -0.015em !important;
        color: #999 !important;
        background: transparent !important;
        border: 0 !important;
    }

    /* =====================================================
       s_cart.php
       ===================================================== */

    body.page-cart main#page-content-wrapper .cart-page-header,
    body.page-cart main#page-content-wrapper .row-h1.cart-page-header,
    body.page-cart main#page-content-wrapper .row-h1,
    body.page-cart main#page-content-wrapper .service-page-header,
    body.page-cart main#page-content-wrapper .product-list-page-header {
        margin-top: 4px !important;
        margin-left: -2px !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    body.page-cart main#page-content-wrapper .cart-page-header > h2,
    body.page-cart main#page-content-wrapper .row-h1.cart-page-header > h2,
    body.page-cart main#page-content-wrapper .row-h1 > h2,
    body.page-cart main#page-content-wrapper .service-page-header > h1:not(.visually-hidden),
    body.page-cart main#page-content-wrapper .product-list-page-header > h2 {
        display: block !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        font-size: 22px !important;
        line-height: 1.15 !important;
        font-weight: 300 !important;
        letter-spacing: -0.035em !important;
        color: #222 !important;
        text-transform: none !important;
        border: 0 !important;
        background: transparent !important;
    }

    body.page-cart main#page-content-wrapper .cart-page-subtitle,
    body.page-cart main#page-content-wrapper .row-h1 .subtitle,
    body.page-cart main#page-content-wrapper .service-page-subtitle,
    body.page-cart main#page-content-wrapper .product-list-page-header .subtitle {
        display: block !important;
        margin: 0 0 18px 0 !important;
        padding: 0 !important;
        font-size: 14px !important;
        line-height: 1.32 !important;
        font-weight: 300 !important;
        letter-spacing: -0.015em !important;
        color: #999 !important;
        background: transparent !important;
        border: 0 !important;
    }

    /* Trennlinien direkt unter den Sonderseiten-Headern */
    body.page-contact-form main#page-content-wrapper .contact-form-page-header + hr.dotted,
    body.page-contact-form main#page-content-wrapper .service-page-header + hr.dotted,
    body.page-home main#page-content-wrapper .homepage-hero + hr.dotted,
    body.page-news main#page-content-wrapper .news-page-hero + hr.dotted,
    body.page-cart main#page-content-wrapper .cart-page-header + hr.dotted,
    body.page-cart main#page-content-wrapper .row-h1 + hr.dotted {
        margin: 0 0 16px 0 !important;
        padding: 0 !important;
        border-top: 1px solid #e6e6e6 !important;
        background: none !important;
    }

    /* SEO-H1 bleibt versteckt */
    body.page-contact-form main#page-content-wrapper h1.visually-hidden,
    body.page-home main#page-content-wrapper h1.visually-hidden,
    body.page-news main#page-content-wrapper h1.visually-hidden,
    body.page-cart main#page-content-wrapper h1.visually-hidden {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
}