#clockfixed{
         position: absolute;
  bottom: 0;
  left: 70px;

  text-align: center; /* Zentriert den Text horizontal */
    }
    #clocktime{
        position:relative;
        margin: auto;        
        font-size: 2.7rem;
        font-weight: bold;
        color: var(--dhblue); 
    }
     #clockdate{
        position:relative;
        margin: auto;        
        font-size: 2.2rem;
        font-weight: bold;
        color: var(--dhblue); 
    }    
    #clockContainer {
    position:relative;
    margin: auto;
    height: 150px;
    bottom: 10px;
    /*to make the height and width responsive*/
    width: 150px;
    bottom:10px;
    background: url('../img/clockbg.jpg') no-repeat;
    
    background-size: 100%;
    }
    
    #hour,
    #minute,
    #second {
    position: absolute;
    background: black;
    border-radius: 10px;
    transform-origin: bottom;
    }
    
    #hour {
    width: 1.8%;
    height: 25%;
    top: 25%;
    left: 48.85%;
    opacity: 0.8;
    }
    
    #minute {
    width: 1.6%;
    height: 30%;
    top: 19%;
    left: 48.9%;
    opacity: 0.8;
    }
    
    #second {
    width: 1%;
    height: 40%;
    top: 9%;
    left: 49.25%;
    opacity: 0.8;
    }