/*
 * Maxcare Child Theme - custom.css
 * Wird zuletzt geladen und ueberschreibt Theme-/Elementor-Styles.
 * Ab hier eigene Regeln fuer Ergotherapie Pohlheim eintragen.
 */

/* ===== Lokale Montserrat (DSGVO-sauber): alle Theme-Familien -> Montserrat ===== */
/* woff2 = variable Font (300-900), woff = statische Fallbacks fue alte Browser */
@font-face { font-family:'Archivo'; font-style:normal; font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Archivo'; font-style:italic;  font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Public Sans'; font-style:normal; font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Public Sans'; font-style:italic;  font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Inter'; font-style:italic;  font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Lato'; font-style:normal; font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Lato'; font-style:italic;  font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Abhaya Libre'; font-style:normal; font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Abhaya Libre'; font-style:italic;  font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Oswald'; font-style:normal; font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Oswald'; font-style:italic;  font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Outfit'; font-style:normal; font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Outfit'; font-style:italic;  font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Tenor Sans'; font-style:normal; font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Tenor Sans'; font-style:italic;  font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Barlow'; font-style:normal; font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Barlow'; font-style:italic;  font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Open Sans'; font-style:normal; font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Open Sans'; font-style:italic;  font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Roboto'; font-style:normal; font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Roboto'; font-style:italic;  font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Roboto Slab'; font-style:normal; font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
@font-face { font-family:'Roboto Slab'; font-style:italic;  font-weight:300 900; src:url('fonts/montserrat/Montserrat-latin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-400.woff') format('woff'); font-display:swap; }
/* Ende lokale Montserrat-Aliasse */


/* ---------------------------------------------------------------------------
   Footer-Listen (nur "Unsere Leistungen" + "Fuer Patient:innen"):
   kleines Quadrat als Listenpunkt vor jedem Eintrag.
   Gezielt ueber die zwei pxl_list-Widgets (data-id) - NICHT auf die
   Kontakt-/E-Mail-/Maps-Liste (988b2f7).
---------------------------------------------------------------------------- */
#pxl-footer-elementor [data-id="da655ca"] .pxl--item .pxl-item-link,
#pxl-footer-elementor [data-id="3322eed"] .pxl--item .pxl-item-link {
    position: relative;
    padding-left: 30px;   /* Platz fuer das Quadrat */
}
#pxl-footer-elementor [data-id="da655ca"] .pxl--item .pxl-item-link::before,
#pxl-footer-elementor [data-id="3322eed"] .pxl--item .pxl-item-link::before {
    content: "";
    position: absolute;
    left: 4px;            /* Abstand zum Listeneintrag */
    top: 6px;             /* oben an der ersten Zeile ausgerichtet */
    width: 13px;
    height: 13px;
    background: #00B4D8;  /* Theme-Akzentfarbe */
    border-radius: 0;     /* Rechteck ohne Rundung */
}

/* ---------------------------------------------------------------------------
   Startseite-Hero Ueberschrift (H1): dicker + 64px
   Widget cbf6e1e - Veraenderung nur dieser Ueberschrift
---------------------------------------------------------------------------- */
[data-id="cbf6e1e"] h1.pxl-item--title {
    font-size: clamp(32px, 5vw, 64px) !important;
    font-weight: 700 !important;   /* war 500 (zu duenn in Montserrat) */
}

/* ---------------------------------------------------------------------------
   Social-Icon-Widget ausblenden (pxl_icon, Widget a8ab404)
---------------------------------------------------------------------------- */
[data-id="a8ab404"] {
    display: none !important;
}

/* ---------------------------------------------------------------------------
   Header-Kontaktliste rechts ausrichten (pxl_list, Widget 2ccb06c)
   Flex-Kind -> margin-left:auto schneckt es an die rechte Kante
---------------------------------------------------------------------------- */
[data-id="2ccb06c"] {
    margin-left: auto;
}

