html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/Poppins-SemiBold.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Roboto-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/Roboto-Medium.woff2') format('woff2');
}

body {
  font-family: 'Roboto', sans-serif;
}

/* Überschriften */
h1, h2, h3, h4, h5 {
  font-family: 'Poppins', sans-serif;
}

/* Buttons */
a.inline-block {
  transition: all 0.3s ease;
}

/* Cards */
div.shadow {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
div.shadow:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}