/* =========================================================================
   TGD Global Relaunch Design — reskint die gesamte Avada-Site auf die
   neue Design-Sprache der Startseite (Variant D).
   Wird site-weit ueber das mu-plugin tgd-global.php geladen.
   ========================================================================= */

:root{
  --tgd-paper:#FBFAF8; --tgd-paper2:#F4F1EC; --tgd-ink:#171320; --tgd-ink-soft:#6B6575;
  --tgd-violet:#7C4DFF; --tgd-violet-deep:#5B34D6; --tgd-line:rgba(23,19,32,.12);
}

/* ---- Hintergrund + Basis ---- */
html body.tgd-gnav,
body.tgd-gnav #wrapper,
body.tgd-gnav #boxed-wrapper,
body.tgd-gnav #main,
body.tgd-gnav .fusion-body{ background-color:var(--tgd-paper) !important; }
body.tgd-gnav{ color:var(--tgd-ink); font-family:"Inter",sans-serif; }

/* ---- Ueberschriften: Inter Italic Bold, ink, enger ---- */
body.tgd-gnav #content .fusion-title-heading,
body.tgd-gnav #content h1,
body.tgd-gnav #content h2,
body.tgd-gnav #content h3{
  font-family:"Inter",sans-serif !important;
  font-style:normal !important;
  font-weight:700 !important;
  letter-spacing:-.02em !important;
  color:var(--tgd-ink) !important;
}
/* violette Akzent-Headings sichtbar lassen (Avada faerbt manche lila) */
body.tgd-gnav .fusion-title-heading[style*="7C4DFF"],
body.tgd-gnav .fusion-title-heading .fusion-highlight{ color:var(--tgd-violet) !important; }

/* ---- Buttons: Pill im D-Stil ---- */
body.tgd-gnav .fusion-button,
body.tgd-gnav .fusion-button.button-default,
body.tgd-gnav .fusion-button.button-large,
body.tgd-gnav .fusion-button.button-small{
  border-radius:100px !important;
  background:var(--tgd-violet) !important;
  background-image:none !important;
  border:1px solid var(--tgd-violet) !important;
  color:#fff !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  font-weight:600 !important;
  font-style:normal !important;
  padding:14px 28px !important;
  box-shadow:0 12px 30px -12px rgba(124,77,255,.6);
  transition:transform .3s var(--tgd-ease,cubic-bezier(.22,1,.36,1)),box-shadow .3s;
}
body.tgd-gnav .fusion-button:hover{ transform:translateY(-2px); box-shadow:0 18px 40px -14px rgba(124,77,255,.7); }
body.tgd-gnav .fusion-button .fusion-button-text{ text-transform:none !important; }

/* ---- Links im Content: violett, kein Avada-Unterstrich ---- */
body.tgd-gnav #content a:not(.fusion-button):not(.button):not(.fusion-column-anchor){
  color:var(--tgd-violet); text-decoration:none;
}
body.tgd-gnav #content a:not(.fusion-button):not(.button):hover{ text-decoration:underline; }

/* ---- Karten/Spalten: sanfte Rundung + Linien ---- */
body.tgd-gnav .fusion-column-wrapper{ border-radius:18px; }

/* =========================================================================
   Avada-Header global ausblenden — die D-Nav ersetzt ihn
   ========================================================================= */
body.tgd-gnav .fusion-tb-header,
body.tgd-gnav #header--global,
body.tgd-gnav .fusion-header-wrapper,
body.tgd-gnav .fusion-secondary-header,
body.tgd-gnav .fusion-sticky-header-wrapper{ display:none !important; }
body.tgd-gnav .fusion-sticky-spacer,
body.tgd-gnav .fusion-header-space{ display:none !important; height:0 !important; }

/* Offset fuer die fixe D-Nav (nur EINMAL auf #content; Vollflaechen-Heros
   ziehen sich per JS randlos unter die Nav) */
body.tgd-gnav #content{ padding-top:82px !important; }

/* =========================================================================
   Globale D-Nav (#tgd-gnav) — wird per mu-plugin ausgegeben
   ========================================================================= */