/* ---------------------------------------------------------------------------
   Startseite: Container 1c2a244 ausblenden (Sektion unterhalb der Leistungs-Boxen)
---------------------------------------------------------------------------- */
[data-id="1c2a244"] {
    display: none !important;
}

/* ---------------------------------------------------------------------------
   Startseite: Container e5a00ff ausblenden
---------------------------------------------------------------------------- */
[data-id="e5a00ff"] {
    display: none !important;
}

/* ---------------------------------------------------------------------------
   Startseite: Container ba693ad - Verlaufshintergrund
---------------------------------------------------------------------------- */
[data-id="ba693ad"] {
    background-image: none !important;
    background-color: #d7f8fe !important;
}

/* ---------------------------------------------------------------------------
   Kontaktformular-Box: Ueberschrift + Untertext dauerhaft weiss
   (Child-Theme mit !important -> Elementor kann nicht ueberschreiben)
---------------------------------------------------------------------------- */
[data-id="3f10141"] .pxl-item--title {
    color: #fff !important;
    -webkit-text-stroke-color: #fff !important;
}
[data-id="63cc258"] .pxl-text-editor,
[data-id="63cc258"] .pxl-text-editor p {
    color: #fff !important;
}

/* ---------------------------------------------------------------------------
   Kontaktformular-Box: Inhalt-Button ausblenden (robuust via !important)
---------------------------------------------------------------------------- */
.pxl-content-btn {
    display: none !important;
}

/* ---------------------------------------------------------------------------
   Global h3: fluide Schriftgroesse, Kap bei 28px
---------------------------------------------------------------------------- */
h3 {
    font-size: clamp(22px, 2.5vw, 28px) !important;
}

/* ---------------------------------------------------------------------------
   Hidden Panel Popup: Padding entfernen (Parent style.css setzt 50px 30px)
---------------------------------------------------------------------------- */
.pxl-hidden-panel-popup .pxl-popup--conent {
    padding: 0;
    height: 400px !important;
}

/* ---------------------------------------------------------------------------
   Anchor-Button style-1: Breite auf 40px (Parent 24px)
---------------------------------------------------------------------------- */
.pxl-anchor-button.style-1 {
    width: 40px;
}

/* ---------------------------------------------------------------------------
   Widget f14e360 (pxl_text_editor) ausblenden
---------------------------------------------------------------------------- */
[data-id="f14e360"] {
    display: none !important;
}

/* ---------------------------------------------------------------------------
   Widget f1654fd (pxl_text_editor) ausblenden
---------------------------------------------------------------------------- */
[data-id="f1654fd"] {
    display: none !important;
}

/* ---------------------------------------------------------------------------
   Hauptnavigation (Desktop, min 1201px): Schriftgroesse der Menuepunkte
   auf 20px (Theme-Default 16px). Update-sicher, da im Parent-Theme/style.css
   die Regel beim Theme-Update ueberschrieben wird.
---------------------------------------------------------------------------- */
@media screen and (min-width: 1201px) {
    .fr-style-default .pxl-menu-primary > li > a {
        font-size: clamp(16px, 1.5vw, 20px);
        font-weight: 700;
        text-transform: none;
    }
}

/* Unter 1536px Viewport: feste 18px Menueschrift */
@media screen and (min-width: 1201px) and (max-width: 1535px) {
    .fr-style-default .pxl-menu-primary > li > a {
        font-size: 18px;
    }
}

/* ---------------------------------------------------------------------------
   Header-Layout: rechten Block (620a8c6: Telefon + CTA) immer rechts
   ausrichten und Hauptmenue (c9b18d4) bei kleineren Displays nicht quetschen
---------------------------------------------------------------------------- */
[data-id="83ff354"] > [data-id="620a8c6"] {
    margin-left: auto;
}
[data-id="83ff354"] > [data-id="c9b18d4"] {
    flex-shrink: 0;
}
[data-id="c9b18d4"] .pxl-menu-primary {
    margin-left: 85px;
}