@import "tailwindcss";

@theme {
  --color-primary: #8a041f;
  --color-dark: #2e2e2e;

  --font-family-base: "Montserrat", sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 600;
  --font-weight-semibold: 800;
}
@layer base {
  html {
    font-family: theme(
      "fontFamily.sans"
    ); /* Nutzt Montserrat, wenn in tailwind.config.js gesetzt */
    font-size: 16px;
    color: var(--color-dark);
    background-color: #fff;
  }
}

@font-face {
  font-family: "Montserrat";
  src: url("./fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Dauphin";
  src: url("../fonts/Dauphin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("./fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("./fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

.custom-list {
  list-style-type: disc;
  padding-left: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.custom-list li {
  margin-bottom: 0.5rem;
}

.font-dauphin {
  font-family: "Dauphin", sans-serif;
}

#mobileMenu {
  transition: transform 0.3s ease-in-out;
}