/* =========================================================================
   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.
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,600;1,700;1,800&display=swap');

: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 .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:italic !important;
  font-weight:800 !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:72px !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,.85);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border-bottom:1px solid var(--tgd-line);
  font-family:"Inter",sans-serif;
}
#tgd-gnav .gnav-logo{ display:flex; align-items:center; }
#tgd-gnav .gnav-logo img{ height:30px; width:auto; display:block; }
#tgd-gnav .gnav-links{ display:flex; align-items:center; gap:30px; }
#tgd-gnav .gnav-links a{
  color:var(--tgd-ink); font-size:14px; font-weight:500; font-style:normal;
  text-decoration:none; position:relative; padding:4px 0;
}
#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 var(--tgd-ink); border-radius:100px;
  padding:9px 22px !important; line-height:1.2 !important; text-align:center;
  transition:background .3s,color .3s;
}
#tgd-gnav .gnav-cta span{ display:block; font-size:10px; font-weight:400; opacity:.7; }
#tgd-gnav .gnav-cta:hover{ background:var(--tgd-ink); color:var(--tgd-paper); }

/* 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:var(--tgd-ink);
  border-radius:2px; transition:transform .3s,opacity .3s;
}
#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:var(--tgd-paper); border-bottom:1px solid var(--tgd-line);
    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;
  }
  #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 var(--tgd-line); }
  #tgd-gnav .gnav-links a:not(.gnav-cta)::after{ display:none; }
  #tgd-gnav .gnav-cta{
    margin-top:16px; border:1px solid var(--tgd-ink); border-radius:14px;
    text-align:center; padding:14px;
  }
  #tgd-gnav .gnav-cta span{ font-size:11px; }
  body.tgd-gnav #content{ padding-top:64px !important; }
}

/* =========================================================================
   Audit-Seite (ID 854): Hero-CTA (oeffnet das bestehende Off-Canvas-Formular)
   ========================================================================= */
body.page-id-854 .tgd-audit-cta{ text-align:center; margin:38px 0 8px; }
body.page-id-854 .tgd-audit-btn{
  display:inline-block; background:var(--tgd-violet); color:#fff !important;
  font-weight:700; font-style:normal; font-size:18px; line-height:1;
  padding:19px 42px; border-radius:100px; text-decoration:none !important;
  box-shadow:0 16px 40px -14px rgba(124,77,255,.7);
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;
}
body.page-id-854 .tgd-audit-btn:hover{ transform:translateY(-2px); box-shadow:0 24px 52px -16px rgba(124,77,255,.85); }
body.page-id-854 .tgd-audit-note{ margin-top:15px; font-size:13.5px; color:var(--tgd-ink-soft); }