/* =========================================================
   Tomorrow – Self-hosted (WOFF2)
   Pfadbasis: /includes/templates/bootstrap/fonts/myfont/
   Vorhanden: Regular(400), Italic(400?), SemiBold(600),
              Bold(700), BoldItalic(700i),
              ExtraBold(800), ExtraBoldItalic(800i),
              Black(900), BlackItalic(900i)
   ========================================================= */

/* 400 — Regular */
@font-face{
  font-family: "Manrope";
  src: url("../fonts/myfont/Manrope-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* 400 Italic — falls vorhanden; Dateiname ggf. anpassen */
@font-face{
  font-family: "Manrope";
  src: url("../fonts/myfont/Manrope-Italic.woff2") format("woff2"); /* oder Manrope-RegularItalic.woff2 */
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* 600 — SemiBold */
@font-face{
  font-family: "Manrope";
  src: url("../fonts/myfont/Manrope-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* 700 — Bold */
@font-face{
  font-family: "Manrope";
  src: url("../fonts/myfont/Manrope-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* 700 Italic — BoldItalic */
@font-face{
  font-family: "Manrope";
  src: url("../fonts/myfont/Manrope-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* 800 — ExtraBold */
@font-face{
  font-family: "Manrope";
  src: url("../fonts/myfont/Manrope-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
/* 800 Italic — ExtraBoldItalic */
@font-face{
  font-family: "Manrope";
  src: url("../fonts/myfont/Manrope-ExtraBoldItalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* 900 — Black */
@font-face{
  font-family: "Manrope";
  src: url("../fonts/myfont/Manrope-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* 900 Italic — BlackItalic */
@font-face{
  font-family: "Manrope";
  src: url("../fonts/myfont/Manrope-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* =======================
   Globale Zuordnung
   ======================= */
:root{
  --app-font: "Manrope", system-ui, -apple-system, "Segoe UI",
              Roboto, Helvetica, Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

html{
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Fließtext & Formulare – Regular (400) */
body, p, li, dd, dt, small,
input, textarea, select, button{
  font-family: var(--app-font);
  font-weight: 400;
}

/* Überschriften/Schlüssel-UI – passende Gewichte */
h1{ font-family: var(--app-font); font-weight: 800; }
h2{ font-family: var(--app-font); font-weight: 700; }
h3{ font-family: var(--app-font); font-weight: 700; }
h4{ font-family: var(--app-font); font-weight: 600; }
h5{ font-family: var(--app-font); font-weight: 600; }
h6{ font-family: var(--app-font); font-weight: 600; }

.navbar, .btn, .badge, .pill, .chip,
.card-title, .section-title, .price, .nivo-caption,
.st-title, .st-tab{
  font-family: var(--app-font);
  font-weight: 700;
}

/* Falls irgendwo hart "font-weight: 500" verwendet wurde,
   lässt der Browser ggf. zwischen 400/600 interpolieren. */

/* Icon-Fonts schützen (nicht überschreiben) – nur falls nötig aktivieren */
/*
.fa, .fas, .far, .fal, .fab, [class^="fa-"], [class*=" fa-"]{
  font-family: "Font Awesome 5 Free","Font Awesome 6 Free","Font Awesome 5 Brands","Font Awesome 6 Brands" !important;
}
*/