#tgd-gnav{
  position:fixed; top:0; left:0; right:0; z-index:99990;
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 40px;
  background:rgba(251,250,248,.88);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border-bottom:1px solid var(--tgd-line);
  font-family:"Inter",sans-serif;
}
html.tgd-dark #tgd-gnav{ background:rgba(7,5,9,.86); border-bottom-color:rgba(242,239,248,.14); }
#tgd-gnav .gnav-logo{ display:flex; align-items:center; }
#tgd-gnav .gnav-logo img{ height:46px; width:auto; display:block; transition:height .35s cubic-bezier(.22,1,.36,1); }
#tgd-gnav.scrolled .gnav-logo img{ height:34px; }
#tgd-gnav{ transition:padding .35s cubic-bezier(.22,1,.36,1), background .3s; }
#tgd-gnav.scrolled{ padding-top:10px; padding-bottom:10px; }
/* Logo-Datei ist SCHWARZ (fuer hellen Grund) — im DUNKLEN Modus invertieren (weiss auf dunkel) */
html.tgd-dark #tgd-gnav .gnav-logo img{ filter:invert(1) hue-rotate(180deg); }
#tgd-gnav .gnav-links{ display:flex; align-items:center; gap:30px; margin-left:auto; }
#tgd-gnav > .gnav-tgl{ margin-left:26px; }
#tgd-gnav .gnav-links a{
  color:#171320; font-size:14px; font-weight:500; font-style:normal;
  text-decoration:none; position:relative; padding:4px 0;
}
html.tgd-dark #tgd-gnav .gnav-links a{ color:#F2EFF8; }
/* Theme-Toggle-Knopf */
#tgd-gnav .gnav-tgl{
  width:36px; height:36px; border-radius:50%; border:1px solid rgba(23,19,32,.22);
  background:transparent; color:#171320; font-size:15px; line-height:1;
  display:flex; align-items:center; justify-content:center; cursor:pointer; flex:none;
  transition:border-color .3s, transform .3s;
}
#tgd-gnav .gnav-tgl:hover{ border-color:#7C4DFF; transform:rotate(15deg); }
html.tgd-dark #tgd-gnav .gnav-tgl{ border-color:rgba(242,239,248,.3); color:#F2EFF8; }
#tgd-gnav .gnav-links a:not(.gnav-cta)::after{
  content:""; position:absolute; left:0; bottom:0; height:1.5px; width:0;
  background:var(--tgd-violet); transition:width .3s cubic-bezier(.22,1,.36,1);
}
#tgd-gnav .gnav-links a:not(.gnav-cta):hover::after{ width:100%; }
#tgd-gnav .gnav-links a.gnav-cta{
  border:1px solid #171320; border-radius:10px;
  padding:9px 22px !important; line-height:1.2 !important; text-align:center;
  text-transform:uppercase; font-size:11.5px !important; letter-spacing:.1em; font-weight:600;
  transition:background .3s,color .3s,border-color .3s;
}
html.tgd-dark #tgd-gnav .gnav-links a.gnav-cta{ border-color:#F2EFF8; }
#tgd-gnav .gnav-cta span{ display:block; font-size:10px; font-weight:400; opacity:.7; text-transform:none; letter-spacing:0; }
#tgd-gnav .gnav-cta:hover{ background:#7C4DFF; color:#fff !important; border-color:#7C4DFF; }

/* Hamburger (nur mobil sichtbar) */
#tgd-gnav .gnav-burger{
  display:none; background:none; border:0; cursor:pointer;
  width:42px; height:42px; padding:10px;
  flex-direction:column; justify-content:center; gap:5px;
}
#tgd-gnav .gnav-burger span{
  display:block; height:2px; width:22px; background:#171320;
  border-radius:2px; transition:transform .3s,opacity .3s;
}
html.tgd-dark #tgd-gnav .gnav-burger span{ background:#F2EFF8; }
#tgd-gnav.open .gnav-burger span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
#tgd-gnav.open .gnav-burger span:nth-child(2){ opacity:0; }
#tgd-gnav.open .gnav-burger span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

