@import url("https://use.typekit.net/agg1mie.css");
/* fonts.css */
@font-face {
  font-family: 'Redig';
  src: url('fonts/Redig-Regular.eot');
  src: url('fonts/Redig-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/Redig-Regular.woff2') format('woff2'),
       url('fonts/Redig-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Redig';
  src: url('fonts/Redig-Oblique.eot');
  src: url('fonts/Redig-Oblique.eot?#iefix') format('embedded-opentype'),
       url('fonts/Redig-Oblique.woff2') format('woff2'),
       url('fonts/Redig-Oblique.woff') format('woff');
  font-weight: normal;
  font-style: oblique;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  background-size: cover;
  background-position: top center;
  animation: bg-slide 10s infinite alternate;
  background-image: url('img/header-hg.webp');
}

@keyframes bg-slide {
  0%   { background-image: url('img/header-hg.webp'); }
  50%  { background-image: url('img/header-hg-2.webp'); }
  100% { background-image: url('img/header-hg.webp'); }
}
.font-redig {
  font-family: 'Redig', sans-serif;
}
.font-din2014{
     font-family: "din-2014", sans-serif;
     font-weight: 400;
     font-style: normal;
}
.text-purple{
     color: #5A2D88;
}
media-theme-sutro{
    margin-inline: auto;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
}