/* --- Fonts: zuerst --- */
@font-face {
  font-family: 'Open Sans Condensed';
  src: url('/templates/magicpark/Font/OpenSans/OpenSans_Condensed-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/templates/magicpark/Font/OpenSans/OpenSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Crimson Text';
  src: url('/templates/magicpark/Font/Crimson/CrimsonText-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Crimson Text';
  src: url('/templates/magicpark/Font/Crimson/CrimsonText-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* --- dann deine Styles --- */
body {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', Arial, sans-serif;
  background-color: #f3ece6;
}
nav {
  font-family: 'Crimson Text', serif;
  font-weight: 600;
}
h1, h2, h3 {
  font-family: 'Crimson Text', serif;
  font-weight: 600;
}
button, .btn {
  font-family: 'Crimson Text', serif;
  font-weight: 400;
}
.menu, .label, .condensed {
  font-family: 'Open Sans Condensed', Arial, sans-serif;
  font-weight: 400;
}
/* Absatz/Block-Varianten */
.p-font-crimson p, .p-font-crimson { font-family:'Crimson Text', serif; }
.p-font-opensans p, .p-font-opensans { font-family:'Open Sans', Arial, sans-serif; }
.p-font-condensed p, .p-font-condensed { font-family:'Open Sans Condensed', Arial, sans-serif; }

/* Inline-Varianten (für markierten Text) */
.font-crimson { font-family:'Crimson Text', serif; }
.font-opensans { font-family:'Open Sans', Arial, sans-serif; }
.font-condensed { font-family:'Open Sans Condensed', Arial, sans-serif; }

/* Bonus: Gewicht-Shortcuts */
.font-600 { font-weight:600; }