.unavailable {
    color: grey;
}
.marker {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: black;
    margin-right: 5px;
    vertical-align: middle;
}
.sidebarcontainer {
    width: 100%;
    border: 10px;        
}
 .price {
   text-align: right;

}
.product {

}
.intotile_changed{
    color: red !important;
    font-weight:bold;
    background-color:lightyellow !important;
    border-color: red !important;
    border-width: thin;
    border-style: dashed;
    padding:2px;    
    display: block;    
    width: 99%;
}
.intotile_hint{
    font-style: italic;
    font-size:0.8em;
    color: var(--dhblue) !important;
}
.sidebar {
    width: 25%;
    float: left;
    background-color: #fff;;
    height: 100%;
    margin: 0px;
    margin-top: -10px;
    margin-left: -10px;
    margin-right: 10px;
    padding: 10px;
    font-size: 9pt;
}


.sidebarmainheadline {
   color:  var(--dhblue);
   font-size: 13pt;
}
.sidebarheadline{
    margin-top: 10px;
}
.intotile_label {        
    font-size: 1.4rem !important;

} 
.content {
    width:75%;
    float: left;
}



  .sidebarrightheadline {
       color:  var(--dhblue) !important;
       font-size: 1.4rem !important;
    }

    .pricelistcontainer {
    width: 100%;
    border: 10px;
    font-size: 1.4rem;
    color:  var(--dhblue);        
}
 .price {
   text-align: right;
   

}
.product {

}
.pricelist {
    width: 18%;
    float: left;
    background-color: #fff;;
    height: 100%;
    margin: 0px;
    margin-top: -10px;
    margin-left: -10px;
    margin-right: 10px;
    padding: 10px;
}
.sidebar {        
        color:  var(--dhblue) !important;
}
.sidebarleft {
        width: 20%;
        float: left;
        background-color: #fff;;
        height: 100%;
        margin: 0px;
        margin-top: -10px;
        margin-left: -10px;
        margin-right: 10px;
        padding: 10px;
    }
.sidebarright {
    width: 20%;
    float: left;
    background-color: #fff;;
    height: 100%;
    margin: 0px;
    margin-top: -10px;    
    padding: 1px;                
    padding-left:10px;
    padding-top: 10px;
    
}
.sidebarright::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  background-color: #FFFFFF;
}
.pricelistheadline {
   font-size:2em;
   font-weight: bold !important;
   color:  var(--dhblue) !important;
}

.productheadline, .rechtsberatungitemheadline {
     color:  var(--dhblue) !important;
    font-size:1.4em !important;
    font-weight: lighter !important;       
}

#clocktime {
    font-size: 2rem !important;
}
#clockdate {
    font-size: 2rem !important;
}

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

  text-align: center; /* Zentriert den Text horizontal */
    }