/*
    Mobile Verbesserungen fuer x-print.de

    Greift ausschliesslich unter 861 px. Am Desktop aendert sich nichts —
    keine Farbe, keine Schrift, kein Abstand.

    Behoben werden die Befunde der Pruefung vom 30.08.2026:
    - Der Kopfbereich scrollte weg; ab etwa 3.000 px gab es auf einer
      10.786 px hohen Seite keinen Weg mehr zur Anfrage.
    - Die Telefonnummer stand als reiner Text da.
    - Der erste Anfrageweg lag bei 87 Prozent Scrolltiefe.
*/

@media (max-width: 860px) {

    /* ── Kopfbereich bleibt stehen ───────────────────────────── */
    .realfactory-mobile-header-wrap {
        position: sticky;
        top: 0;
        z-index: 9000;
    }

    .realfactory-mobile-header {
        box-shadow: 0 1px 10px rgba(0, 0, 0, .13);
    }

    /* Der Kopfbereich traegt jetzt drei Dinge — Logo, Anfrage-Knopf und
       Hoerer. Etwas flacher, damit vom Inhalt mehr sichtbar bleibt. */
    .realfactory-mobile-header .realfactory-mobile-header-container {
        display: flex;
        align-items: center;
        gap: 10px;
        padding-top: 9px;
        padding-bottom: 9px;
    }

    /* ── Logo kleiner ────────────────────────────────────────── */
    /* Der Logo-Container ist im Theme breit angelegt; er soll nur so viel
       Platz nehmen wie das verkleinerte Bild. */
    .realfactory-mobile-header .realfactory-logo,
    .realfactory-mobile-header .realfactory-logo-inner {
        margin: 0;
        padding: 0;
        width: auto;
        flex: 0 0 auto;
    }

    .realfactory-mobile-header .realfactory-logo-inner img {
        height: 34px !important;
        width: auto !important;
        max-height: 34px;
        display: block;
    }

    /* ── Anfrage-Knopf ───────────────────────────────────────── */
    /* Der Burger des Themes ist absolut positioniert und nimmt im
       Flex-Layout keinen Platz ein. Ohne diesen Abstand laufen die Aktionen
       unter ihm hindurch. */
    .xp-kopf-aktionen {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-left: auto;
        margin-right: 68px;
    }

    .xp-kopf-angebot {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 0 15px;
        background: #f8c12c;
        color: #232323 !important;
        font-size: 12.5px;
        font-weight: 700;
        line-height: 1.15;
        letter-spacing: .01em;
        text-align: center;
        white-space: nowrap;
        text-decoration: none !important;
        border-radius: 2px;
    }

    .xp-kopf-angebot:hover,
    .xp-kopf-angebot:focus {
        background: #e8b418;
        color: #232323 !important;
    }

    /* ── Hoerer ──────────────────────────────────────────────── */
    .xp-kopf-anruf {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        color: #232323 !important;
        text-decoration: none !important;
    }

    .xp-kopf-anruf svg {
        width: 20px;
        height: 20px;
    }

    /* Der Burger sitzt ganz rechts und behaelt seine Groesse. */
    .realfactory-mobile-header .realfactory-mobile-menu-right {
        flex: 0 0 auto;
        margin-left: 0;
    }

    /* ── Antippflaechen im Menue ─────────────────────────────── */
    .realfactory-mm-menu-wrap a,
    #realfactory-mobile-menu a {
        min-height: 46px;
        display: flex;
        align-items: center;
    }

    /* ── Sehr schmale Geraete ────────────────────────────────── */
    @media (max-width: 400px) {
        .realfactory-mobile-header .realfactory-logo-inner img {
            height: 28px !important;
            max-height: 28px;
        }

        .xp-kopf-angebot {
            padding: 0 10px;
            font-size: 11px;
        }

        .xp-kopf-aktionen {
            margin-right: 72px;
            gap: 4px;
        }

        /* Unter 360 px reicht der Platz nicht fuer beides. Der Knopf hat
           Vorrang: Die Nummer steht im Kopfbereich der Seite und im
           Fussbereich weiterhin antippbar. */
        @media (max-width: 359px) {
            .xp-kopf-anruf {
                display: none;
            }
        }
    }
}


/* ────────────────────────────────────────────────────────────────
   Kontaktseite: Kopfbild entfernen

   Der Bereich war 556 px hoch und trug nichts als die zwei Zeilen
   "Kontakt / So erreichst du uns" auf einem Motiv aus der
   Textilveredelung — auf einer Kontaktseite ohne Aussage.

   Das Bild wird ueberschrieben, nicht ueberdeckt: Ein Hintergrundbild,
   das im berechneten Stil nicht mehr vorkommt, laedt der Browser gar
   nicht erst. Der Titel bleibt, auf der Anthrazitflaeche der Marke.

   Gilt fuer alle Breiten, darum ausserhalb der Media-Query.
   ──────────────────────────────────────────────────────────────── */

.page-id-1964 .gdlr-core-pbf-background {
    background-image: none !important;
    background-color: #232323 !important;
}

/* Das Polster stand am Wrapper selbst: 250 px oben, 160 px unten. Es
   trug das Motiv — ohne dieses sind es 410 px Leerraum um zwei Zeilen. */
.page-id-1964 .gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap) {
    padding-top: 54px !important;
    padding-bottom: 46px !important;
}

@media (max-width: 860px) {
    .page-id-1964 .gdlr-core-pbf-wrapper:has(> .gdlr-core-pbf-background-wrap) {
        padding-top: 34px !important;
        padding-bottom: 30px !important;
    }
}