.d1 {


    position: absolute;
    margin-top: 115px;
   
    width: calc(100% - 100px);
    max-width: 1200px;
    

    left: 50%;
    transform: translate(-50%);
    display: flex;

    min-height: calc(100% - 115px);
    

}


.portraitfoto {

    flex: 0 0 auto; /* Gleichbleibende Größe */
    
    position: relative;
    width: 250px;
    height: 250px;

    margin-top: 30px;
    margin-right: 50px;
    margin-bottom: 20px;
    
    

}


.übermichtext {

    flex: 1; /* Anpassen an die restliche Breite */
  
    position: relative;
    hyphens: manual;
    top: -20px;
    margin-top: 30px;
    font-size: 16px;
    margin-bottom: 80px;

}

.links {

   
    font-size: 16px;
    font-weight: 300;
 
}

.links a {


    text-decoration: underline;

}



@media (max-width: 700px) {


    .d1 {
     flex-direction: column;
    }



}


@media (max-width: 500px) {

    .portraitfoto {

        flex: 0 0 auto;
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        
    

    }

}

/******* KLEINERER ABSTAND ZU SEITE BEI GERINGER SEITENBREITE -500PX- *******/

@media (max-width: 500px) {

    .d1 {
       
        width: calc(100% - 60px);
        max-width: 1200px;
        
    }

    .Fußleiste {

        width: calc(100% - 60px);
        max-width: 1200px;
        
    }
    

}