/* ==================================================================== */
/*  fonts.css – lokale Einbindung von Montserrat und Raleway (Variable) */
/*  <link rel="stylesheet" href="/fonts/fonts.css"> */
/* ==================================================================== */

/* 1) Montserrat – normal + italic ------------------------------------ */
@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat/Montserrat-VariableFont_wght.ttf")   format("truetype");
  font-weight: 100 900;   /* komplette Gewichts-Achse */
  font-style:  normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf")   format("truetype");
  font-weight: 100 900;
  font-style:  italic;
  font-display: swap;
}

/* 2) Raleway – normal + italic --------------------------------------- */
@font-face {
  font-family: "Raleway";
  src: url("/fonts/Raleway/Raleway-VariableFont_wght.ttf")   format("truetype");
  font-weight: 100 900;
  font-style:  normal;
  font-display: swap;
}

@font-face {
  font-family: "Raleway";
  src: url("/fonts/Raleway/Raleway-Italic-VariableFont_wght.ttf")   format("truetype");
  font-weight: 100 900;
  font-style:  italic;
  font-display: swap;
}

/* 3) Cinzel – normal --------------------------------------- */
@font-face {
  font-family: "Cinzel";
  src: url("/fonts/Cinzel/Cinzel-VariableFont_wght.ttf")   format("truetype");
  font-weight: 100 900;
  font-style:  normal;
  font-display: swap;
}

/* 4) Cinzel_Decorative – regular, bold, black --------------------------------------- */
@font-face {
  font-family: "Cinzel Decorative";
  src: url("/fonts/Cinzel_Decorative/CinzelDecorative-Regular.ttf")   format("truetype");
  font-weight: 400;
  font-style:  normal;
  font-display: swap;
}

@font-face {
  font-family: "Cinzel Decorative";
  src: url("/fonts/Cinzel_Decorative/CinzelDecorative-Bold.ttf")   format("truetype");
  font-weight: 700;
  font-style:  normal;
  font-display: swap;
}

@font-face {
  font-family: "Cinzel Decorative";
  src: url("/fonts/Cinzel_Decorative/CinzelDecorative-Black.ttf")   format("truetype");
  font-weight: 900;
  font-style:  normal;
  font-display: swap;
}

/* 5) Lora – normal + italic --------------------------------------- */
@font-face {
  font-family: "Lora";
  src: url("/fonts/Lora/Lora-VariableFont_wght.ttf")   format("truetype");
  font-weight: 100 900;
  font-style:  normal;
  font-display: swap;
}

@font-face {
  font-family: "Lora";
  src: url("/fonts/Lora/Lora-Italic-VariableFont_wght.ttf")   format("truetype");
  font-weight: 100 900;
  font-style:  italic;
  font-display: swap;
}

/* 6) Quicksand --------------------------------------- */
@font-face {
  font-family: "Quicksand";
  src: url("/fonts/Quicksand/Quicksand-VariableFont_wght.ttf")   format("truetype");
  font-weight: 100 900;
  font-style:  normal;
  font-display: swap;
}

/* 7) Dancing_Script --------------------------------------- */
@font-face {
  font-family: "Dancing Script";
  src: url("/fonts/Dancing_Script/DancingScript-VariableFont_wght.ttf")   format("truetype");
  font-weight: 100 900;
  font-style:  normal;
  font-display: swap;
}

/* 8) Onest --------------------------------------- */
@font-face {
  font-family: "Onest";
  src: url("/fonts/Onest/Onest-VariableFont_wght.ttf")   format("truetype");
  font-weight: 100 900;
  font-style:  normal;
  font-display: swap;
}

/* 9) Allura --------------------------------------- */
@font-face {
  font-family: "Allura";
  src: url("/fonts/Allura/Allura-Regular.ttf")   format("truetype");
  font-weight: 100 900;
  font-style:  normal;
  font-display: swap;
}

/* 10) Hanken_Grotesk – normal + italic ------------------------------------ */
@font-face {
  font-family: "Hanken Grotesk";
  src: url("/fonts/Hanken_Grotesk/HankenGrotesk-VariableFont_wght.ttf")   format("truetype");
  font-weight: 100 900;   /* komplette Gewichts-Achse */
  font-style:  normal;
  font-display: swap;
}

@font-face {
  font-family: "Hanken Grotesk";
  src: url("/fonts/Hanken_Grotesk/HankenGrotesk-Italic-VariableFont_wght.ttf")   format("truetype");
  font-weight: 100 900;
  font-style:  italic;
  font-display: swap;
}

/* 11) Bebas_Neue --------------------------------------- */
@font-face {
  font-family: "Bebas Neue";
  src: url("/fonts/Bebas_Neue/BebasNeue-Regular.ttf")   format("truetype");
  font-weight: 100 900;
  font-style:  normal;
  font-display: swap;
}

