/*
 Theme Name:    Child für Divi
 Theme URI:      https://slydingeldein.de/websites
 Description:    Child Theme for Divi Theme by Sly Dingeldein
 Author:         Sly Dingeldein
 Author URI:     https://slydingelein.de
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

 /* Vertikales Zentrieren von Elementen */

.vertikal-zentrieren {
display: flex;
flex-direction: column;
justify-content: center;
}


html, body {
    overflow-x: hidden;
}


.mce-top-part {
    position: sticky!important;
    top: -60px;
}

/* eb-garamond-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/eb-garamond-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* eb-garamond-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/eb-garamond-v32-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* eb-garamond-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/eb-garamond-v32-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* eb-garamond-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/eb-garamond-v32-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* eb-garamond-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/eb-garamond-v32-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* eb-garamond-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 600;
  src: url('/fonts/eb-garamond-v32-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* eb-garamond-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/eb-garamond-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* eb-garamond-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/eb-garamond-v32-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* eb-garamond-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/eb-garamond-v32-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* eb-garamond-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 800;
  src: url('/fonts/eb-garamond-v32-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/nunito-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/nunito-v32-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/nunito-v32-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/nunito-v32-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/nunito-v32-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/nunito-v32-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/nunito-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/nunito-v32-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/nunito-v32-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/nunito-v32-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/nunito-v32-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


h5,h6,h4,h1,h2,h3,title { font-family: 'EB Garamond'; } 
 
body { font-family: 'Nunito'; } 


/* ==========================================================
   BLOG CONTENT – TYPO & SPACING SYSTEM (Divi Theme Builder)
   Classic Editor (TinyMCE) – robust gegen Divi Presets
   Gilt nur für einzelne Blogbeiträge (single-post)
   ========================================================== */

/* 1) Grundwerte zentral steuern */
body.single-post .et_pb_post_content,
body.single-post .entry-content,
body.single-post .et_pb_text_inner {

  /* Fließtext */
  --p-font-size: 18px;
  --p-line: 1.8;

  /* Abstände */
  --p-space: 1.15em;         /* Abstand zwischen Absätzen */
  --h2-top: 1.6em;
  --h2-bottom: 0.15em;       /* H2 → Text */
  --h3-top: 1.1em;
  --h3-bottom: 0.4em;        /* H3 → Text */
  --h4-top: 1.2em;
  --h4-bottom: 0.55em;

  /* Überschriften-Größen (relativ zu Fließtext) */
  --h2-size: 2.0em;
  --h3-size: 1.55em;
  --h4-size: 1.25em;
  --h5-size: 1.1em;
  --h6-size: 1.0em;
}

/* 2) Fließtext & Absätze */
body.single-post .et_pb_post_content p,
body.single-post .entry-content p,
body.single-post .et_pb_text_inner p {
  font-size: var(--p-font-size) !important;
  line-height: var(--p-line) !important;
  margin: 0 0 var(--p-space) !important;
}

/* 3) Überschriften: logisch, konsistent, H2 > H3 */
body.single-post .et_pb_post_content h2,
body.single-post .entry-content h2,
body.single-post .et_pb_text_inner h2 {
  font-size: var(--h2-size) !important;
  line-height: 1.25 !important;
  margin: var(--h2-top) 0 var(--h2-bottom) !important;
}

body.single-post .et_pb_post_content h3,
body.single-post .entry-content h3,
body.single-post .et_pb_text_inner h3 {
  font-size: var(--h3-size) !important;
  line-height: 1.3 !important;
  margin: var(--h3-top) 0 var(--h3-bottom) !important;
}

body.single-post .et_pb_post_content h4,
body.single-post .entry-content h4,
body.single-post .et_pb_text_inner h4 {
  font-size: var(--h4-size) !important;
  line-height: 1.3 !important;
  margin: var(--h4-top) 0 var(--h4-bottom) !important;
}

body.single-post .et_pb_post_content h5,
body.single-post .entry-content h5,
body.single-post .et_pb_text_inner h5 {
  font-size: var(--h5-size) !important;
  line-height: 1.3 !important;
  margin: 1.1em 0 0.5em !important;
}

body.single-post .et_pb_post_content h6,
body.single-post .entry-content h6,
body.single-post .et_pb_text_inner h6 {
  font-size: var(--h6-size) !important;
  line-height: 1.3 !important;
  margin: 1.0em 0 0.45em !important;
}

/* 4) Der häufigste Übeltäter:
      Abstand kommt NICHT von der Überschrift, sondern vom Element danach
      → Wir nehmen dem Folge-Element den margin-top weg */
body.single-post .et_pb_post_content h2 + *,
body.single-post .entry-content h2 + *,
body.single-post .et_pb_text_inner h2 + *,
body.single-post .et_pb_post_content h3 + *,
body.single-post .entry-content h3 + *,
body.single-post .et_pb_text_inner h3 + *,
body.single-post .et_pb_post_content h4 + *,
body.single-post .entry-content h4 + *,
body.single-post .et_pb_text_inner h4 + * {
  margin-top: 0 !important;
}

/* 5) Listen sauber */
body.single-post .et_pb_post_content ul,
body.single-post .et_pb_post_content ol,
body.single-post .entry-content ul,
body.single-post .entry-content ol,
body.single-post .et_pb_text_inner ul,
body.single-post .et_pb_text_inner ol {
  margin: 0 0 1.1em 1.2em !important;
  padding: 0 !important;
  line-height: var(--p-line) !important;
}

body.single-post .et_pb_post_content li,
body.single-post .entry-content li,
body.single-post .et_pb_text_inner li {
  margin: 0.35em 0 !important;
}

/* 6) Blockquote / Trennlinien / Bilder */
body.single-post .et_pb_post_content blockquote,
body.single-post .entry-content blockquote,
body.single-post .et_pb_text_inner blockquote {
  margin: 1.2em 0 !important;
  padding: 0.4em 1em !important;
}

body.single-post .et_pb_post_content hr,
body.single-post .entry-content hr,
body.single-post .et_pb_text_inner hr {
  margin: 1.6em 0 !important;
}

body.single-post .et_pb_post_content figure,
body.single-post .entry-content figure,
body.single-post .et_pb_text_inner figure,
body.single-post .et_pb_post_content .wp-caption,
body.single-post .entry-content .wp-caption {
  margin: 1.2em 0 !important;
}

/* 7) “Fake-Überschrift”: Absatz wurde nur fett/größer gemacht
      -> wir verhindern, dass dadurch absurdes Spacing entsteht.
      (Wir lassen es wie normalen Text wirken, statt es zu "bestrafen") */
body.single-post .et_pb_post_content p strong:only-child,
body.single-post .entry-content p strong:only-child,
body.single-post .et_pb_text_inner p strong:only-child {
  display: inline;
}

/* 8) Letztes Element nicht künstlich nach unten ziehen */
body.single-post .et_pb_post_content > *:last-child,
body.single-post .entry-content > *:last-child,
body.single-post .et_pb_text_inner > *:last-child {
  margin-bottom: 0 !important;
}