/*
Theme Name:    WEBASMEDIA Child-Theme
Theme URI:     
Description:   
Author:        WEBASMEDIA
Author URI:    https://webasmedia.de
Template:      astra
Version:       2.0.8
Text Domain:   webasmedia-child
*/

/***********************************************************************
 ***                     Schriftarten festlegen                      ***
 ***********************************************************************/

/* WAM_HEADINGS_START */
h1, h2, h3, h4, h5, h6 {
    font-family: Ubuntu, sans-serif !important;
    font-size: 34px;
    font-weight: 700;
}
/* WAM_HEADINGS_END */

/* WAM_BODY_START */
html, body, div, p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, img, ins, kbd, q, 
s, samp, small, strike, strong, sub, sup, tt, var,
b, u, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 18px;
    font-weight: 400;
}
/* WAM_BODY_END */

/***********************************************************************
 ***                    FontAwesome Einbindung                       ***
 ***********************************************************************/

/* Standard-FontAwesome Icons (Solid) */
.fa, .fas, .fa-solid {
    font-family: var(--fa-style-family,
      'Font Awesome 8 Free','Font Awesome 7 Free','Font Awesome 6 Free','Font Awesome 5 Free'
    ) !important;
    font-weight: var(--fa-style, 900) !important;
}

/* Regular */
.far, .fa-regular {
    font-family: var(--fa-style-family,
      'Font Awesome 8 Free','Font Awesome 7 Free','Font Awesome 6 Free','Font Awesome 5 Free'
    ) !important;
    font-weight: 400 !important;
}

/* Brands */
.fab, .fa-brands {
    font-family: var(--fa-style-family,
      'Font Awesome 8 Brands','Font Awesome 7 Brands','Font Awesome 6 Brands','Font Awesome 5 Brands','Font Awesome Brands'
    ) !important;
    font-weight: 400 !important;
}

/***********************************************************************
 ***        Font Awesome: Farbvererbung (Icons folgen Container)     ***
 ***********************************************************************/
.fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands,
svg.svg-inline--fa { color: inherit; }

svg.svg-inline--fa {
  --fa-primary-color: currentColor;
  --fa-secondary-color: currentColor;
}

/***********************************************************************
 ***                     WAM DESIGN-VARIABLEN                        ***
 ***********************************************************************/
:root{
  /* -------------------- Schriften -------------------- */
  --wam-font-body: 'Open Sans', sans-serif;
  --wam-font-headings: Ubuntu, sans-serif;

  /* -------------------- Typografie ------------------- */
  --wam-text-size: 18px;
  --wam-line-height: 1.6;

  /* -------------------- Farben ----------------------- */
  --wam-color-text: #1f2937;
  --wam-color-primary: #265366;
  --wam-color-accent: #628E3D;
}

/***********************************************************************
 ***                        WAM GRUNDTYPO                             ***
 ***********************************************************************/
body{
  font-family: var(--wam-font-body) !important;
  font-size: var(--wam-text-size);
  line-height: var(--wam-line-height);
  color: var(--wam-color-text);
}

/***********************************************************************
 ***                    WAM HEADINGS RESPONSIVE                      ***
 ***********************************************************************/
h1, h2, h3, h4, h5, h6{
  font-family: var(--wam-font-headings) !important;
  font-weight: 700;
  line-height: 1.2;
  color: inherit;
}

/* überschreibt die fixe 34px-Angabe oben bewusst mit
   responsiven Größen – ohne die alten Regeln zu löschen */
h1{ font-size: clamp(32px, 3.2vw, 44px); }
h2{ font-size: clamp(28px, 2.6vw, 36px); }
h3{ font-size: clamp(24px, 2.1vw, 30px); }
h4{ font-size: clamp(20px, 1.8vw, 24px); }
h5{ font-size: clamp(18px, 1.6vw, 20px); }
h6{ font-size: clamp(16px, 1.4vw, 18px); }

/***********************************************************************
 ***                     WAM ELEMENTOR MAPPING                       ***
 ***********************************************************************/
/* sorgt dafür, dass Elementor-Globals deine Theme-Variablen nutzen.
   In Elementor → Einstellungen: „Standardfarben“ + „Standardschriftarten“
   deaktivieren, CSS-Ausgabe = Externe Dateien. */
:root{
  --e-global-typography-text-font-family: var(--wam-font-body);
  --e-global-typography-text-font-weight: 400;
  --e-global-typography-text-line-height: var(--wam-line-height);

  --e-global-typography-primary-font-family: var(--wam-font-headings);
  --e-global-typography-primary-font-weight: 700;

  --e-global-color-primary: var(--wam-color-primary);
  --e-global-color-accent: var(--wam-color-accent);
  --e-global-color-text: var(--wam-color-text);
}

/***********************************************************************
 ***                  Benutzerdefinierte Aenderungen                 ***
 ***********************************************************************/
 
/* Globales Verhalten: Sanftes Scrollen */
html {
  scroll-behavior: smooth;
}