/* 12) Barlow ------------------------------------ */
@font-face {
  font-family: "Barlow";
  src: url("/fonts/Barlow/Barlow-Medium.ttf")   format("truetype");
  font-weight: 500;          /* exakter Wert, kein Bereich! */
  font-style:  normal;
  font-display: swap;
}

@font-face {
  font-family: "Barlow";
  src: url("/fonts/Barlow/Barlow-SemiBold.ttf")   format("truetype");
  font-weight: 600;          /* exakter Wert, kein Bereich! */
  font-style:  normal;
  font-display: swap;
}

/* 13) League_Gothic ------------------------------------ */
@font-face {
  font-family: "League Gothic";
  src: url("/fonts/League_Gothic/LeagueGothic-Regular-VariableFont_wdth.ttf")   format("truetype");
  font-weight: 100 900;   /* komplette Gewichts-Achse */
  font-style:  normal;
  font-display: swap;
}

/* 14) Satisfy ------------------------------------ */
@font-face {
  font-family: "Satisfy";
  src: url("/fonts/Satisfy/Satisfy-Regular.ttf")   format("truetype");
  font-weight: 100 900;   /* komplette Gewichts-Achse */
  font-style:  normal;
  font-display: swap;
}

/* 15) Playfair_Display – normal + italic ------------------------------------ */
@font-face {
  font-family: "Playfair Display";
  src: url("/fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.ttf")   format("truetype");
  font-weight: 100 900;   /* komplette Gewichts-Achse */
  font-style:  normal;
  font-display: swap;
}

@font-face {
  font-family: "Playfair Display";
  src: url("/fonts/Playfair_Display/PlayfairDisplay-Italic-VariableFont_wght.ttf")   format("truetype");
  font-weight: 100 900;
  font-style:  italic;
  font-display: swap;
}

/* 15) ABeeZee – normal + italic ------------------------------------ */
@font-face {
  font-family: "ABeeZee";
  src: url("/fonts/ABeeZee/ABeeZee-Regular.ttf")   format("truetype");
  font-weight: 100 900;   /* komplette Gewichts-Achse */
  font-style:  normal;
  font-display: swap;
}

@font-face {
  font-family: "ABeeZee";
  src: url("/fonts/ABeeZee/ABeeZee-Italic.ttf")   format("truetype");
  font-weight: 100 900;
  font-style:  italic;
  font-display: swap;
}

/* 16) Sprectral – normal + italic ------------------------------------ */
.spectral-extralight {
  font-family: "Spectral", serif;
  src: url("/fonts/Spectral/Spectral-ExtraLight.ttf")   format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

.spectral-light {
  font-family: "Spectral", serif;
  src: url("/fonts/Spectral/Spectral-Light.ttf")   format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

.spectral-regular {
  font-family: "Spectral", serif;
  src: url("/fonts/Spectral/Spectral-Regular.ttf")   format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.spectral-medium {
  font-family: "Spectral", serif;
  src: url("/fonts/Spectral/Spectral-Medium.ttf")   format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

.spectral-semibold {
  font-family: "Spectral", serif;
  src: url("/fonts/Spectral/Spectral-SemiBold.ttf")   format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

.spectral-bold {
  font-family: "Spectral", serif;
  src: url("/fonts/Spectral/Spectral-Bold.ttf")   format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.spectral-extrabold {
  font-family: "Spectral", serif;
  src: url("/fonts/Spectral/Spectral-ExtraBold.ttf")   format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

.spectral-extralight-italic {
  font-family: "Spectral", serif;
  src: url("/fonts/Spectral/Spectral-ExtraLightItalic.ttf")   format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

.spectral-light-italic {
  font-family: "Spectral", serif;
  src: url("/fonts/Spectral/Spectral-LightItalic.ttf")   format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

.spectral-regular-italic {
  font-family: "Spectral", serif;
  src: url("/fonts/Spectral/Spectral-Italic.ttf")   format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

.spectral-medium-italic {
  font-family: "Spectral", serif;
  src: url("/fonts/Spectral/Spectral-MediumItalic.ttf")   format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

.spectral-semibold-italic {
  font-family: "Spectral", serif;
  src: url("/fonts/Spectral/Spectral-SemiBoldItalic.ttf")   format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

.spectral-bold-italic {
  font-family: "Spectral", serif;
  src: url("/fonts/Spectral/Spectral-BoldItalic.ttf")   format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

.spectral-extrabold-italic {
  font-family: "Spectral", serif;
  src: url("/fonts/Spectral/Spectral-ExtraBoldItalic.ttf")   format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}


/* ==================================================================== */
/*  Ende fonts.css                                                      */
/* ==================================================================== */