@media(max-width:820px){
  #tgd-gnav{ padding:12px 20px; }
  #tgd-gnav .gnav-burger{ display:flex; }
  #tgd-gnav .gnav-links{
    position:absolute; top:100%; left:0; right:0;
    flex-direction:column; align-items:stretch; gap:0;
    background:#FFFFFF; border-bottom:1px solid rgba(23,19,32,.12);
    box-shadow:0 24px 44px -22px rgba(23,19,32,.3);
    padding:6px 20px 20px;
    max-height:0; overflow:hidden; opacity:0; pointer-events:none;
    transition:max-height .35s ease,opacity .25s ease;
  }
  html.tgd-dark #tgd-gnav .gnav-links{ background:#0B0812; border-bottom-color:rgba(242,239,248,.12); }
  #tgd-gnav.open .gnav-links{ max-height:82vh; opacity:1; pointer-events:auto; }
  #tgd-gnav .gnav-links a{ padding:15px 2px; font-size:16px; border-bottom:1px solid rgba(23,19,32,.1); }
  html.tgd-dark #tgd-gnav .gnav-links a{ border-bottom-color:rgba(242,239,248,.1); }
  #tgd-gnav .gnav-links a:not(.gnav-cta)::after{ display:none; }
  #tgd-gnav .gnav-cta{
    margin-top:16px; border-radius:12px;
    text-align:center; padding:14px;
  }
  #tgd-gnav > .gnav-tgl{ margin-left:auto; margin-right:6px; width:34px; height:34px; }
  #tgd-gnav .gnav-cta span{ font-size:11px; }
  body.tgd-gnav #content{ padding-top:74px !important; }
}

/* =========================================================================
   Blog-Einzelbeitrag (native Roh-HTML-Posts): lesbare, zentrierte Spalte.
   Trifft nur DIREKTE Kinder von .post-content -> Fusion-Builder-Posts
   (Inhalt in .fusion-*-Containern) bleiben unberuehrt.
   ========================================================================= */
body.single.tgd-gnav .post-content > p,
body.single.tgd-gnav .post-content > h2,
body.single.tgd-gnav .post-content > h3,
body.single.tgd-gnav .post-content > h4,
body.single.tgd-gnav .post-content > ul,
body.single.tgd-gnav .post-content > ol,
body.single.tgd-gnav .post-content > blockquote,
body.single.tgd-gnav .post-content > figure,
body.single.tgd-gnav .post-content > .tgd-post-cta{
  max-width:760px; margin-left:auto; margin-right:auto;
}
body.single.tgd-gnav .post-content > p,
body.single.tgd-gnav .post-content > ul,
body.single.tgd-gnav .post-content > ol{ font-size:18px; line-height:1.78; }
body.single.tgd-gnav .post-content > h2{ margin-top:1.7em; margin-bottom:.35em; }
body.single.tgd-gnav .post-content > h3{ margin-top:1.3em; margin-bottom:.25em; }
body.single.tgd-gnav .post-content > ul,
body.single.tgd-gnav .post-content > ol{ padding-left:22px; }
body.single.tgd-gnav .post-content > ul li,
body.single.tgd-gnav .post-content > ol li{ margin-bottom:.5em; }

/* =========================================================================
   Theme-Modi seit 2026-07-20: HELL ist Default, DUNKEL via html.tgd-dark
   (Toggle im Header; Start = prefers-color-scheme; localStorage 'tgd-theme').
   body.tgd-native (mu-plugin) markiert dark-faehige Seiten: Front, tgd_block-
   Seiten, native Posts, 404. Fusion-Altseiten bleiben in BEIDEN Modi hell.
   ========================================================================= */
