/* Outfit - 100 Thin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('fonts/Outfit-Thin.ttf') format('truetype');
}

/* Outfit - 200 ExtraLight */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('fonts/Outfit-ExtraLight.ttf') format('truetype');
}

/* Outfit - 300 Light */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/Outfit-Light.woff2') format('woff2'),
    url('fonts/Outfit-Light.otf') format('opentype'),
    url('fonts/Outfit-Light.ttf') format('truetype');
}

/* Outfit - 400 Regular */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/Outfit-Regular.woff2') format('woff2'),
    url('fonts/Outfit-Regular.otf') format('opentype'),
    url('fonts/Outfit-Regular.ttf') format('truetype');
}

/* Outfit - 500 Medium */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/Outfit-Medium.ttf') format('truetype');
}

/* Outfit - 600 SemiBold */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/Outfit-SemiBold.ttf') format('truetype');
}

/* Outfit - 700 Bold */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/Outfit-Bold.woff2') format('woff2'),
    url('fonts/Outfit-Bold.otf') format('opentype'),
    url('fonts/Outfit-Bold.ttf') format('truetype');
}

/* Outfit - 800 ExtraBold */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('fonts/Outfit-ExtraBold.ttf') format('truetype');
}

/* Outfit - 900 Black */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('fonts/Outfit-Black.ttf') format('truetype');
}

/* Cantata One */
@font-face {
  font-family: 'Cantata One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/CantataOne-Regular.ttf') format('truetype');
}

/* Caveat - Variable Font (400-700) - bevorzugt */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/Caveat-VariableFont_wght.ttf') format('truetype-variations');
}

/* Caveat - 400 Regular (statischer Fallback) */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/Caveat-Regular.ttf') format('truetype');
}

/* Caveat - 500 Medium (statischer Fallback) */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/Caveat-Medium.ttf') format('truetype');
}

/* Caveat - 600 SemiBold (statischer Fallback) */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/Caveat-SemiBold.ttf') format('truetype');
}

/* Caveat - 700 Bold (statischer Fallback) */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/Caveat-Bold.ttf') format('truetype');
}

/* Open Sans - Variable Font (normal style) - bevorzugt */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url('fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype-variations');
}

/* Open Sans - Variable Font (italic style) - bevorzugt */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url('fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype-variations');
}

/* Open Sans - 300 Light (statischer Fallback) */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/OpenSans-Light.ttf') format('truetype');
}

/* Open Sans - 300 Light Italic (statischer Fallback) */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/OpenSans-LightItalic.ttf') format('truetype');
}

/* Open Sans - 400 Regular (statischer Fallback) */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/OpenSans-Regular.ttf') format('truetype');
}

/* Open Sans - 400 Italic (statischer Fallback) */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/OpenSans-Italic.ttf') format('truetype');
}

/* Open Sans - 500 Medium (statischer Fallback) */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/OpenSans-Medium.ttf') format('truetype');
}

/* Open Sans - 500 Medium Italic (statischer Fallback) */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/OpenSans-MediumItalic.ttf') format('truetype');
}

/* Open Sans - 600 SemiBold (statischer Fallback) */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/OpenSans-SemiBold.ttf') format('truetype');
}

/* Open Sans - 600 SemiBold Italic (statischer Fallback) */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/OpenSans-SemiBoldItalic.ttf') format('truetype');
}

/* Open Sans - 700 Bold (statischer Fallback) */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/OpenSans-Bold.ttf') format('truetype');
}

/* Open Sans - 700 Bold Italic (statischer Fallback) */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/OpenSans-BoldItalic.ttf') format('truetype');
}

/* Open Sans - 800 ExtraBold (statischer Fallback) */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('fonts/OpenSans-ExtraBold.ttf') format('truetype');
}

/* Open Sans - 800 ExtraBold Italic (statischer Fallback) */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype');
}

/* Londrina Shadow */
@font-face {
  font-family: 'Londrina Shadow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/LondrinaShadow-Regular.ttf') format('truetype');
}

/* Frank Ruhl Libre - Variable Font (300-900) - bevorzugt */
@font-face {
  font-family: 'Frank Ruhl Libre';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('fonts/FrankRuhlLibre-VariableFont_wght.ttf') format('truetype-variations');
}

/* Frank Ruhl Libre - 300 Light (statischer Fallback) */
@font-face {
  font-family: 'Frank Ruhl Libre';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/FrankRuhlLibre-Light.ttf') format('truetype');
}

/* Frank Ruhl Libre - 400 Regular (statischer Fallback) */
@font-face {
  font-family: 'Frank Ruhl Libre';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/FrankRuhlLibre-Regular.ttf') format('truetype');
}

/* Frank Ruhl Libre - 500 Medium (statischer Fallback) */
@font-face {
  font-family: 'Frank Ruhl Libre';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/FrankRuhlLibre-Medium.ttf') format('truetype');
}

/* Frank Ruhl Libre - 600 SemiBold (statischer Fallback) */
@font-face {
  font-family: 'Frank Ruhl Libre';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/FrankRuhlLibre-SemiBold.ttf') format('truetype');
}

/* Frank Ruhl Libre - 700 Bold (statischer Fallback) */
@font-face {
  font-family: 'Frank Ruhl Libre';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/FrankRuhlLibre-Bold.ttf') format('truetype');
}

/* Frank Ruhl Libre - 800 ExtraBold (statischer Fallback) */
@font-face {
  font-family: 'Frank Ruhl Libre';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('fonts/FrankRuhlLibre-ExtraBold.ttf') format('truetype');
}

/* Frank Ruhl Libre - 900 Black (statischer Fallback) */
@font-face {
  font-family: 'Frank Ruhl Libre';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('fonts/FrankRuhlLibre-Black.ttf') format('truetype');
}