/* Einbindung der Schriftart */
@font-face {
  font-family: 'InstrumentSans-Regular';
  src: url('../fonts/InstrumentSans-Regular.woff2') format('woff2'),
     url('../fonts/InstrumentSans-Regular.woff') format('woff');
}

/* Basis Einstellungen */
html {
  font-size: 18px; /* Schriftgröße auf 18px gesetzt */
  line-height: 130%;
  letter-spacing: 0.02rem;
  font-family: 'InstrumentSans-Regular', sans-serif;
}

/* Formatierung für die Überschriften */
h1, h2, h3, h4 {
  text-align: center;
  font-size: 18px; /* Gleiche Schriftgröße für alle Überschriften */
  line-height: 130%;
  letter-spacing: 0.02rem;
  font-weight: 400;
}
/* 
h2 {
  text-decoration: underline;
}
  */

/* Maximale Textbreite für Desktop */
body {
  margin: 0;
  padding: 0;
  max-width: 500px; /* Maximale Breite des Textes auf Desktop */
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

/* Responsives Design für Mobilgeräte */
@media (max-width: 768px) {
  body {
    max-width: 100%; /* Auf mobilen Geräten soll die Seite die volle Breite einnehmen */
    padding: 10px;
  }
}

/* Button Styles */
.impress-btn {
  text-decoration: none;
  color: black;
  background-color: #e9e9e9;
  padding: 6px 10px;
  border-radius: 10px;
  display: inline-block;
  text-align: center;
  width: auto; /* Breite abhängig vom Inhalt und Padding */
  transition: background-color 0.3s ease; /* Weicher Übergang */
}

.impress-btn:hover {
  background-color: #f0efefbb; /* Dunkleres Grau bei Hover */
}