/*
Theme Name:   child-hello-elementor
Template:     hello-elementor
Version:      1.0.0
*/

/* ==========================================================
   .eg-legal — Styling der Rechtsdokumente (Exit Gaslighting)
   Analog .fl-legal (Freieres Leben), Teal-Palette übernommen.
   Scope: nur div.eg-legal (Wrapper der eingefügten HTML-Fragmente).
   Spezifität bewusst über "div.eg-legal", um Elementor-/Theme-Heading-
   Margins ohne !important zu schlagen.
   Hinweis: Optik ist für HELLEN Seitenhintergrund ausgelegt.
   WICHTIG: style.css muss per functions.php enqueued sein (Hello-Child
   lädt sie sonst nicht).
   ========================================================== */
div.eg-legal{
  font-family: "Montserrat", sans-serif;
  max-width: 820px;
  margin: 0 auto;
  padding: clamp(20px, 4.5vw, 52px);
  color: #20302d;
  font-size: clamp(15px, 0.6rem + 0.5vw, 17px);
  line-height: 1.78;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
div.eg-legal > :first-child{ margin-top: 0; }
div.eg-legal > :last-child{ margin-bottom: 0; }
/* ---- Headings ---- */
div.eg-legal h1,
div.eg-legal h2,
div.eg-legal h3{
  font-family: "Montserrat", sans-serif;
  color: #003738;
  line-height: 1.32;
  letter-spacing: 0;
}
div.eg-legal h1{
  font-size: clamp(24px, 3vw, 33px);
  font-weight: 700;
  margin: 0 0 1em;
}
div.eg-legal h2{
  font-size: clamp(19px, 2.1vw, 23px);
  font-weight: 600;
  margin: 2.9em 0 0.95em;
  padding-bottom: 0.42em;
  border-bottom: 2px solid #91BCBA;
}
div.eg-legal h3{
  font-size: clamp(16px, 1.5vw, 18.5px);
  font-weight: 600;
  margin: 2.1em 0 0.6em;
}
/* ---- Fließtext / Listen ---- */
div.eg-legal p{ margin: 0 0 1.25em; }
div.eg-legal ul,
div.eg-legal ol{ margin: 0.4em 0 1.35em; padding-left: 1.5em; }
div.eg-legal li{ margin: 0.5em 0; padding-left: 0.15em; }
div.eg-legal li::marker{ color: #91BCBA; }
div.eg-legal strong{ font-weight: 600; color: #003738; }
div.eg-legal a{
  color: #227874;
  text-decoration: underline;
  text-underline-offset: 2px;
  overflow-wrap: anywhere;
}
div.eg-legal a:hover{ color: #003738; }
div.eg-legal code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.92em;
  background: rgba(34, 120, 116, 0.12);
  padding: 0.12em 0.4em;
  border-radius: 6px;
}
/* ---- ENTWURF-Hinweis – vor Livegang entfernen ---- */
div.eg-legal blockquote,
div.eg-legal .eg-entwurf{
  margin: 0 0 2.4em;
  padding: 16px 20px;
  background: rgba(34, 120, 116, 0.08);
  border-left: 4px solid #91BCBA;
  border-radius: 10px;
  font-size: 0.92em;
  color: #3a4a47;
}
div.eg-legal blockquote p{ margin: 0; }
/* ---- Tabellen ---- */
.eg-legal table{
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 1.3em;
  font-size: 0.95em;
}
.eg-legal th,
.eg-legal td{
  border: 1px solid rgba(0, 55, 56, 0.14);
  padding: 8px 11px;
  text-align: left;
  vertical-align: top;
}
.eg-legal th{
  background: rgba(34, 120, 116, 0.1);
  font-weight: 600;
  color: #003738;
}
/* ---- Trenner ---- */
.eg-legal hr{
  border: 0;
  height: 1px;
  background: rgba(0, 55, 56, 0.12);
  margin: 2.6em 0;
}
/* ---- Responsive ---- */
@media (max-width: 600px){
  .eg-legal{ padding: 16px 14px; line-height: 1.66; }
  .eg-legal h2{ margin-top: 1.7em; }
  .eg-legal table{ display: block; overflow-x: auto; }
}