.elementor-1777 .elementor-element.elementor-element-80548e2{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS *//* =========================================================
   Georgien-Reisen.de – Styling für Blogartikel
   ========================================================= */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&family=Oxygen:wght@400;700&display=swap');

:root{
  --gr-teal:        #146e78;
  --gr-teal-dark:   #0d4f57;
  --gr-teal-light:  #e8f3f3;
  --gr-cream:       #faf6ee;
  --gr-text:        #2b2b2b;
  --gr-text-soft:   #55605f;
  --gr-border:      #e4e2da;
}

/* ---------- Grundgerüst / Lesbarkeit ---------- */

#content h1{
  font-family:"Covered By Your Grace", sans-serif;
  font-weight:400;
  color:#1a1a1a;
  line-height:1.2;
  letter-spacing:0;
  max-width:800px;
  margin:0.2em auto 0.6em;
}

.page-content{
  max-width:740px;
  margin:0 auto;
  font-family:"Oxygen", sans-serif;
  font-size:18px;
  line-height:1.8;
  color:var(--gr-text);
}

.page-content p{
  margin:0 0 1.5em;
}

.page-content > p:first-of-type{
  font-size:1.15em;
  color:var(--gr-text-soft);
}

/* ---------- Überschriften im Artikeltext ---------- */

.page-content h2{
  font-family:"Covered By Your Grace", sans-serif;
  font-weight:400;
  font-size:2em;
  color:var(--gr-teal-dark);
  line-height:1.3;
  margin:1.8em 0 0.7em;
  padding-bottom:0.35em;
  border-bottom:2px solid var(--gr-teal-light);
  scroll-margin-top:120px;
}

.page-content h3{
  font-family:"Covered By Your Grace", sans-serif;
  font-weight:400;
  font-size:1.55em;
  color:#1a1a1a;
  margin:1.6em 0 0.6em;
  scroll-margin-top:120px;
}

/* ---------- Links ---------- */

.page-content a{
  color:var(--gr-teal);
  text-decoration:underline;
  text-decoration-color:rgba(20,110,120,0.35);
  text-underline-offset:3px;
  transition:color 0.15s ease, text-decoration-color 0.15s ease;
}

.page-content a:hover{
  color:var(--gr-teal-dark);
  text-decoration-color:var(--gr-teal-dark);
}

/* Fett formatierte Links im Text als dezente Buttons/CTAs hervorheben */

.page-content strong > a{
  display:inline-block;
  margin-top:0.3em;
  padding:0.55em 1.3em;
  background:var(--gr-teal);
  color:#fff !important;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  box-shadow:0 4px 14px rgba(20,110,120,0.25);
  transition:background 0.15s ease, transform 0.15s ease;
}

.page-content strong > a:hover{
  background:var(--gr-teal-dark);
  transform:translateY(-1px);
}

/* ---------- Listen im Fließtext ---------- */

.page-content ul:not(.key-takeaways ul):not(.table-of-contents ul),
.page-content ol:not(.table-of-contents ol){
  padding-left:1.3em;
  margin:0 0 1.5em;
}

.page-content ul:not(.key-takeaways ul):not(.table-of-contents ul) li,
.page-content ol:not(.table-of-contents ol) li{
  margin-bottom:0.6em;
  padding-left:0.3em;
}

.page-content ul:not(.key-takeaways ul):not(.table-of-contents ul) li::marker{
  color:var(--gr-teal);
}

/* ---------- Key-Takeaways-Box ---------- */

.key-takeaways{
  background:var(--gr-teal-light);
  border-left:4px solid var(--gr-teal);
  border-radius:10px;
  padding:1.6em 1.8em;
  margin:2em 0 2.4em;
}

.key-takeaways h2,
.key-takeaways h3{
  font-family:"Covered By Your Grace", sans-serif;
  font-weight:400;
  font-size:1.5em;
  color:var(--gr-teal-dark);
  border-bottom:none;
  margin:0 0 0.7em;
  padding-bottom:0;
}

.key-takeaways ul{
  list-style:none;
  margin:0;
  padding:0;
}

.key-takeaways li{
  position:relative;
  padding-left:1.7em;
  margin-bottom:0.7em;
  line-height:1.6;
}

.key-takeaways li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0.05em;
  color:#fff;
  background:var(--gr-teal);
  width:1.15em;
  height:1.15em;
  border-radius:50%;
  font-size:0.8em;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* ---------- Inhaltsverzeichnis ---------- */

.table-of-contents{
  background:var(--gr-cream);
  border:1px solid var(--gr-border);
  border-radius:10px;
  padding:1.6em 1.8em;
  margin:0 0 2.4em;
}

.table-of-contents h2,
.table-of-contents h3{
  font-family:"Oxygen", sans-serif;
  font-weight:700;
  font-size:1.05em;
  text-transform:uppercase;
  letter-spacing:0.05em;
  color:var(--gr-text-soft);
  border-bottom:none;
  margin:0 0 0.8em;
  padding-bottom:0;
}

.table-of-contents ul,
.table-of-contents ol{
  list-style:none;
  margin:0;
  padding:0;
  counter-reset:toc;
}

.table-of-contents li{
  counter-increment:toc;
  margin-bottom:0.3em;
}

.table-of-contents li a{
  display:flex;
  align-items:baseline;
  gap:0.6em;
  padding:0.4em 0.5em;
  border-radius:6px;
  text-decoration:none;
  color:var(--gr-text);
  transition:background 0.15s ease, color 0.15s ease, padding-left 0.15s ease;
}

.table-of-contents li a::before{
  content:counter(toc);
  flex:0 0 auto;
  width:1.6em;
  height:1.6em;
  border-radius:50%;
  background:#fff;
  border:1px solid var(--gr-border);
  color:var(--gr-teal);
  font-size:0.8em;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
}

.table-of-contents li a:hover{
  background:var(--gr-teal-light);
  color:var(--gr-teal-dark);
  padding-left:0.8em;
}

/* ---------- Bilder ---------- */

.page-content img{
  display:block;
  max-width:100%;
  height:auto;
  margin:2em auto;
  border-radius:14px;
  box-shadow:0 10px 30px rgba(0,0,0,0.12);
}

/* ---------- Zitate ---------- */

.page-content blockquote{
  margin:2em 0;
  padding:0.4em 1.6em;
  border-left:4px solid var(--gr-teal);
  background:var(--gr-teal-light);
  font-style:italic;
  color:var(--gr-text-soft);
  border-radius:0 8px 8px 0;
}

/* ---------- Tags / "Verschlagwortet" ---------- */

#content a[href*="/tag/"]{
  display:inline-block;
  background:var(--gr-teal-light);
  color:var(--gr-teal-dark);
  padding:0.35em 0.9em;
  margin:0.2em 0.3em 0.2em 0;
  border-radius:999px;
  font-size:0.85em;
  text-decoration:none;
}

#content a[href*="/tag/"]:hover{
  background:var(--gr-teal);
  color:#fff;
}

/* ---------- Mobile ---------- */

@media (max-width:600px){

  #content h1{
    font-size:1.7em;
  }

  .page-content{
    font-size:16.5px;
  }

  .page-content h2{
    font-size:1.6em;
  }

  .page-content h3{
    font-size:1.35em;
  }

  .key-takeaways,
  .table-of-contents{
    padding:1.2em 1.3em;
  }
}/* End custom CSS */