#poster-carport{
    
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(/img/Carport3dModelVorschau.png); /* Vorschaubild für 3dModel */
    
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}


#poster-fassade{
    
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(/img/p3.png); /* Vorschaubild für 3dModel */
    
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
    
#button-load {
    
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: 6% 50%;
    background-color: #ffffff;
    color: rgb(0, 0, 0);
    cursor: pointer;
    border-radius: 3px;
    display: inline-block;
    padding: 9px 12px 9px 12px;
    font-weight: 400;
   
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 100;

}


model-viewer {

    --progress-bar-color: darkgrey;
       
    

    outline-style: none;
        
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    padding-bottom: 15px;

    
        
        
}