.longevity .head-images {
  background: url('../images/background-longevity.jpg') no-repeat #cacfd5;
}

.longevity .umfrage a {
  display: inline-block;
  padding: 0.5em 1em;
  background-color: #211d45;
  color: white !important;
  text-decoration: none;
  border: none;
  border-radius: 0.375rem;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.longevity .umfrage a:hover {
  background-color: #0056b3;
}

@media not screen and (max-width: 767px) and (orientation: portrait) {
.longevity .col-12 h1 {
  white-space: nowrap;
  overflow: visible;
  position: relative;      /* Referenz für ::before */
  padding-left: 0;         /* Kein zusätzliches Padding nötig */
}

.longevity .col-12 h1::before {
  content: "";
  position: absolute;
  left: -135px;              /* Position außerhalb des Textlayouts */
  top: 50%;
  transform: translateY(-50%);
  width: 100px;
  height: 100px;
  background-image: url("../images/longevity-symbol-blau.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;  
}
}