/* CSS-Definitionsdatei, die SiteStyle -Stylesheets enth�lt */
BODY {font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif,system-ui ; background-color: rgb(255,255,255); background-image: url("../assets/images/background.gif");}
.wrap {
  max-width: 500px
  padding: 2rem;
  text-align: center;
}
 P { font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;system-ui,font-size: clamp(1rem, 3vw, 2rem);
  line-height: 1.5;}

/* PPI-Anpassung: Hochauflösende Displays (Retina, 2x Pixel-Dichte) */
@media (min-resolution: 2dppx) {
  h1 {
    font-size: clamp(2.2rem, 6.5vw, 5.5rem);
  }
  p {
    font-size: clamp(1.1rem, 3.2vw, 2.2rem);
  }
}

/* Noch höhere Pixeldichte (3x) */
@media (min-resolution: 3dppx) {
  h1 {
    font-size: clamp(2.4rem, 7vw, 6rem);
  }
  p {
    font-size: clamp(1.2rem, 3.5vw, 2.4rem);
  }
}