/* Petit Formal Script - Lokale Font-Definition */
/* Stelle sicher, dass die Schriftdateien im Ordner /fonts/petit-formal-script/ liegen */

/* Petit Formal Script Regular (400) */
@font-face {
  font-family: 'Petit Formal Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Petit Formal Script Regular'), local('PetitFormalScript-Regular'),
       url('../fonts/petit-formal-script/petit-formal-script-v17-latin-regular.woff2') format('woff2');
}

/* CSS-Klasse für einfache Verwendung */
.petit-formal-script {
  font-family: 'Petit Formal Script', cursive;
  font-weight: 400;
  font-style: normal;
}

/* Beispiel-Verwendung für elegante Überschriften */
.elegant-title {
  font-family: 'Petit Formal Script', cursive;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
}

.script-accent {
  font-family: 'Petit Formal Script', cursive;
  font-size: 1.2em;
  color: #666;
}