html { scroll-behavior: smooth; }
    body { font-optical-sizing: auto; }
    .navbar-brand img { height: 44px; }
    .hero {
      background: radial-gradient(1200px 600px at 10% 10%, #f8f9fa 0, #ffffff 40%, #eef2f6 100%);
      padding: 6rem 0 4rem;
    }
    .section-title { font-weight: 700; }
    .lead-bullets li { margin-bottom: .35rem; }
    .badge-dot { position: relative; padding-left: 1.25rem; }
    .badge-dot::before { content: ""; width: .5rem; height: .5rem; background: currentColor; border-radius: 50%; position: absolute; left: .4rem; top: .9rem; opacity: .6; }
    .shadow-soft { box-shadow: 0 10px 30px rgba(0,0,0,.06); }
    .bg-ink { background:#0f172a; } /* slate-950 */
    .text-ink { color:#0f172a; }
    .list-square { list-style-type: square; }
    .sticky-cta { position: fixed; right: 1rem; bottom: 1rem; z-index: 1040; }
    .form-honeypot { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
    .smallcaps { font-variant: all-small-caps; letter-spacing: .04em; }
    .checklist li::marker { color: #198754; }
    .card-img-top {
      height: 200px;        /* gewünschte Höhe, z. B. 180–250px */
      object-fit: cover;    /* schneidet das Bild zu, statt es zu verzerren */
    }

   .section-title {
      color: #171769; /* Navy Blue */
    }

    .btn-navy-outline {
        background-color: #fff;        /* hell / weiß */
        color: #171769;               /* Schrift in Blau */
        border: 2px solid #171769;    /* blauer Rahmen */
        transition: all 0.3s ease;
      }

      .btn-navy-outline:hover {
        background-color: #171769;    /* Hover: vollblau */
        color: #fff;                  /* Schrift weiß */
        border-color: #171769;
      }