@charset "UTF-8";
/* =========================================================
   ADKRU LP
   FSE-pur: Look kommt aus theme.json / register_block_style() /
   Custom-Block-styles. AUSNAHME: Integrations-Override gegen den
   Elementor-Kit (post-9.css lädt siteweit wegen Header/Footer).

   Elementor scoped seine Heading-Typo als `.elementor-kit-9 h2`
   (Spezifität 0,1,1) mit fester px-line-height und ueberschreibt
   so die theme.json-Werte im Front-End (im Editor nicht -> die
   gemeldete Diskrepanz). Konter mit gleicher Scope-Klasse +
   .wp-block-heading (0,2,0 > 0,1,1). Werte = theme.json.
   Trifft NUR WP-Block-Headings; Elementor-Widgets nutzen
   .elementor-heading-title und bleiben unberührt.
   ========================================================= */
.wp-block-heading {
  line-height: 1.1;
}

h1.wp-block-heading {
  line-height: 1.22;
}

.elementor-kit-9 .wp-block-heading {
  line-height: 1.1;
}

.elementor-kit-9 h1.wp-block-heading {
  line-height: 1.22;
}

/* Lange deutsche Komposita (z.B. "Geschäftsausstattung") brechen sonst nicht
   um und ragen auf Mobile aus der Box. hyphens:auto trennt silbenweise
   (html lang="de"), greift nur wenn ein Wort nicht in die Zeile passt
   (Desktop bleibt unberührt). overflow-wrap:break-word als harter Fallback.
   Elementor-Kit setzt manche Headings auf overflow-wrap:normal -> mit der
   Kit-Scope-Klasse (0,2,0) kontern. */
.wp-block-heading,
.elementor-kit-9 .wp-block-heading {
  overflow-wrap: break-word;
  hyphens: auto;
}

/* Globales Sicherheitsnetz gegen Seitwärts-Scroll auf den LPs.
   clip (statt hidden) erzeugt KEINEN Scroll-Container -> Sticky-
   Verhalten + position:fixed-Elemente (Elementor-Header) bleiben
   unberührt.

   Der Clip MUSS auf <main> liegen, nicht nur auf <body>: die
   Eingangsanimationen (fly-right etc.) sitzen im Initialzustand
   off-screen rechts, dazu kommen Bleeds und der Step-Number-Smear.
   Auf <body> allein bleibt ein Phantom-Scroll in der scrollWidth,
   weil <html> overflow-x:visible ist. Erst der Clip auf <main>
   containt diesen Overflow wirklich (gemessen 1280-1920 = 0 Scroll). */
.adkru-header-overlay,
.adkru-header-solid {
  overflow-x: clip;
}

.adkru-header-overlay main,
.adkru-header-solid main {
  overflow-x: clip;
}

/* Bilder fluid auf LPs. WP-Core hat das für wp-block-image, aber
   intrinsische width/height-Attribute können es brechen wenn die
   Container-Breite kleiner ist als das Bild. Diese Regel zwingt
   alle Bilder + figure-Wrapper im LP-Body unter Container-Breite. */
.adkru-header-overlay img,
.adkru-header-solid img {
  max-width: 100%;
  height: auto;
}

.adkru-header-overlay .wp-block-image,
.adkru-header-solid .wp-block-image {
  max-width: 100%;
}
