/* Button links oben auf Seite mit Link "zurück" - 15% Viewport */

.back-link {
  display: inline-block;
  width: clamp(160px, 15vw, 320px); /* 15% Viewport, aber begrenzt */
  text-align: center;

  margin-bottom: 20px;
  padding: 14px 24px;

  background: #fff;
  border-radius: 10px;

  text-decoration: none;
  color: #222;

  font-size: clamp(16px, 2vw, 20px);

  box-shadow: 0 4px 12px rgba(0,0,0,0.08);

  transition: background 0.2s ease, transform 0.1s ease;
}

.back-link:hover {
  background: #eceff1;
}

.back-link:active {
  transform: scale(0.98);
}

/* Hover nur für Tablet und größer */
@media (min-width: 768px) {
  .back-link:hover {
    background: #f7f7f7;
    color: red;
  }
}

.back-link:active {
  transform: scale(0.98);
}