.biographie-text {
  position: absolute;
  top: 50%;
  left: 50%;                         /* 50/50, dann sauber zentrieren */
  transform: translate(-50%, -50%);
  z-index: 2;
  width: min(80vw, 800px);           /* 80% der Viewport-Breite, max 800px */
  text-align: center;
  font-family: "Chewy", system-ui;

  font-size: clamp(16px, 2vw + 8px, 24px);
  line-height: 1.6;
  padding: 20px 30px;  
  text-align: justify;
}



/* Responsive Biographie-Textbox OHNE das 2-Spalten-Layout zu verändern */
@media (max-width: 1300px) {
  .biographie-text {
    width: 90%; 
    max-width: 750px;  
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: clamp(20px, 1.8vw, 22px);
	
  }
}

@media (max-width: 1024px) {
  .biographie-text {
    width: 94%;                 
    max-width: 620px;
    /* padding: 16px 20px; */
  }
}


@media (max-width: 942px) {
  .biographie-text {
    width: 90%;                 
    max-width: 580px;
    /* padding: 16px 20px; */
  }
}


@media (max-width: 918px) {
  .biographie-text {
    width: 90%;                 
    max-width: 510px;
    font-size: clamp(15px, 2.1vw, 19px);
	left: 51%;
  }
}


@media (max-width: 820px) {
  .biographie-text {
    width: 95%;
    max-width: 480px;
    font-size: clamp(16px, 2.2vw, 18px);
  }
}

@media (max-width: 700px) {
  .biographie-text {
    width: 96%;
    max-width: 440px;
	font-size: clamp(13px, 2.3vw, 19px);
  }
}


@media (max-width: 448px) {
  .biographie-text {
    width: 96%;
    max-width: 440px;
	font-size: clamp(12px, 2.3vw, 14px);
  }
}


.biographie-rechts {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-clip: padding-box;
    flex: 1;
  min-height: 862px;
      position: relative;
    overflow: hidden;
}

/* Schnee-Overlay */
.biographie-rechts::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../images/snow_bio_extrem_dezent_v2.gif"); 
  background-size: contain;  
  background-repeat: no-repeat;
  /* background-position: center; */
  /* animation: snowFall 82s linear infinite; */
  opacity: 0.4;  
  pointer-events: none; 
}

/* @keyframes snowFall { */
    /* from { background-position: 0 0; } */
    /* to   { background-position: 0 2592px; } */
/* } */


/* Linke Seite breiter, rechte schmaler */
.biographie-links {
  position: relative;           /* damit .biographie-text sich daran ausrichtet */
  flex: 2;
  min-height: 862px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  background-clip: padding-box;
  /* margin-left: -20px; */
}