body {
    background-color: #1f2937;
    color: #fff;
}

hr {
    border-color: rgba(14, 165, 233, 0.5) !important;
    opacity: 1 !important; /* wichtig, da Bootstrap opacity auf border anwendet */
}

.container--border {
    border-color: rgba(14, 165, 233, 0.5) !important;
}

.logo {
    max-width: 170px;
    max-height: 100px;
    width: auto;
    height: auto
}

.gradient-icon {
  color: #38bdf8;
}

.gradient-text {
    background: linear-gradient(to right, #38bdf8, #10b981);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.info-list {
  padding-left: 0;
  list-style-position: inside;
}

.info-list li {
  margin-bottom: 0.5rem;
  line-height: 1.25;
}

.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gradient-btn {
  background: linear-gradient(to right, #38bdf8, #10b981);
  color: black;
  border: none;
}

.gradient-btn:hover {
  filter: brightness(1.1);
  color: white;
}

.img-cover--right {
  object-position: center right; /* ← Oder z. B. bottom right, top center etc. */
}