@media screen and (max-width: 675px) {
  .Links {
    font-size: 25px;
    transition: all 0.3s ease;
}

    .Überschrift {
    font-size: 100%;
    width: 40%;
    max-width: 400px;
    margin: 0 auto; /* ← DAS zentriert das ganze Element */
    transition: all 0.3s ease;
  }

/* index.html */  
.name { /* Name */
  margin-left: 105px; 
  font-size: 20px;
    margin-top: 30px ;
  margin-bottom: -20px;
    transition: all 0.3s ease;
}

.Ich_Platzhalter { /* Profil Bild */
  margin-left: 30px;
  width: 80%;
  max-width: 200px;
  height: auto;
  display: block;
    transition: all 0.3s ease;
}

.Beschreibung {
width: 200px;
font-size: 1.6em;
margin: 0 40px;
  transition: all 0.3s ease;
}
/* index.html */

/* galerie.html */
  .Bilder_Container {
    column-count: 2; /* statt 3 Spalten → 1 Spalte */
      column-gap: 5px; /** Abstand zwischen den Spalten */
    padding: 5px;
  }

  .Bild_Filter_Grey {
    min-width: 250px;         /* Mindestgröße der Box */
    max-width: 90%;           /* passt sich kleineren Screens an */
    margin: 20px auto;        /* zentriert die Box */
    padding: 15px;            /* etwas kompakterer Innenabstand */
    border-width: 2px;        /* Rahmen bleibt sichtbar, aber schmaler */
    transition: all 0.3s ease;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 40px;
  }

  .Bild_Bild {
    width: 100%;              /* passt sich der Box an */
    max-width: 250px;         /* Bild wird nicht größer als die Box */
    height: auto;
    border-radius: 6px;
    margin: 0 auto;
    display: block;
    transition: all 0.3s ease;
  }

  .Bild_Beschreibung {
    font-size: 1.2em;         /* etwas kleinerer Text */
    margin: 8px 0;
    max-width: 100%;
    text-align: center;
    transition: all 0.3s ease;
  }
/* galerie.html */

/* kontakt.html */
  .qr-container {
    flex-direction: column;       /* Stapelt die Boxen untereinander */
    align-items: center;          /* Zentriert sie horizontal */
    gap: 20px;                    /* Abstand zwischen den Boxen */
    margin-top: 30px;
  }

  .KontaktQR_Filter_Gray,
  .PayPal_Filter_Gray,
  .Insta_Filter_Gray {
    width: 250px;        /* feste Breite */
  max-width: 80%;      /* falls Bildschirm kleiner ist */
    margin-top: 20px;             /* Weniger Abstand nach oben */
  }
/* kontakt.html */

}

/* Handy Größe (IPhone 16 Pro Max */
@media screen and (max-width: 440px) {
  .Links {
    position: absolute; /* ← Das fehlt! */
    top: 5.8%;
    right: 2%;
    font-size: 23px;
    z-index: 10; /* optional, falls andere Elemente drüber liegen */
    transition: all 0.3s ease;
  }

    .Überschrift {
    font-size: 1em;
    width: 50%;
    max-width: 100%;
    margin: 0 auto; /* ← DAS zentriert das ganze Element */
    transition: all 0.3s ease;
        word-wrap: break-word;
    overflow-wrap: break-word;
    padding: 8px;
  }

/* index.html */  
.name { /* Name */
  margin-left: 105px; 
  font-size: 20px;
  font-weight: bolder;
    margin-top: 30px ;
  margin-bottom: -20px;
    transition: all 0.3s ease;
}

.Ich_Platzhalter { /* Profil Bild */
  margin-left: 30px;
  width: 80%;
  max-width: 200px;
  height: auto;
  display: block;
    transition: all 0.3s ease;
}

.Beschreibung {
width: 200px;
font-size: 1.6em;
margin: 0 40px;
  transition: all 0.3s ease;
}
/* index.html */

/* galerie.html */
  .Bilder_Container {
    column-count: 1; /* statt 3 Spalten → 1 Spalte */
      column-gap: 5px; /** Abstand zwischen den Spalten */
    padding: 5px;
    margin-top: 150px;
  }

  .Bild_Filter_Grey {
    display: inline-block;
    padding: 10px;
    margin: 10px auto;
    border-width: 2px;
    margin-left: 25px;
    margin-right: 25px;
  }

  .Bild_Bild {
    max-width: 100%;
    height: auto;
  }

  .Bild_Beschreibung {
    font-size: 1.2em;         /* etwas kleinerer Text */
    margin: 8px 0;
    max-width: 100%;
    text-align: center;
    transition: all 0.3s ease;
  }
/* galerie.html */

/* kontakt.html */
  .qr-container {
    flex-direction: column;       /* Stapelt die Boxen untereinander */
    align-items: center;          /* Zentriert sie horizontal */
    gap: 20px;                    /* Abstand zwischen den Boxen */
    margin-top: 50px;
  }

  .KontaktQR_Filter_Gray,
  .PayPal_Filter_Gray,
  .Insta_Filter_Gray {
    width: 250px;        /* feste Breite */
  max-width: 80%;      /* falls Bildschirm kleiner ist */
    margin-top: 20px;             /* Weniger Abstand nach oben */
  }
/* kontakt.html */

  /* Weitere Anpassungen für Galerie und Kontakt kannst du hier auch machen */
}