html, body {
  height: 100%;
  margin: 0;
}

.slideshow {
  position: fixed;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: background-image 1s ease-in-out; /* sanftes Überblenden */
}

h1.a {
  color: white;
  font-size: 30px;
  margin: auto auto auto auto;
  text-align: center;
  padding: auto;
}
/* Link Styles */
a {
    color: blue;
}

a:visited {
    color: #954F72;
}

/* Responsive Design */
@media (max-width: 768px) {
    .container {
        padding: 15px;
    }
    
    h1 {
        font-size: 20px;
    }
    
    article p {
        font-size: 11pt;
    }
}