/* Damit "contact-vertical" sich am Eltern-div orientieren kann */
#c225{
  position: relative;
}

/* Der vertikale Text KONTAKT  */
#c225 .contact-vertical{
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: center;
  white-space: nowrap;
  /* optional: Aussehen */
  font-weight: 700;
  
}

@media(max-width:768px) {
  #c225 .contact-vertical{
   display: none;
  }
}

  #c225 .contact-vertical{
    color: #999;
    
  }


@media(min-width:768px) {
  #c225 .contact-vertical{
    left: -100px;          /* Abstand links anpassen */
    font-size: 2.75rem;
  }
}

@media(min-width:992px) {
  #c225 .contact-vertical{
    left: -130px;          /* Abstand links anpassen */
    font-size: 3.75rem;
  }
}

@media(min-width:1200px) {
  #c225 .contact-vertical{
    left: -105px;          /* Abstand links anpassen */
    font-size: 2.85rem;
    margin-top: 0px;
  }
}

@media(min-width:1400px) {
  #c225 .contact-vertical{
    left: -105px;          /* Abstand links anpassen */
    font-size: 2.85em;
    margin-top: 0px;
  }
}






/* Vertiakleer Text Leistungen */
#c571 .contact-vertical{
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: center;
  white-space: nowrap;
  /* optional: Aussehen */
  font-weight: 700;
  
}

@media(max-width:1700px) {
  #c571 .contact-vertical{
   display: none;
   transition-delay: 1s;
   transform: 1s ease-in-out;
  }
}
@media(min-width:1700px) {
  #c571 .contact-vertical{
    left: -120px;          /* Abstand links anpassen */
    font-size: 6.45rem;
    margin-top: 138px;
    font-weight:900;
  }
}