.d1 {


    position: absolute;
    margin-top: var(--css_js_dimension_height_header);
   
    width: calc(100% - var(--css_min_side_margin)*2);
    max-width: var(--css_max_sidewidth);


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

    min-height: calc(100% - var(--css_js_dimension_height_header))
    

}


.portraitfoto {

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

    margin-top: var(--css_margin_maincontainer); 
    margin-right: 40px;
    margin-bottom: 0px;
    
    

}


.übermichtext {

    flex: 1; /* Anpassen an die restliche Breite */
  
    position: relative;
    hyphens: manual;
    top: -20px; /*Offset damit Text bündig*/
    margin-top: var(--css_margin_maincontainer); 
    font-size: 16px;
    margin-bottom: calc(var(--css_js_dimension_height_footer) + var(--css_margin_maincontainer));

}

.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;
        
    

    }

}