.tipp-block {
    width: 100%;
    margin-bottom: 25px;
}

@media screen and (min-width: 1281px) {
 
.icon { 
  float: left;
  width:04%;
  padding-right: 2px;
  display: inline-block;
  padding-top: 4px;
color: #D7F7FF;
  max-inline-height: 50px;
 }
  
.title-box {
    float: left;
    width: 96%;
    padding-right: 15px;
}
}

@media screen and (max-width: 1440px) {.icon { 
  float: left;
  width:10%;
  padding-right: 2px;
  padding-top: 4px;
  display: inline-block;
color: #C5F1FF;
  max-inline-size: 30px;
  }
  
.title-box {
    float: left;
    width: 90%;
    padding-right: 15px;
  max-height: 40px;
}
}
 
.content-box {
    float: left;
    width: 100%;
    background-color: #f0f0f0;
    border-radius: 10px;
    padding-left: 12px;
    padding-right: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
}
 .clearfix::after {
    content: "";
    clear: both;
    display: table;
}