html.tgd-dark body.tgd-native,
html.tgd-dark body.tgd-native #wrapper,
html.tgd-dark body.tgd-native #boxed-wrapper,
html.tgd-dark body.tgd-native #main,
html.tgd-dark body.tgd-native .fusion-body{ background-color:#070509 !important; }
html.tgd-dark body.tgd-native #content h1,
html.tgd-dark body.tgd-native #content h2,
html.tgd-dark body.tgd-native #content h3{ color:#F2EFF8 !important; }
html.tgd-dark body.tgd-native #content a:not(.fusion-button):not(.button):not(.fusion-column-anchor):not(.btn){ color:#A98CFF; }
/* Blog-Lesespalte (native Posts) */
html.tgd-dark body.tgd-native.single .post-content{ color:#D9D5E2; }
html.tgd-dark body.tgd-native.single .post-content > p,
html.tgd-dark body.tgd-native.single .post-content > ul,
html.tgd-dark body.tgd-native.single .post-content > ol,
html.tgd-dark body.tgd-native.single .post-content > blockquote{ color:#D9D5E2; }
/* Avada-Footer auf dunklen Seiten andocken */
html.tgd-dark body.tgd-native .fusion-tb-footer,
html.tgd-dark body.tgd-native .fusion-tb-footer .fusion-fullwidth{ background-color:#070509 !important; background-image:none !important; }
html.tgd-dark body.tgd-native .fusion-tb-footer *{ color:#8F8A9C !important; }
html.tgd-dark body.tgd-native .fusion-tb-footer .fusion-button,
html.tgd-dark body.tgd-native .fusion-tb-footer .fusion-button *{ color:#fff !important; }
html.tgd-dark body.tgd-native .fusion-tb-footer .fusion-title-heading,
html.tgd-dark body.tgd-native .fusion-tb-footer .fusion-title-heading *,
html.tgd-dark body.tgd-native .fusion-tb-footer h1,html.tgd-dark body.tgd-native .fusion-tb-footer h1 *,
html.tgd-dark body.tgd-native .fusion-tb-footer h2,html.tgd-dark body.tgd-native .fusion-tb-footer h2 *,
html.tgd-dark body.tgd-native .fusion-tb-footer h3,html.tgd-dark body.tgd-native .fusion-tb-footer h3 *,
html.tgd-dark body.tgd-native .fusion-tb-footer h4,html.tgd-dark body.tgd-native .fusion-tb-footer h4 *{ color:#F2EFF8 !important; }
html.tgd-dark body.tgd-native .fusion-tb-footer a{ color:#C0AFFF !important; }
/* Weisse Kontrast-Karten: Innenfarben in beiden Modi hell */
html.tgd-dark body.tgd-native #content .form h3{ color:#171320 !important; }
html.tgd-dark body.tgd-native #content .form a{ color:#5B34D6 !important; }
/* Footer-Newsletter-Box (#222-Flaeche) — Headings hell, egal welcher Modus */
html body.tgd-gnav .fusion-tb-footer .fusion-fullwidth[style*="background-color:#222"] .fusion-title-heading,
html body.tgd-gnav .fusion-tb-footer .fusion-fullwidth[style*="background-color:#222"] .fusion-title-heading em,
html body.tgd-gnav .fusion-tb-footer .fusion-fullwidth[style*="rgb(34"] .fusion-title-heading{ color:#F2EFF8 !important; }
/* tgd-np-Bloecke folgen ihren eigenen Vars — Avada-Reskin-Heading-Regel neutralisieren */
html body.tgd-gnav #content .tgd-np h1,
html body.tgd-gnav #content .tgd-np h2,
html body.tgd-gnav #content .tgd-np h3{ color:var(--ink,#171320) !important; }
html body.tgd-gnav #content .tgd-np .form h3{ color:#171320 !important; }
/* Blog-Meta (injizierte Kategorie/Datum-Zeile, inline #7C4DFF) im Dunkeln aufhellen */
html.tgd-dark body.tgd-native .tgd-post-head > div:first-child{ color:#A98CFF !important; }
/* Microdata-Zeile: hell #5B34D6, dunkel #C0AFFF */
html body.tgd-gnav #the-microdata,
html body.tgd-gnav #the-microdata a,
html body.tgd-gnav #the-microdata a span{ color:#5B34D6 !important; }
html.tgd-dark body.tgd-native #the-microdata,
html.tgd-dark body.tgd-native #the-microdata a,
html.tgd-dark body.tgd-native #the-microdata a span{ color:#C0AFFF !important; }
/* Barrierefreiheit-Altseite (1692): Bestands-Kontraste nachschaerfen */
body.page-id-1692 #content i,
body.page-id-1692 #content em,
body.page-id-1692 #content strong{ color:#5B34D6; }
/* TOC- und Fliesstext-Links: Avada-Violett #7C4DFF ist auf Weiss nur 3.97:1 */
body.page-id-1692 #content a:not(.fusion-button){ color:#5B34D6; }
body.page-id-1692 .barrier__tab{ color:#4A4458 !important; }
/* Footer-Credit-Link (einzigartiges Doppel-Schema-href) auf dunkler Copyright-Flaeche */
body.page-id-1692 #content b{ color:#5B34D6; }
/* Kaputter Credit-Link (Doppel-Schema-href) liegt auf der konstant dunklen #222-Box —
   helles Violett in BEIDEN Modi, auch auf der Startseite (kein tgd-gnav dort) */
html body .fusion-tb-footer a[href^="http://http"]{ color:#C0AFFF !important; }
body.page-id-1692 .fusion-countdown:not([data-tgd]) *{ color:#C4006F !important; }
/* Herz-Like-Widget: Zaehler war #ff0a91 auf hellem Content (3.5:1) */
body.page-id-1692 #the_heart_counter{ color:#C4006F !important; }