<!DOCTYPE html>
<html lang="de">
  <head>
    <script>
  window.ga4Id = 'G-68G14JL5ES';
</script>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Rechtsberatung für Unternehmensgründer in Bern | BizFounderLaw</title>
    <meta name="description" content="BizFounderLaw bietet Gründerberatung, Vertragsprüfung und Begleitung bei der Firmengründung aus einer Hand. Standort: Museumstrasse 2, Bern." />

    <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />

    <link
      media="print"
      onload="this.media='all'"
      rel="stylesheet"
      href="./assets/css/colors.css"
    />
    <link rel="shortcut icon" href="./assets/favicon/favicon.ico" />

    <link
      rel="icon"
      type="image/png"
      sizes="16x16"
      href="./assets/favicon/favicon-16x16.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="./assets/favicon/favicon-32x32.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="48x48"
      href="./assets/favicon/favicon-48x48.png"
    />
    <link
      media="print"
      onload="this.media='all'"
      href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css"
      rel="stylesheet"
    />
    <link rel="canonical" href="https://bizfounderlaw.digital" />
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@graph": [
          {
            "@type": "WebSite",
            "url": "https://bizfounderlaw.digital/",
            "name": "Rechtsberatung für Unternehmensgründer in Bern | BizFounderLaw"
          },
          {
            "@type": "WebPage",
            "url": "https://bizfounderlaw.digital/",
            "name": "Rechtsberatung für Unternehmensgründer in Bern | BizFounderLaw",
            "description": "BizFounderLaw bietet Gründerberatung, Vertragsprüfung und Begleitung bei der Firmengründung aus einer Hand. Standort: Museumstrasse 2, Bern.",
            "breadcrumb": {
              "@id": "https://bizfounderlaw.digital#breadcrumbs"
            },
            "publisher": {
              "@type": "Organization",
              "name": "BizFounderLaw",
              "url": "https://bizfounderlaw.digital/",
              "logo": {
                "@type": "ImageObject",
                "url": "https://bizfounderlaw.digital/assets/favicon/favicon-48x48.png"
              }
            }
          },
          {
            "@type": "BreadcrumbList",
            "@id": "https://bizfounderlaw.digital#breadcrumbs",
            "itemListElement": [
              {
                "@type": "ListItem",
                "position": 1,
                "name": "Home",
                "item": "https://bizfounderlaw.digital/"
              }
            ]
          },
          {
            "@type": "Organization",
            "name": "BizFounderLaw",
            "url": "https://bizfounderlaw.digital/",
            "logo": "https://bizfounderlaw.digital/assets/favicon/favicon-48x48.png"
          }
        ]
      }
    </script>
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://bizfounderlaw.digital" />
    <meta property="og:title" content="Rechtsberatung für Unternehmensgründer in Bern | BizFounderLaw" />
    <meta property="og:description" content="BizFounderLaw bietet Gründerberatung, Vertragsprüfung und Begleitung bei der Firmengründung aus einer Hand. Standort: Museumstrasse 2, Bern." />
    <meta property="og:image" content="https://bizfounderlaw.digital/assets/img/image_1.jpg" />
    <meta name="twitter:card" content="BizFounderLaw Logo" />
    <meta name="twitter:url" content="https://bizfounderlaw.digital" />
    <meta name="twitter:title" content="Rechtsberatung für Unternehmensgründer in Bern | BizFounderLaw" />
    <meta name="twitter:description" content="BizFounderLaw bietet Gründerberatung, Vertragsprüfung und Begleitung bei der Firmengründung aus einer Hand. Standort: Museumstrasse 2, Bern." />
    <meta name="twitter:image" content="https://bizfounderlaw.digital/assets/img/image_1.jpg" />
    <meta itemprop="name" content="Rechtsberatung für Unternehmensgründer in Bern | BizFounderLaw" />
    <meta itemprop="description" content="BizFounderLaw bietet Gründerberatung, Vertragsprüfung und Begleitung bei der Firmengründung aus einer Hand. Standort: Museumstrasse 2, Bern." />
    <meta itemprop="image" content="https://bizfounderlaw.digital/assets/img/image_1.jpg" />
  <script>
      window.cookieConfig = {
        lang: "de", 
        policy: "privacy.php",
        useOverlay: false, 
        required: ["performance"], 
        defaultOn: ["performance"], 
        preventClosure: false, 
        preventScroll: false, 
      };

       function initCookieLoader() {
      let cookieScriptLoaded = false;

      function loadCookieScriptOnScroll() {
        if (cookieScriptLoaded) return;
        cookieScriptLoaded = true;

        const script = document.createElement("script");
        script.src = "./assets/js/cookie.min.js";
        document.body.appendChild(script);
      }

      window.addEventListener("scroll", loadCookieScriptOnScroll, { once: true });
    }

    window.addEventListener("load", initCookieLoader);
    </script>
</head>
  <body class="body">
    <style>
@keyframes headerFloat_k3m9p2xq8n {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-3px);
        }
      }

      @keyframes brandPulse_7w4r6tyu1v {
        0%,
        100% {
          box-shadow: 0 0 0 0 rgba(var(--bs-primary-rgb), 0.4);
        }
        50% {
          box-shadow: 0 0 0 8px rgba(var(--bs-primary-rgb), 0);
        }
      }

      @keyframes navSlide_9k2m5pxq4n {
        from {
          opacity: 0;
          transform: translateY(-10px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @keyframes shimmer_4n8k3mxq7p {
        0% {
          background-position: -200% 0;
        }
        100% {
          background-position: 200% 0;
        }
      }

      #header {
        background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.88) 0%, rgba(var(--bs-primary-rgb), 0.92) 50%, rgba(var(--bs-primary-rgb), 0.85) 100%);
        backdrop-filter: blur(20px) saturate(180%);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.2);
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
        overflow: hidden;

        &::before {
          content: '';
          position: absolute;
          top: 0;
          left: -100%;
          width: 100%;
          height: 100%;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
          animation: shimmer_4n8k3mxq7p 3s infinite;
        }

        .navbar {
          padding: 1.25rem 0;
          position: relative;
          z-index: 1;

          .navbar-brand {
            white-space: normal;
            font-weight: 700;
            font-size: 1.625rem;
            color: var(--white);
            text-decoration: none;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            display: flex;
            align-items: center;
            gap: 0.75rem;

            .brand-icon {
              width: 48px;
              height: 48px;
              background: linear-gradient(135deg, var(--secondary) 0%, var(--accent) 50%, var(--primary-light) 100%);
              border-radius: 14px;
              position: relative;
              transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
              box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
              overflow: hidden;

              &::before {
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 24px;
                height: 24px;
                background: var(--white);
                border-radius: 6px;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
                transition: all 0.3s ease;
              }

              &::after {
                content: '';
                position: absolute;
                top: -50%;
                left: -50%;
                width: 200%;
                height: 200%;
                background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);
                transform: rotate(45deg);
                transition: all 0.6s ease;
              }
            }

            .brand-text {
              font-weight: 600;
              letter-spacing: -0.3px;
              text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
              transition: all 0.3s ease;
            }

            &:hover {
              transform: translateY(-3px);
              color: var(--secondary-light);

              .brand-icon {
                transform: rotate(8deg) scale(1.08);
                box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
                animation: brandPulse_7w4r6tyu1v 1.5s ease-in-out infinite;

                &::after {
                  top: 50%;
                  left: 50%;
                }
              }

              .brand-text {
                text-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
              }
            }

            &:active {
              transform: translateY(-1px);
            }
          }

          .navbar-toggler {
            background: rgba(255, 255, 255, 0.12);
            border-radius: 10px;
            padding: 10px 14px;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            border: 1px solid rgba(255, 255, 255, 0.1);
            position: relative;
            overflow: hidden;

            &::before {
              content: '';
              position: absolute;
              top: 50%;
              left: 50%;
              width: 0;
              height: 0;
              border-radius: 50%;
              background: rgba(255, 255, 255, 0.2);
              transform: translate(-50%, -50%);
              transition: width 0.4s ease, height 0.4s ease;
            }

            .hamburger-line {
              display: block;
              width: 26px;
              height: 3px;
              background: var(--white);
              margin: 5px 0;
              border-radius: 3px;
              transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
              position: relative;
              z-index: 1;
            }

            &:hover {
              background: rgba(255, 255, 255, 0.22);
              transform: scale(1.08);
              box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);

              &::before {
                width: 100%;
                height: 100%;
              }
            }

            &[aria-expanded='true'] {
              background: rgba(255, 255, 255, 0.25);

              .hamburger-line:nth-child(1) {
                transform: rotate(45deg) translate(7px, 7px);
                background: var(--secondary-light);
              }
              .hamburger-line:nth-child(2) {
                opacity: 0;
                transform: translateX(-10px);
              }
              .hamburger-line:nth-child(3) {
                transform: rotate(-45deg) translate(7px, -7px);
                background: var(--secondary-light);
              }
            }
          }

          .navbar-nav {
            gap: 0.25rem;

            .nav-item {
              margin: 0 0.25rem;
              animation: navSlide_9k2m5pxq4n 0.5s ease-out backwards;

              &:nth-child(1) {
                animation-delay: 0.05s;
              }

              &:nth-child(2) {
                animation-delay: 0.1s;
              }

              &:nth-child(3) {
                animation-delay: 0.15s;
              }

              &:nth-child(4) {
                animation-delay: 0.2s;
              }

              &:nth-child(5) {
                animation-delay: 0.25s;
              }

              &:nth-child(6) {
                animation-delay: 0.3s;
              }

              .nav-link {
                color: var(--white);
                font-weight: 500;
                padding: 0.875rem 1.5rem;
                border-radius: 10px;
                position: relative;
                transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
                font-size: 0.95rem;
                letter-spacing: 0.2px;

                .nav-text {
                  position: relative;
                  z-index: 2;
                  transition: all 0.3s ease;
                }

                &::before {
                  content: '';
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 0;
                  height: 100%;
                  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
                  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                  z-index: 1;
                }

                &::after {
                  content: '';
                  position: absolute;
                  bottom: 0;
                  left: 50%;
                  transform: translateX(-50%) scaleX(0);
                  width: 40px;
                  height: 2px;
                  background: var(--secondary);
                  border-radius: 2px;
                  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                  z-index: 1;
                }

                &:hover {
                  background: rgba(255, 255, 255, 0.18);
                  transform: translateY(-3px);
                  color: var(--secondary-light);
                  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);

                  &::before {
                    width: 100%;
                  }

                  &::after {
                    transform: translateX(-50%) scaleX(1);
                  }

                  .nav-text {
                    transform: translateX(2px);
                  }
                }

                &.active {
                  background: rgba(255, 255, 255, 0.25);
                  color: var(--secondary-light);
                  font-weight: 600;
                  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

                  &::after {
                    transform: translateX(-50%) scaleX(1);
                    width: 50px;
                    height: 3px;
                    background: var(--secondary);
                  }

                  .nav-text {
                    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                  }
                }
              }

              .dropdown-menu {
                background: rgba(255, 255, 255, 0.98);
                backdrop-filter: blur(20px) saturate(180%);
                -webkit-backdrop-filter: blur(20px) saturate(180%);
                border: 1px solid rgba(255, 255, 255, 0.3);
                border-radius: 16px;
                box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
                padding: 0.75rem 0.5rem;
                margin-top: 0.75rem;
                right: 0;
                min-width: 220px;
                animation: navSlide_9k2m5pxq4n 0.3s ease-out;

                .dropdown-item {
                  color: var(--text-primary);
                  padding: 0.875rem 1.75rem;
                  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                  border-radius: 10px;
                  margin: 0.25rem 0.5rem;
                  font-weight: 500;
                  position: relative;
                  overflow: hidden;

                  &::before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translateY(-50%) translateX(-100%);
                    width: 4px;
                    height: 0;
                    background: var(--primary);
                    border-radius: 0 4px 4px 0;
                    transition: all 0.3s ease;
                  }

                  &:hover {
                    background: linear-gradient(135deg, var(--primary-bg), var(--primary-light));
                    color: var(--primary-dark);
                    transform: translateX(8px);
                    padding-left: 2rem;
                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

                    &::before {
                      transform: translateY(-50%) translateX(0);
                      height: 60%;
                    }
                  }
                }
              }
            }
          }
        }

        &:hover {
          background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.92) 0%, rgba(var(--bs-primary-rgb), 0.95) 50%, rgba(var(--bs-primary-rgb), 0.88) 100%);
          box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.25);
        }
      }

      @media (max-width: 991.98px) {
        #header {
          .navbar {
            padding: 1rem 0;

            .navbar-collapse {
              background: rgba(255, 255, 255, 0.98);
              backdrop-filter: blur(20px) saturate(180%);
              -webkit-backdrop-filter: blur(20px) saturate(180%);
              border-radius: 16px;
              margin-top: 1.25rem;
              padding: 1.5rem;
              box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
              border: 1px solid rgba(255, 255, 255, 0.3);
              animation: navSlide_9k2m5pxq4n 0.4s ease-out;

              .navbar-nav {
                gap: 0.5rem;

                .nav-item {
                  margin: 0.375rem 0;
                  animation: none;

                  .nav-link {
                    color: var(--text-primary);
                    border-radius: 12px;
                    padding: 1rem 1.5rem;
                    font-size: 1rem;

                    &::after {
                      display: none;
                    }

                    &:hover {
                      background: linear-gradient(135deg, var(--primary-bg), var(--primary-light));
                      color: var(--primary-dark);
                      transform: translateX(5px);
                      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
                    }

                    &.active {
                      background: linear-gradient(135deg, var(--primary), var(--primary-dark));
                      color: var(--white);
                      box-shadow: 0 6px 20px rgba(92, 161, 232, 0.3);
                    }
                  }
                }
              }
            }
          }
        }
      }
</style>
    <header id="header" class="position-sticky top-0 z-3" data-mv43jo7r="245e96badfd6f7bc1v3_1766934206010">
      <nav class="navbar navbar-expand-lg">
        <div class="container-fluid px-4">
          <a class="navbar-brand d-flex align-items-center" href="index.php">
            <div class="brand-icon me-2"></div>
            <span class="brand-text">BizFounderLaw</span>
          </a>

          <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="hamburger-line"></span>
            <span class="hamburger-line"></span>
            <span class="hamburger-line"></span>
          </button>

          <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav ms-auto">
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="index.php">
                  <span class="nav-text">Startseite</span>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="about.php">
                  <span class="nav-text">Über uns</span>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="price.php">
                  <span class="nav-text">Preise</span>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="contact.php">
                  <span class="nav-text">Kontakt</span>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="faq.php">
                  <span class="nav-text">FAQ</span>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </nav>
    </header>
<main class="main"><style>
#hero {
        position: relative;
        min-height: 90vh;
        display: flex;
        align-items: center;
        background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 50%, var(--accent) 100%);
        overflow: hidden;
      }

      #hero::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url('./assets/img/28.12.2025_bizfounderlaw.digital_image_6.webp');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        opacity: 0.15;
        z-index: 1;
      }

      #hero .container {
        position: relative;
        z-index: 2;
      }

      #hero .hero-content {
        max-width: 800px;
        margin: 0 auto;
        text-align: center;
        padding: 3rem 1rem;
      }

      #hero .hero-badge {
        display: inline-block;
        padding: 0.5rem 1.25rem;
        background: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 50px;
        color: var(--text-light);
        font-size: 0.875rem;
        font-weight: 600;
        margin-bottom: 2rem;
        animation: fadeInDown_8k3m9p2n7q1w 0.8s ease-out;
      }

      #hero .hero-title {
        font-size: clamp(2.5rem, 5vw, 4.5rem);
        font-weight: 800;
        line-height: 1.1;
        color: var(--text-light);
        margin-bottom: 1.5rem;
        text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
        animation: fadeInUp_7x2n4m8p9q3w 1s ease-out 0.2s both;
      }

      #hero .hero-text {
        font-size: 1.25rem;
        line-height: 1.7;
        color: rgba(255, 255, 255, 0.95);
        margin-bottom: 2.5rem;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
        animation: fadeInUp_7x2n4m8p9q3w 1s ease-out 0.4s both;
      }

      #hero .hero-actions {
        display: flex;
        gap: 1rem;
        justify-content: center;
        flex-wrap: wrap;
        animation: fadeInUp_7x2n4m8p9q3w 1s ease-out 0.6s both;
      }

      #hero .btn-primary-custom {
        padding: 1rem 2.5rem;
        background: var(--secondary);
        color: var(--text-primary);
        border: none;
        border-radius: 50px;
        font-weight: 600;
        font-size: 1.1rem;
        transition: all 0.3s ease;
        box-shadow: 0 4px 15px rgba(234, 199, 0, 0.4);
      }

      #hero .btn-primary-custom:hover {
        background: var(--secondary-light);
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(234, 199, 0, 0.5);
        color: var(--text-primary);
      }

      #hero .btn-outline-custom {
        padding: 1rem 2.5rem;
        background: transparent;
        color: var(--text-light);
        border: 2px solid rgba(255, 255, 255, 0.5);
        border-radius: 50px;
        font-weight: 600;
        font-size: 1.1rem;
        transition: all 0.3s ease;
        backdrop-filter: blur(10px);
      }

      #hero .btn-outline-custom:hover {
        background: rgba(255, 255, 255, 0.1);
        border-color: var(--text-light);
        color: var(--text-light);
        transform: translateY(-2px);
      }

      #hero .hero-decoration {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 1;
      }

      #hero .hero-decoration svg {
        display: block;
        width: 100%;
        height: auto;
      }

      @keyframes fadeInDown_8k3m9p2n7q1w {
        from {
          opacity: 0;
          transform: translateY(-30px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @keyframes fadeInUp_7x2n4m8p9q3w {
        from {
          opacity: 0;
          transform: translateY(30px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @media (max-width: 768px) {
        #hero {
          min-height: 80vh;
        }

        #hero .hero-content {
          padding: 2rem 1rem;
        }

        #hero .hero-text {
          font-size: 1.1rem;
        }

        #hero .hero-actions {
          flex-direction: column;
          align-items: stretch;
        }

        #hero .btn-primary-custom,
        #hero .btn-outline-custom {
          width: 100%;
        }
      }
</style>

    <section id="hero" data-lteaqmbx="6d443f78483b5e7b1_1766934206047">
      <div class="container">
        <div class="hero-content">
          <span class="hero-badge">Für Gründer</span>
          <h1 class="hero-title">Rechtsrat für Ihr Unternehmen</h1>
          <p class="hero-text">BizFounderLaw begleitet Sie kompetent und praxisorientiert bei allen rechtlichen Fragestellungen rund um Ihre Unternehmensgründung und das laufende Geschäft.</p>
          <div class="hero-actions">
            <a href="about.php" class="btn btn-primary-custom">Beratung anfordern</a>
            <a href="#contact" class="btn btn-outline-custom">Kontakt aufnehmen</a>
          </div>
        </div>
      </div>
      <div class="hero-decoration">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 120" fill="var(--background-tertiary)">
          <path
            d="M0,64L48,69.3C96,75,192,85,288,80C384,75,480,53,576,48C672,43,768,53,864,64C960,75,1056,85,1152,80C1248,75,1344,53,1392,42.7L1440,32L1440,120L1392,120C1344,120,1248,120,1152,120C1056,120,960,120,864,120C768,120,672,120,576,120C480,120,384,120,288,120C192,120,96,120,48,120L0,120Z"
          ></path>
        </svg>
      </div>
    </section>
    
<style>

                #content {
          position: relative;
          overflow: hidden;
          padding: 6rem 0;
          background: linear-gradient(135deg, var(--background-primary) 0%, var(--background-tertiary) 100%);

          .btn-primary:hover {
              background-color: var(--primary-dark) !important;
              border-color: var(--primary-dark) !important;
          }

          .btn-outline-primary {
              color: var(--primary);
              border-color: var(--primary);
          }

          .btn-outline-primary:hover {
              background-color: var(--primary-light);
              border-color: var(--primary-light);
              color: var(--text-primary);
          }

          .badge {
              background-color: var(--primary-bg);
              border: 1px solid var(--neutral-150);
          }

          .frame {
              position: relative;
              border-radius: 1rem;
              overflow: hidden;
              border: 1px solid var(--neutral-150);
              box-shadow: 0 22px 55px rgba(var(--bs-primary-rgb), 0.10);

              img {
                  width: 100%;
                  height: auto;
                  display: block;
                  transition: transform .6s ease;
              }
          }

          .frame:hover img { transform: scale(1.03); }

          .nudge {
              background: linear-gradient(135deg, var(--background-tertiary) 0%, var(--background-secondary) 100%);
              border: 1px solid var(--neutral-150);
              border-radius: 1rem;
              box-shadow: 0 14px 34px rgba(var(--bs-primary-rgb), 0.08);
              transition: transform .35s ease, box-shadow .35s ease;
          }

          .nudge:hover {
              transform: translateY(-6px);
              box-shadow: 0 22px 55px rgba(var(--bs-primary-rgb), 0.12);
          }

          .nicon {
              width: 46px;
              height: 46px;
              border-radius: 14px;
              display: inline-flex;
              align-items: center;
              justify-content: center;
              background: var(--secondary-bg);
              border: 1px solid var(--neutral-150);
          }

          @media (max-width: 991.98px) {
              .display-4 { font-size: calc(1.475rem + 2.7vw); }
          }
      }

    
</style>

         <section id="content" data-lzln7ql4="f6445aa58fa2e80135_1766934206244">
      <div class="container position-relative">
          <div class="row justify-content-center text-center mb-5">
              <div class="col-lg-8">
                  <div class="d-inline-flex align-items-center gap-2 px-3 py-2 mb-4 rounded-3 badge">
                      <i class="bi bi-stars text-primary"></i>
                      <span class="h6 mb-0 text-primary fw-semibold">Unsere Leistungen</span>
                  </div>
                  <h2 class="display-4 fw-bold mb-0" style="color: var(--text-primary)">Ganzheitliche Rechtsberatung für Unternehmensgründer</h2>
              </div>
          </div>

          <div class="row align-items-center g-5">
              <div class="col-lg-6">
                  <div class="frame">
                      <img src="./assets/img/28.12.2025_bizfounderlaw.digital_image_7.webp" loading="lazy" alt="Ganzheitliche Rechtsberatung für Unternehmensgründer">
                  </div>
              </div>

              <div class="col-lg-6">
                  <div class="ps-lg-5">
                      <div class="d-flex align-items-center mb-4 gap-3">
                          <div class="p-3 rounded-3" style="background-color: var(--info-bg)">
                              <i class="bi bi-check2-circle h4 mb-0 text-primary"></i>
                          </div>
                          <p class="lead mb-0" style="color: var(--text-secondary)">Als spezialisierte Kanzlei in Bern unterstützen wir Sie bei der Wahl der passenden Rechtsform, der Erstellung von Verträgen sowie der laufenden rechtlichen Begleitung. Unsere Beratung ist pragmatisch, individuell und fokussiert auf Ihre unternehmerischen Ziele.</p>
                      </div>

                      <div class="nudge p-4 p-md-5 mb-4">
                          <div class="d-flex align-items-start gap-3">
                              <div class="nicon">
                                  <i class="bi bi-tags" style="color: var(--secondary-dark)"></i>
                              </div>
                              <div class="flex-grow-1">
                                  <div class="fw-semibold mb-1" style="color: var(--text-primary)">Bereit für den nächsten Schritt?</div>
                                  <div style="color: var(--text-secondary)">Vereinbaren Sie ein Erstgespräch und erhalten Sie eine klare Einschätzung Ihrer rechtlichen Ausgangslage.</div>
                                  <div class="mt-3">
                                      <a href="price.php" class="btn btn-outline-primary btn-lg px-4 rounded-3">Termin buchen</a>
                                  </div>
                              </div>
                          </div>
                      </div>

                      <hr class="my-4" style="border-color: var(--neutral-250)" />

                      <div class="d-flex gap-3 justify-content-lg-start justify-content-center flex-wrap">
                          <a href="contact.php" class="btn btn-primary btn-lg px-4 rounded-3 d-inline-flex align-items-center gap-2"
                             style="background-color: var(--primary); border-color: var(--primary);">
                              Mehr erfahren <i class="bi bi-arrow-right"></i>
                          </a>
                          <a href="about.php" class="btn btn-outline-primary btn-lg px-4 rounded-3">Mehr über uns</a>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </section>

    
<style>
#cta {
position: relative;
padding: 6rem 0;
color: var(--text-light);
background: radial-gradient(circle at top left, var(--primary-bg) 0%, transparent 45%),
            radial-gradient(circle at bottom right, var(--accent-bg) 0%, transparent 55%),
            linear-gradient(135deg, var(--background-dark) 0%, var(--neutral-950) 40%, var(--primary-dark) 100%);
overflow: hidden;
}

/* background blobs */
#cta::before,
#cta::after {
content: '';
position: absolute;
width: 420px;
height: 420px;
border-radius: 50%;
filter: blur(40px);
opacity: 0.22;
z-index: 0;
animation: ctaBlobDrift 24s ease-in-out infinite alternate;
}

#cta::before {
top: -140px;
left: -120px;
background: radial-gradient(circle, var(--primary-light), transparent 65%);
}

#cta::after {
bottom: -160px;
right: -140px;
background: radial-gradient(circle, var(--accent-light), transparent 65%);
animation-delay: 4s;
}

#cta .container {
position: relative;
z-index: 1;
}

/* main shell */

#cta .cta-shell {
max-width: 1120px;
margin: 0 auto;
padding: 3rem 3rem 3.25rem;
border-radius: 2rem;
position: relative;
overflow: hidden;
background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.02) 55%),
            rgba(0, 0, 0, 0.55);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
box-shadow: 0 26px 70px rgba(0, 0, 0, 0.55);
}

#cta .cta-shell::before {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
padding: 1px;
background: linear-gradient(
  130deg,
  var(--primary-light),
  var(--secondary),
  var(--accent-light),
  var(--info-light)
);
background-size: 260% 260%;
-webkit-mask:
  linear-gradient(#000 0 0) content-box,
  linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
animation: ctaBorderGlow 14s linear infinite;
opacity: 0.9;
pointer-events: none;
}

#cta .cta-grid {
display: grid;
grid-template-columns: minmax(0, 3fr) minmax(0, 2.3fr);
gap: 2.5rem;
align-items: center;
}

#cta .cta-main {
text-align: left;
}

#cta .cta-title-badge {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.35rem 0.95rem;
border-radius: 999px;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.18em;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.18);
margin-bottom: 1.25rem;
}

#cta .cta-title-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--secondary);
box-shadow: 0 0 0 0 rgba(250, 222, 126, 0.7);
animation: ctaDotPulse 3s ease-out infinite;
}

#cta .cta-title {
font-size: 2.9rem;
font-weight: 800;
line-height: 1.15;
margin-bottom: 1.25rem;
letter-spacing: -0.04em;
background: linear-gradient(
  120deg,
  var(--white),
  var(--primary-light),
  var(--secondary-light)
);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}

#cta .cta-description {
font-size: 1.1rem;
line-height: 1.7;
color: rgba(255, 255, 255, 0.86);
max-width: 540px;
margin-bottom: 2.2rem;
}

/* feature chips */

#cta .feature-list {
display: flex;
flex-wrap: wrap;
gap: 0.85rem;
margin-bottom: 2.3rem;
}

#cta .feature-chip {
display: inline-flex;
align-items: center;
gap: 0.55rem;
padding: 0.55rem 1.15rem;
border-radius: 999px;
font-size: 0.86rem;
font-weight: 500;
background: rgba(0, 0, 0, 0.35);
border: 1px solid rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
position: relative;
overflow: hidden;
}

#cta .feature-chip::before {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(
  90deg,
  rgba(255, 255, 255, 0.16),
  rgba(255, 255, 255, 0.02),
  rgba(255, 255, 255, 0.16)
);
transform: translateX(-120%);
opacity: 0;
transition: transform 0.6s ease, opacity 0.6s ease;
}

#cta .feature-chip span {
position: relative;
z-index: 1;
}

#cta .feature-chip-icon {
width: 22px;
height: 22px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.12);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.9rem;
}

/* different accent rings per chip */
#cta .feature-chip:nth-child(1) {
border-color: rgba( var(--bs-primary-rgb), 0.7 );
}

#cta .feature-chip:nth-child(2) {
border-color: var(--secondary-light);
}

#cta .feature-chip:nth-child(3) {
border-color: var(--accent-light);
}

#cta .feature-chip:nth-child(4) {
border-color: var(--info-light);
}

#cta .feature-chip:hover::before {
transform: translateX(120%);
opacity: 1;
}

/* primary CTA button */

#cta .cta-btn {
display: inline-flex;
align-items: center;
gap: 0.6rem;
padding: 0.95rem 2.6rem;
border-radius: 999px;
border: none;
text-decoration: none;
font-weight: 700;
font-size: 1rem;
letter-spacing: 0.08em;
text-transform: uppercase;
background: linear-gradient(
  135deg,
  var(--secondary),
  var(--warning-color),
  var(--secondary-light)
);
color: var(--neutral-1050);
position: relative;
overflow: hidden;
box-shadow: 0 14px 40px rgba(253, 187, 84, 0.55);
}

#cta .cta-btn span {
position: relative;
z-index: 1;
}

#cta .cta-btn i {
position: relative;
z-index: 1;
font-size: 1.1rem;
}

#cta .cta-btn::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
  120deg,
  rgba(255, 255, 255, 0.4),
  transparent,
  rgba(255, 255, 255, 0.35)
);
transform: translateX(-120%);
opacity: 0;
transition: transform 0.5s ease, opacity 0.5s ease;
}

#cta .cta-btn:hover::before {
transform: translateX(120%);
opacity: 1;
}

#cta .cta-btn:hover {
transform: translateY(-2px);
box-shadow: 0 18px 48px rgba(253, 187, 84, 0.7);
}

/* stats side */

#cta .stats-panel {
padding: 1rem 0 0;
}

#cta .stats-grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.4rem;
}

#cta .stat-item {
border-radius: 1.3rem;
padding: 1.4rem 1.5rem;
background: rgba(0, 0, 0, 0.55);
border: 1px solid rgba(255, 255, 255, 0.14);
position: relative;
overflow: hidden;
}

#cta .stat-item::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
border-radius: 0 999px 999px 0;
background: linear-gradient(
  180deg,
  var(--primary-light),
  var(--secondary),
  var(--accent-light)
);
transform: scaleY(0);
transform-origin: top;
transition: transform 0.35s ease;
}

#cta .stat-item:hover::before {
transform: scaleY(1);
}

#cta .stat-number {
font-size: 2.4rem;
font-weight: 800;
margin-bottom: 0.35rem;
background: linear-gradient(
  130deg,
  var(--primary-bg),
  var(--secondary-bg),
  var(--accent-bg)
);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1.1;
}

#cta .stat-label {
font-size: 0.95rem;
color: rgba(255, 255, 255, 0.86);
letter-spacing: 0.04em;
text-transform: uppercase;
}

/* responsive */

@media (max-width: 991.98px) {
#cta {
  padding: 4.5rem 0;
}

#cta .cta-shell {
  padding: 2.4rem 1.9rem 2.6rem;
}

#cta .cta-grid {
  grid-template-columns: 1fr;
  gap: 2.1rem;
}

#cta .cta-main {
  text-align: left;
}

#cta .cta-description {
  max-width: 100%;
}
}

@media (max-width: 767.98px) {
#cta {
  padding: 3.8rem 0;
}

#cta .cta-title {
  font-size: 2.25rem;
}

#cta .feature-list {
  flex-direction: column;
}

#cta .feature-chip {
  width: 100%;
  justify-content: flex-start;
}

#cta .cta-shell {
  border-radius: 1.6rem;
}
}

/* animations */

@keyframes ctaBlobDrift {
0% {
  transform: translate3d(0, 0, 0) scale(1);
}
50% {
  transform: translate3d(18px, -10px, 0) scale(1.08);
}
100% {
  transform: translate3d(-16px, 14px, 0) scale(1.02);
}
}

@keyframes ctaBorderGlow {
0% {
  background-position: 0 50%;
}
50% {
  background-position: 100% 50%;
}
100% {
  background-position: 0 50%;
}
}

@keyframes ctaDotPulse {
0% {
  transform: scale(1);
  box-shadow: 0 0 0 0 rgba(250, 222, 126, 0.7);
}
70% {
  transform: scale(1.4);
  box-shadow: 0 0 0 16px rgba(250, 222, 126, 0);
}
100% {
  transform: scale(1);
  box-shadow: 0 0 0 0 rgba(250, 222, 126, 0);
}
}
</style>
<section id="cta" data-lgbwen1l="aae9de5109dab2a16_1766934206277">
<div class="container">
<div class="cta-shell">
  <div class="cta-grid">
    <!-- Left: main content -->
    <div class="cta-main">
      <div class="cta-title-badge">
        <span class="cta-title-dot"></span>
        <span>Vertrauen durch Erfahrung</span>
      </div>
      <h2 class="cta-title">Warum BizFounderLaw?</h2>
      <p class="cta-description">Mit über 10 Jahren Spezialisierung in der Gründerberatung begleiten wir Startup-Teams und KMU in der ganzen Schweiz.</p>

      <a href="contact.php" class="cta-btn">
        <span>Jetzt Kontakt</span>
        <i class="bi bi-arrow-right-short"></i>
      </a>
    </div>

    <!-- Right: stats -->
    <div class="stats-panel">
      <div class="stats-grid">
        <div class="stat-item">
          <div class="stat-number">150+</div>
          <div class="stat-label">zufriedene Mandanten</div>
        </div>
        <div class="stat-item">
          <div class="stat-number">200+</div>
          <div class="stat-label">begleitete Gründungen</div>
        </div>
        <div class="stat-item">
          <div class="stat-number">10+</div>
          <div class="stat-label">Jahre Erfahrung</div>
        </div>
      </div>
    </div>
  </div>
</div>
</div>
</section>
<style>
@keyframes floatcard_xy8k2m9p4n {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-8px);
        }
      }

      @keyframes shimmer_7w3q5r1t6v {
        0% {
          background-position: -200% 0;
        }
        100% {
          background-position: 200% 0;
        }
      }

      #team {
        padding: 120px 0;
        background: var(--background-primary);
        position: relative;
        overflow: hidden;
      }

      #team::before {
        content: '';
        position: absolute;
        width: 300px;
        height: 300px;
        background: radial-gradient(circle, var(--primary-bg) 0%, transparent 70%);
        opacity: 0.15;
        top: 10%;
        left: 5%;
        border-radius: 50%;
        filter: blur(40px);
      }

      #team::after {
        content: '';
        position: absolute;
        width: 250px;
        height: 250px;
        background: radial-gradient(circle, var(--accent-bg) 0%, transparent 70%);
        opacity: 0.15;
        bottom: 15%;
        right: 8%;
        border-radius: 50%;
        filter: blur(40px);
      }

      #team .section-title {
        text-align: center;
        margin-bottom: 80px;
        position: relative;
        z-index: 2;
      }

      #team .section-title h2 {
        color: var(--text-primary);
        font-size: 3rem;
        font-weight: 800;
        margin-bottom: 20px;
        position: relative;
        display: inline-block;
        letter-spacing: -0.5px;
      }

      #team .section-title h2::before {
        content: '';
        position: absolute;
        top: -15px;
        left: 50%;
        transform: translateX(-50%);
        width: 60px;
        height: 5px;
        background: var(--primary);
        border-radius: 3px;
      }

      #team .section-title h2::after {
        content: '';
        position: absolute;
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 3px;
        background: linear-gradient(90deg, transparent 0%, var(--accent) 50%, transparent 100%);
        border-radius: 2px;
      }

      #team .section-title p {
        color: var(--text-secondary);
        font-size: 1.15rem;
        max-width: 700px;
        margin: 30px auto 0;
        line-height: 1.8;
      }

      #team .team-card {
        background: var(--background-tertiary);
        border-radius: 24px;
        padding: 0;
        margin-bottom: 40px;
        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
        z-index: 1;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
        overflow: hidden;
        display: flex;
        align-items: center;
        min-height: 220px;
      }

      #team .team-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
        transition: left 0.6s ease;
        z-index: 2;
      }

      #team .team-card:hover::before {
        left: 100%;
      }

      #team .team-card::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 4px;
        height: 0;
        background: linear-gradient(180deg, var(--primary) 0%, var(--accent) 100%);
        transition: height 0.5s ease;
        z-index: 3;
      }

      #team .team-card:hover {
        transform: translateX(8px) translateY(-5px);
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
      }

      #team .team-card:hover::after {
        height: 100%;
      }

      #team .team-card.primary {
        background: linear-gradient(135deg, var(--background-tertiary) 0%, var(--primary-bg) 50%, var(--background-tertiary) 100%);
        background-size: 200% 200%;
      }

      #team .team-card.primary:hover {
        background-position: 100% 0;
      }

      #team .team-card.accent {
        background: linear-gradient(135deg, var(--background-tertiary) 0%, var(--accent-bg) 50%, var(--background-tertiary) 100%);
        background-size: 200% 200%;
      }

      #team .team-card.accent:hover {
        background-position: 100% 0;
      }

      #team .team-card.warning {
        background: linear-gradient(135deg, var(--background-tertiary) 0%, var(--warning-bg) 50%, var(--background-tertiary) 100%);
        background-size: 200% 200%;
      }

      #team .team-card.warning:hover {
        background-position: 100% 0;
      }

      #team .team-card .card-image {
        flex-shrink: 0;
        width: 200px;
        height: 200px;
        position: relative;
        padding: 20px;
        z-index: 1;
      }

      #team .team-card .card-image::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50%;
        background: linear-gradient(135deg, var(--primary-light) 0%, var(--accent-light) 100%);
        opacity: 0;
        transition: opacity 0.4s ease;
        z-index: -1;
      }

      #team .team-card:hover .card-image::before {
        opacity: 0.2;
      }

      #team .team-card img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
        border: 4px solid var(--background-tertiary);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
        z-index: 1;
      }

      #team .team-card:hover img {
        transform: scale(1.08) rotate(2deg);
        border-color: var(--primary);
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
      }

      #team .team-card .card-content {
        flex: 1;
        padding: 35px 40px 35px 20px;
        position: relative;
        z-index: 1;
      }

      #team .team-card h3 {
        color: var(--text-primary);
        font-size: 1.75rem;
        font-weight: 700;
        margin-bottom: 12px;
        transition: all 0.3s ease;
        letter-spacing: -0.3px;
      }

      #team .team-card:hover h3 {
        color: var(--primary);
        transform: translateX(5px);
      }

      #team .team-card .position {
        display: inline-block;
        padding: 6px 18px;
        border-radius: 20px;
        font-weight: 600;
        margin-bottom: 18px;
        font-size: 0.95rem;
        transition: all 0.4s ease;
        position: relative;
        overflow: hidden;
      }

      #team .team-card .position::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
        transition: left 0.5s ease;
      }

      #team .team-card:hover .position::before {
        left: 100%;
      }

      #team .team-card p {
        color: var(--text-secondary);
        font-size: 1rem;
        line-height: 1.75;
        margin-bottom: 0;
        transition: color 0.3s ease;
      }

      #team .team-card:hover p {
        color: var(--text-primary);
      }

      #team .team-card.primary .position {
        color: var(--primary-dark);
        background: var(--primary-bg);
        border: 2px solid var(--primary-light);
      }

      #team .team-card.accent .position {
        color: var(--accent-dark);
        background: var(--accent-bg);
        border: 2px solid var(--accent-light);
      }

      #team .team-card.warning .position {
        color: var(--warning-dark);
        background: var(--warning-bg);
        border: 2px solid var(--warning-light);
      }

      #team .team-card:nth-child(1) {
        animation: floatcard_xy8k2m9p4n 4s ease-in-out infinite;
        animation-delay: 0s;
      }

      #team .team-card:nth-child(2) {
        animation: floatcard_xy8k2m9p4n 4s ease-in-out infinite;
        animation-delay: 1.3s;
      }

      #team .team-card:nth-child(3) {
        animation: floatcard_xy8k2m9p4n 4s ease-in-out infinite;
        animation-delay: 2.6s;
      }

      @media (max-width: 991px) {
        #team {
          padding: 80px 0;
        }

        #team .section-title {
          margin-bottom: 60px;
        }

        #team .section-title h2 {
          font-size: 2.5rem;
        }

        #team .team-card {
          flex-direction: column;
          text-align: center;
          min-height: auto;
          padding: 30px 25px;
        }

        #team .team-card .card-image {
          width: 160px;
          height: 160px;
          padding: 15px;
          margin-bottom: 20px;
        }

        #team .team-card .card-content {
          padding: 0;
        }

        #team .team-card:hover {
          transform: translateY(-8px);
        }
      }

      @media (max-width: 767px) {
        #team {
          padding: 60px 0;
        }

        #team .section-title h2 {
          font-size: 2rem;
        }

        #team .section-title p {
          font-size: 1rem;
        }

        #team .team-card .card-image {
          width: 140px;
          height: 140px;
        }

        #team .team-card h3 {
          font-size: 1.5rem;
        }
      }
</style>
    <section id="team" data-oa7mu42n="c082692e5d12831ev5_1766934206541">
      <div class="container">
        <div class="section-title">
          <h2>Unser Team</h2>
          <p>Das Team von BizFounderLaw vereint erfahrene Rechtsberater mit fundiertem Branchenwissen und engem Praxisbezug.</p>
        </div>

        <div class="row">
          <div class="col-lg-4 col-md-6 mb-4">
            <div class="team-card primary">
              <div class="card-image">
                <img src="./assets/img/28.12.2025_bizfounderlaw.digital_man_1.webp" loading="lazy" alt="Max Müller" />
              </div>
              <div class="card-content">
                <h3>Max Müller</h3>
                <div class="position">Gründer & Rechtsberater</div>
                <p>Max Müller begleitet seit 2015 Gründer bei der rechtlichen Umsetzung ihrer Geschäftsideen und sorgt für reibungslose Gründungsprozesse.</p>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 mb-4">
            <div class="team-card accent">
              <div class="card-image">
                <img src="./assets/img/28.12.2025_bizfounderlaw.digital_woman_1.webp" loading="lazy" alt="Sabine Huber" />
              </div>
              <div class="card-content">
                <h3>Sabine Huber</h3>
                <div class="position">Rechtsanwältin</div>
                <p>Sabine Huber ist spezialisiert auf Gesellschaftsverträge und unterstützt Mandanten bei internen Regelungen und Compliance-Themen.</p>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 mb-4">
            <div class="team-card warning">
              <div class="card-image">
                <img src="./assets/img/28.12.2025_bizfounderlaw.digital_man_2.webp" loading="lazy" alt="Peter Schmid" />
              </div>
              <div class="card-content">
                <h3>Peter Schmid</h3>
                <div class="position">Senior Rechtsberater</div>
                <p>Maximilian Schmid berät seit über 10 Jahren Startups und KMU in allen rechtlichen Fragen rund um Unternehmensgründung und Vertragsmanagement.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
<style>
#features {
        background: var(--background-primary);
        padding: 5rem 0;
      }

      #features .header-wrapper {
        margin-bottom: 4rem;
      }

      #features .section-title {
        color: var(--text-primary);
        font-size: 2.5rem;
        font-weight: 700;
        margin-bottom: 1rem;
        line-height: 1.2;
      }

      #features .section-description {
        color: var(--text-secondary);
        font-size: 1.125rem;
        font-weight: 300;
        max-width: 600px;
      }

      #features .feature-card {
        background: var(--background-tertiary);
        border-radius: 1rem;
        padding: 2.5rem;
        height: 100%;
        transition: all 0.3s ease;
        border: 1px solid var(--neutral-150);
        position: relative;
        overflow: hidden;
      }

      #features .feature-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: var(--primary);
        transform: scaleX(0);
        transition: transform 0.3s ease;
      }

      #features .feature-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
        border-color: var(--primary-light);
      }

      #features .feature-card:hover::before {
        transform: scaleX(1);
      }

      #features .feature-card:nth-child(1) .icon-wrapper {
        background: var(--primary-bg);
      }

      #features .feature-card:nth-child(1) .icon-wrapper svg {
        color: var(--primary);
      }

      #features .feature-card:nth-child(2) .icon-wrapper {
        background: var(--secondary-bg);
      }

      #features .feature-card:nth-child(2) .icon-wrapper svg {
        color: var(--secondary);
      }

      #features .feature-card:nth-child(3) .icon-wrapper {
        background: var(--accent-bg);
      }

      #features .feature-card:nth-child(3) .icon-wrapper svg {
        color: var(--accent);
      }

      #features .feature-card:nth-child(4) .icon-wrapper {
        background: var(--info-bg);
      }

      #features .feature-card:nth-child(4) .icon-wrapper svg {
        color: var(--info-color);
      }

      #features .icon-wrapper {
        width: 64px;
        height: 64px;
        border-radius: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 1.5rem;
        transition: transform 0.3s ease;
      }

      #features .feature-card:hover .icon-wrapper {
        transform: scale(1.1) rotate(5deg);
      }

      #features .icon-wrapper svg {
        width: 32px;
        height: 32px;
      }

      #features .feature-title {
        color: var(--text-primary);
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: 1rem;
      }

      #features .feature-text {
        color: var(--text-secondary);
        font-size: 1rem;
        line-height: 1.6;
        margin-bottom: 1.5rem;
      }

      #features .feature-link {
        color: var(--primary);
        text-decoration: none;
        font-weight: 600;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        transition: all 0.3s ease;
      }

      #features .feature-link:hover {
        color: var(--primary-dark);
        gap: 0.75rem;
      }

      #features .feature-link::after {
        content: '→';
        transition: transform 0.3s ease;
      }

      #features .feature-link:hover::after {
        transform: translateX(4px);
      }

      #features .feature-badge {
        display: inline-block;
        padding: 0.25rem 0.75rem;
        background: var(--primary-bg);
        color: var(--primary-dark);
        border-radius: 0.5rem;
        font-size: 0.75rem;
        font-weight: 600;
        margin-bottom: 1rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
      }

      #features .feature-card:nth-child(2) .feature-badge {
        background: var(--secondary-bg);
        color: var(--secondary-dark);
      }

      #features .feature-card:nth-child(3) .feature-badge {
        background: var(--accent-bg);
        color: var(--accent-dark);
      }

      #features .feature-card:nth-child(4) .feature-badge {
        background: var(--info-bg);
        color: var(--info-dark);
      }

      @media (max-width: 991.98px) {
        #features {
          padding: 3rem 0;
        }

        #features .section-title {
          font-size: 2rem;
        }

        #features .feature-card {
          margin-bottom: 1.5rem;
        }
      }
</style>

        <section id="features" class="pb-5 pt-5" data-qp0wz1gx="a411bc478ee0ca3a2_1766934206584">
      <div class="container">
        <div class="header-wrapper">
          <div class="row align-items-end">
            <div class="col-lg-8">
              <h2 class="section-title">Unsere Leistungen im Überblick</h2>
              <p class="section-description">Bei BizFounderLaw bieten wir praxisorientierte Rechtsberatung für Unternehmensgründer in der Schweiz. Unser interdisziplinäres Team begleitet Sie von der ersten Idee bis zur operativen Umsetzung und sorgt dafür, dass Sie rechtlich auf sicherem Boden starten.</p>
            </div>
          </div>
        </div>
        <div class="row g-4">
          <div class="col-md-6 col-lg-3">
            <div class="feature-card">
              <span class="feature-badge">Fundierte Analyse</span>
              <div class="icon-wrapper">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                  <path
                    d="M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm13.464 12.536L20 12l-3.536-3.536L15.05 9.88 17.172 12l-2.122 2.121 1.414 1.415zM6.828 12L8.95 9.879 7.536 8.464 4 12l3.536 3.536L8.95 14.12 6.828 12zm4.416 5l3.64-10h-2.128l-3.64 10h2.128z"
                  ></path>
                </svg>
              </div>
              <h3 class="feature-title">Rechts-Check</h3>
              <p class="feature-text">Wir prüfen Ihre Dokumente und identifizieren potenzielle Risiken, damit Sie sich auf das Wesentliche konzentrieren können.</p>
              <a href="price.php" class="feature-link">Preise</a>
            </div>
          </div>
          <div class="col-md-6 col-lg-3">
            <div class="feature-card">
              <span class="feature-badge">Individuelle Lösung</span>
              <div class="icon-wrapper">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                  <path
                    d="M5.636 12.707l1.828 1.829L8.88 13.12 7.05 11.293l1.414-1.414 1.829 1.828 1.414-1.414L9.88 8.464l1.414-1.414L13.12 8.88l1.415-1.415-1.829-1.828 2.829-2.828a1 1 0 0 1 1.414 0l4.242 4.242a1 1 0 0 1 0 1.414L8.464 21.192a1 1 0 0 1-1.414 0L2.808 16.95a1 1 0 0 1 0-1.414l2.828-2.829zm8.485 5.656l4.243-4.242L21 16.757V21h-4.242l-2.637-2.637zM5.636 9.878L2.807 7.05a1 1 0 0 1 0-1.415l2.829-2.828a1 1 0 0 1 1.414 0L9.88 5.635 5.636 9.878z"
                  ></path>
                </svg>
              </div>
              <h3 class="feature-title">Vertragsgestaltung</h3>
              <p class="feature-text">Erstellung und Anpassung von Verträgen nach Ihren Anforderungen, damit Sie klare und rechtssichere Vereinbarungen treffen.</p>
              <a href="price.php" class="feature-link">Preise</a>
            </div>
          </div>
          <div class="col-md-6 col-lg-3">
            <div class="feature-card">
              <span class="feature-badge">Behörden-Support</span>
              <div class="icon-wrapper">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                  <path d="M15 21h-2v-3h-2v3H9v-2H7v2H4a1 1 0 0 1-1-1v-3h2v-2H3v-2h3v-2H3V9h2V7H3V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v9h9a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-3v-2h-2v2z"></path>
                </svg>
              </div>
              <h3 class="feature-title">Gründungsbegleitung</h3>
              <p class="feature-text">Unterstützung bei Behördenverfahren und Anmeldung Ihrer Firma, damit Sie die Formalitäten schnell und korrekt erledigen.</p>
              <a href="price.php" class="feature-link">Preise</a>
            </div>
          </div>
          <div class="col-md-6 col-lg-3">
            <div class="feature-card">
              <span class="feature-badge">Datenschutz</span>
              <div class="icon-wrapper">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                  <path d="M8 5h3v9H8v3H6v-3H3V5h3V2h2v3zm10 5h3v9h-3v3h-2v-3h-3v-9h3V7h2v3z"></path>
                </svg>
              </div>
              <h3 class="feature-title">Compliance Beratung</h3>
              <p class="feature-text">Beratung zum Datenschutz und zur Einhaltung digitaler Vorgaben, damit Sie die gesetzlichen Anforderungen erfüllen.</p>
              <a href="price.php" class="feature-link">Preise</a>
            </div>
          </div>
        </div>
      </div>
    </section>
    
<style>

    @keyframes cv4FadeUp {
          from {
              opacity: 0;
              transform: translateY(25px);
          }
          to {
              opacity: 1;
              transform: translateY(0);
          }
      }

      @keyframes cv4Float {
          0%, 100% {
              transform: translateY(0);
          }
          50% {
              transform: translateY(-10px);
          }
      }

      #content_3 {
          padding: 6.5rem 0;
          background: linear-gradient(180deg, var(--primary) 0%, var(--primary-dark) 40%, #020617 100%);
          position: relative;
          overflow: hidden;

          .content-shell {
              max-width: 960px;
              margin: 0 auto;
              padding: 0 1.5rem;
              text-align: center;
          }

          .content-image-wrapper {
              max-width: 520px;
              margin: 0 auto 2.5rem;
              position: relative;
              animation: cv4Float 6s ease-in-out infinite;

              .content-image-shadow {
                  position: absolute;
                  inset: 12px 24px -28px;
                  background: radial-gradient(circle, rgba(0, 0, 0, 0.7), transparent 65%);
                  filter: blur(18px);
                  opacity: 0.6;
              }

              .content-image-frame {
                  position: relative;
                  border-radius: 1.5rem;
                  overflow: hidden;
                  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.4);
                  border: 1px solid rgba(148, 163, 184, 0.5);

                  .content-image {
                      width: 100%;
                      height: auto;
                      display: block;
                      transform: scale(1.03);
                      transition: transform 0.6s ease;
                  }

                  &::after {
                      content: '';
                      position: absolute;
                      inset: 0;
                      background: linear-gradient(135deg, rgba(0, 0, 0, 0.5), transparent 70%);
                      mix-blend-mode: soft-light;
                  }
              }

              .content-image-frame:hover .content-image {
                  transform: scale(1.07);
              }

              .content-image-badge {
                  position: absolute;
                  left: 1.6rem;
                  top: 1.6rem;
                  padding: 0.4rem 1.2rem;
                  border-radius: 999px;
                  background: rgba(15, 23, 42, 0.9);
                  color: var(--text-light);
                  font-size: 0.86rem;
                  font-weight: 600;
                  display: inline-flex;
                  align-items: center;
                  gap: 0.45rem;

                  i {
                      color: var(--accent);
                  }
              }
          }

          .content-card {
              background: rgba(15, 23, 42, 0.95);
              border-radius: 1.5rem;
              border: 1px solid rgba(148, 163, 184, 0.65);
              padding: 2.4rem 2.6rem;
              box-shadow: 0 20px 50px rgba(15, 23, 42, 0.85);
              animation: cv4FadeUp 0.9s ease-out forwards;
              display: inline-block;
              text-align: left;
              max-width: 720px;
              width: 100%;
          }

          .content-badge {
              display: inline-block;
              padding: 0.4rem 1.3rem;
              border-radius: 999px;
              background: rgba(15, 23, 42, 0.9);
              color: var(--accent-light);
              font-size: 0.86rem;
              letter-spacing: 0.16em;
              text-transform: uppercase;
              font-weight: 600;
              margin-bottom: 1rem;
          }

          .content-title {
              color: var(--text-light);
              font-size: 2.5rem;
              font-weight: 800;
              line-height: 1.25;
              margin-bottom: 0.9rem;
          }

          .content-subtitle {
              color: var(--neutral-150);
              font-size: 1.25rem;
              font-weight: 500;
              margin-bottom: 1.2rem;
          }

          .content-description {
              color: var(--neutral-150);
              font-size: 1.02rem;
              line-height: 1.8;
              margin-bottom: 2rem;
          }

          .content-links {
              display: flex;
              flex-wrap: wrap;
              gap: 0.9rem;
          }

          .content-link {
              display: inline-flex;
              align-items: center;
              padding: 0.8rem 2.1rem;
              border-radius: 999px;
              font-weight: 600;
              font-size: 0.95rem;
              text-decoration: none;
              border: 2px solid transparent;
              transition: all 0.3s ease;

              i {
                  margin-left: 0.55rem;
                  transition: transform 0.3s ease;
              }

              &.primary {
                  background-color: var(--accent);
                  border-color: var(--accent);
                  color: var(--text-light);
              }

              &.secondary {
                  background-color: transparent;
                  border-color: rgba(148, 163, 184, 0.8);
                  color: var(--neutral-150);
              }

              &:hover {
                  transform: translateY(-2px);

                  i {
                      transform: translateX(5px);
                  }
              }

              &.primary:hover {
                  background-color: var(--accent-dark);
                  border-color: var(--accent-dark);
              }

              &.secondary:hover {
                  background-color: rgba(15, 23, 42, 0.9);
              }
          }

          @media (max-width: 767px) {
              padding: 5rem 0;

              .content-card {
                  padding: 1.9rem 1.7rem;
              }

              .content-title {
                  font-size: 2.2rem;
              }

              .content-subtitle {
                  font-size: 1.1rem;
              }

              .content-description {
                  font-size: 0.98rem;
              }

              .content-links {
                  flex-direction: column;
              }

              .content-link {
                  width: 100%;
                  justify-content: center;
              }
          }
      }
    
</style>

          <section id="content_3" data-dslf3c3l="b48705eb3a82b0b414_1766934207243">
      <div class="content-shell">
          <div class="content-image-wrapper">
              <div class="content-image-shadow"></div>
              <div class="content-image-frame">
                  <img src="./assets/img/28.12.2025_bizfounderlaw.digital_image_8.webp" loading="lazy" alt="Content Image" class="content-image" />
                  <div class="content-image-badge">
                      <i class="bi bi-camera"></i>
                      <span>Warum BizFounderLaw?</span>
                  </div>
              </div>
          </div>

          <div class="content-card">
              <span class="content-badge">Warum BizFounderLaw?</span>
              <h1 class="content-title">Rechtliche Grundlagen verstehen</h1>
              <h2 class="content-subtitle">Ihr Fahrplan für den erfolgreichen Start</h2>
              <p class="content-description">Erhalten Sie eine strukturierte Übersicht über die wichtigsten rechtlichen Aspekte bei der Unternehmensgründung in der Schweiz. Von der Wahl der passenden Rechtsform bis zu den notwendigen Verträgen – wir sorgen für Klarheit und reduzieren Verwaltungsaufwand.</p>
              <div class="content-links">
                  <a href="contact.php" class="content-link primary">
                      Mehr erfahren
                      <i class="bi bi-arrow-right"></i>
                  </a>
                  <a href="price.php" class="content-link secondary">
                      Details ansehen
                      <i class="bi bi-info-circle"></i>
                  </a>
              </div>
          </div>
      </div>
  </section>

    
<style>
#contact {
        background: linear-gradient(135deg, var(--primary-bg) 0%, var(--accent-bg) 50%, var(--info-bg) 100%);
        padding: 10rem 0;
        position: relative;
        overflow: hidden;

        &::before {
          content: '';
          position: absolute;
          width: 600px;
          height: 600px;
          top: -300px;
          right: -200px;
          background: radial-gradient(circle, var(--primary-light), transparent 70%);
          border-radius: 50%;
          opacity: 0.6;
          animation: floatContact-5AShdgfaskdjhaslkd 20s ease-in-out infinite;
        }

        &::after {
          content: '';
          position: absolute;
          width: 500px;
          height: 500px;
          bottom: -250px;
          left: -150px;
          background: radial-gradient(circle, var(--accent-light), transparent 70%);
          border-radius: 50%;
          opacity: 0.5;
          animation: floatContact-5AShdgfaskdjhaslkd 25s ease-in-out infinite reverse;
        }

        .container {
          position: relative;
          z-index: 1;
        }

        .contact-info {
          display: flex;
          flex-direction: column;
          justify-content: center;
          height: 100%;
          padding: 2rem 0;

          .info-title {
            font-size: 3.5rem;
            font-weight: 700;
            background: linear-gradient(135deg, var(--primary), var(--accent));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 1.5rem;
            line-height: 1.2;
          }

          .info-subtitle {
            font-size: 1.25rem;
            color: var(--text-secondary);
            margin-bottom: 2.5rem;
            line-height: 1.6;
          }

          .info-features {
            list-style: none;
            padding: 0;
            margin: 0;

            .feature-item {
              display: flex;
              align-items: center;
              margin-bottom: 1.5rem;
              padding: 1rem;
              background: rgba(255, 255, 255, 0.3);
              border-radius: 0.75rem;
              backdrop-filter: blur(10px);
              transition: all 0.3s ease;

              &:hover {
                background: rgba(255, 255, 255, 0.4);
                transform: translateX(10px);
              }

              .feature-icon {
                width: 50px;
                height: 50px;
                border-radius: 50%;
                background: linear-gradient(135deg, var(--primary), var(--accent));
                display: flex;
                align-items: center;
                justify-content: center;
                margin-right: 1.25rem;
                flex-shrink: 0;
                color: var(--text-light);
                font-size: 1.5rem;
              }

              .feature-text {
                color: var(--text-primary);
                font-size: 1.1rem;
                font-weight: 500;
              }
            }
          }
        }

        .contact-form-wrapper {
          position: relative;
        }

        .contact-form {
          background: var(--background-tertiary);
          border-radius: 2rem;
          padding: 3.5rem;
          box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(92, 161, 232, 0.1);
          position: relative;
          overflow: hidden;

          &::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: linear-gradient(90deg, var(--primary), var(--accent), var(--secondary));
          }

          .form-header {
            text-align: center;
            margin-bottom: 2.5rem;

            .contact-title {
              font-size: 2.25rem;
              font-weight: 700;
              color: var(--text-primary);
              margin-bottom: 0.75rem;
              position: relative;
              display: inline-block;

              &::after {
                content: '';
                position: absolute;
                bottom: -10px;
                left: 50%;
                transform: translateX(-50%);
                width: 60px;
                height: 4px;
                background: linear-gradient(90deg, var(--primary), var(--accent));
                border-radius: 2px;
              }
            }

            .contact-subtitle {
              color: var(--text-tertiary);
              font-size: 1rem;
              margin-top: 1.5rem;
            }
          }

          .form-group {
            position: relative;
            margin-bottom: 1.75rem;

            .form-control {
              border: 2px solid var(--neutral-250);
              border-radius: 0.75rem;
              padding: 1rem 1.25rem;
              font-size: 1rem;
              transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
              background: var(--background-tertiary);
              color: var(--text-primary);

              &::placeholder {
                color: var(--text-tertiary);
              }

              &:focus {
                border-color: var(--primary);
                box-shadow: 0 0 0 0.2rem rgba(92, 161, 232, 0.15), 0 8px 20px rgba(92, 161, 232, 0.1);
                transform: translateY(-2px);
                outline: none;
              }

              &:hover:not(:focus) {
                border-color: var(--neutral-350);
              }
            }

            textarea.form-control {
              resize: vertical;
              min-height: 120px;
            }
          }

          .form-check-wrapper {
            margin-bottom: 2rem;

            .form-check {
              display: flex;
              align-items: flex-start;
              padding-left: 0;

              .form-check-input {
                margin-top: 0.25rem;
                margin-right: 0.75rem;
                border: 2px solid var(--neutral-350);
                border-radius: 0.375rem;
                width: 1.25rem;
                height: 1.25rem;
                cursor: pointer;
                transition: all 0.3s ease;

                &:checked {
                  background-color: var(--primary);
                  border-color: var(--primary);
                  box-shadow: 0 0 0 0.2rem rgba(92, 161, 232, 0.2);
                }

                &:focus {
                  box-shadow: 0 0 0 0.2rem rgba(92, 161, 232, 0.15);
                }
              }

              .form-check-label {
                font-size: 0.95rem;
                color: var(--text-secondary);
                line-height: 1.5;
                cursor: pointer;

                a {
                  color: var(--primary);
                  text-decoration: none;
                  font-weight: 500;
                  position: relative;
                  transition: color 0.3s ease;

                  &::after {
                    content: '';
                    position: absolute;
                    width: 100%;
                    height: 2px;
                    bottom: -2px;
                    left: 0;
                    background: var(--primary);
                    transform: scaleX(0);
                    transition: transform 0.3s ease;
                  }

                  &:hover {
                    color: var(--primary-dark);

                    &::after {
                      transform: scaleX(1);
                    }
                  }
                }
              }
            }
          }

          .form-actions {
            text-align: center;
            margin-top: 2rem;

            .contact-btn {
              background: linear-gradient(135deg, var(--primary), var(--accent));
              border: none;
              color: var(--text-light);
              padding: 1.1rem 3rem;
              border-radius: 3rem;
              font-weight: 600;
              font-size: 1.05rem;
              letter-spacing: 0.5px;
              transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
              position: relative;
              overflow: hidden;
              box-shadow: 0 8px 20px rgba(92, 161, 232, 0.3);

              &::before {
                content: '';
                position: absolute;
                top: 0;
                left: -100%;
                width: 100%;
                height: 100%;
                background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
                transition: left 0.6s ease;
              }

              &::after {
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                width: 0;
                height: 0;
                border-radius: 50%;
                background: rgba(255, 255, 255, 0.2);
                transform: translate(-50%, -50%);
                transition: width 0.6s ease, height 0.6s ease;
              }

              &:hover {
                transform: translateY(-4px);
                box-shadow: 0 12px 30px rgba(92, 161, 232, 0.4);
                color: var(--text-light);

                &::before {
                  left: 100%;
                }

                &::after {
                  width: 300px;
                  height: 300px;
                }
              }

              &:active {
                transform: translateY(-2px);
              }
            }
          }
        }

        @media (max-width: 991px) {
          padding: 6rem 0;

          .contact-info {
            margin-bottom: 3rem;
            text-align: center;

            .info-title {
              font-size: 2.5rem;
            }

            .info-features .feature-item {
              justify-content: center;
            }
          }

          .contact-form {
            padding: 2.5rem;
          }
        }

        @media (max-width: 768px) {
          padding: 4rem 0;

          .contact-info {
            .info-title {
              font-size: 2rem;
            }

            .info-subtitle {
              font-size: 1.1rem;
            }

            .info-features .feature-item {
              flex-direction: column;
              text-align: center;

              .feature-icon {
                margin-right: 0;
                margin-bottom: 0.75rem;
              }
            }
          }

          .contact-form {
            padding: 2rem;
            border-radius: 1.5rem;

            .form-header .contact-title {
              font-size: 1.75rem;
            }

            .form-actions .contact-btn {
              width: 100%;
              padding: 1rem 2rem;
            }
          }
        }
      }

      @keyframes floatContact-5AShdgfaskdjhaslkd {
        0%,
        100% {
          transform: translate(0, 0) rotate(0deg);
        }
        33% {
          transform: translate(30px, -30px) rotate(120deg);
        }
        66% {
          transform: translate(-20px, 20px) rotate(240deg);
        }
      }
</style>

        <section id="contact" data-sok0wnkl="fdc44bf1f6301e8f5_1766934207278">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-5">
            <div class="contact-info">
              <h1 class="info-title">Kontaktieren Sie uns</h1>
              <p class="info-subtitle">Rechtsberatung für Gründer und KMU</p>
              <ul class="info-features">
                <li class="feature-item">
                  <div class="feature-icon">
                    <i class="bi bi-envelope-check"></i>
                  </div>
                  <span class="feature-text">Individuelle Rechtsanalyse</span>
                </li>
                <li class="feature-item">
                  <div class="feature-icon">
                    <i class="bi bi-shield-check"></i>
                  </div>
                  <span class="feature-text">Vertragsgestaltung und Prüfung</span>
                </li>
                <li class="feature-item">
                  <div class="feature-icon">
                    <i class="bi bi-headset"></i>
                  </div>
                  <span class="feature-text">Strategische Begleitung</span>
                </li>
              </ul>
            </div>
          </div>
          <div class="col-lg-7">
            <div class="contact-form-wrapper">
              <div class="contact-form">
                <form action="./submit-form.php" method="post" novalidate>
                  <div class="form-group">
                    <input type="text" class="form-control" placeholder="Ihr Name" required />
                  </div>
                  <div class="form-group">
                    <input type="email" class="form-control" placeholder="Ihre E-Mail-Adresse" required />
                  </div>
                  <div class="form-group">
                    <input type="tel" class="form-control" placeholder="Ihre Telefonnummer" required />
                  </div>
                  <div class="form-group">
                    <textarea class="form-control" rows="4" placeholder="Ihre Nachricht" required></textarea>
                  </div>
                  <div class="form-check-wrapper">
                    <div class="form-check">
                      <input class="form-check-input" type="checkbox" required />
                      <label class="form-check-label"> Ich akzeptiere die <a href="privacy.php">Datenschutzerklärung</a> </label>
                    </div>
                  </div>
                  <div class="form-actions">
                    <button type="submit" class="btn contact-btn">Absenden</button>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    
<style>

            #content_6 {
          padding: 6rem 0;
          background: var(--background-secondary);
          position: relative;
          overflow: hidden;

          &::before {
              content: "";
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              height: 1px;
              background: linear-gradient(90deg, transparent, var(--primary-light), transparent);
              pointer-events: none;
          }

          .content-shell {
              position: relative;
              z-index: 1;
          }

          .content-card {
              background: var(--background-tertiary);
              border-radius: 1.25rem;
              padding: 2.25rem;
              height: 100%;
              border: 1px solid var(--neutral-150);
              box-shadow: 0 14px 36px rgba(var(--bs-primary-rgb), 0.08);
              transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
              position: relative;
              overflow: hidden;
          }

          .content-card::after {
              content: "";
              position: absolute;
              inset: 0;
              background: radial-gradient(circle at 15% 20%, var(--primary-bg) 0%, transparent 55%);
              opacity: 0;
              transition: opacity 0.35s ease;
              pointer-events: none;
          }

          .content-card:hover {
              transform: translateY(-8px);
              box-shadow: 0 20px 52px rgba(var(--bs-primary-rgb), 0.14);
              border-color: var(--primary-light);
          }

          .content-card:hover::after {
              opacity: 0.35;
          }

          .content-icon {
              width: 3.65rem;
              height: 3.65rem;
              display: grid;
              place-items: center;
              background: var(--primary-bg);
              border: 1px solid var(--neutral-150);
              color: var(--primary);
              border-radius: 1rem;
              margin-bottom: 1.35rem;
              transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;

              i { font-size: 1.55rem; }
          }

          .content-card:hover .content-icon {
              background: var(--primary);
              color: var(--white);
              transform: scale(1.08);
          }

          .content-title {
              color: var(--text-primary);
              margin-bottom: 0.85rem;
              font-weight: 900;
              line-height: 1.25;
              font-size: 1.45rem;
          }

          .content-text {
              color: var(--text-secondary);
              font-size: 1.05rem;
              line-height: 1.7;
              margin-bottom: 1.25rem;
          }

          .content-link {
              display: inline-flex;
              align-items: center;
              gap: 0.55rem;
              text-decoration: none;
              color: var(--primary);
              font-weight: 900;
              transition: color 0.25s ease, gap 0.25s ease;

              i { transition: transform 0.25s ease; }
          }

          .content-link:hover {
              color: var(--primary-dark);
              gap: 0.8rem;

              i { transform: translateX(4px); }
          }

          .content-list {
              margin: 0;
              padding: 0;
          }

          .content-list-item {
              display: grid;
              grid-template-columns: 26px 1fr;
              gap: 0.75rem;
              align-items: start;
              padding: 0.95rem 0;
              border-bottom: 1px solid var(--neutral-150);
              transition: padding-left 0.25s ease;
          }

          .content-list-item:last-child {
              border-bottom: none;
          }

          .content-list-item:hover {
              padding-left: 0.5rem;
          }

          .content-list-item i {
              font-size: 1.2rem;
              color: var(--primary);
              margin-top: 0.05rem;
          }

          .content-list-item a {
              margin: 0;
              padding: 0;
              gap: 0.5rem;
          }

          .animate-fade-up {
              opacity: 0;
              transform: translateY(22px);
              animation: fadeUpV3 0.85s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          }

          @media (max-width: 768px) {
              padding: 4.5rem 0;
              .content-card { padding: 1.6rem; }
          }
      }

      @keyframes fadeUpV3 {
          to { opacity: 1; transform: translateY(0); }
      }    
  
</style>

          <section id="content_6" data-7clmdajp="b58c004d598b951323_1766934207694">
      <div class="container content-shell">
          <div class="row g-4">
              <div class="col-lg-7 animate-fade-up" style="animation-delay: 0.2s">
                  <div class="content-card">
                      <div class="content-icon"><i class="bi bi-lightbulb"></i></div>
                      <h2 class="content-title">Vertragsprüfung</h2>
                      <p class="content-text">Wir analysieren bestehende Vereinbarungen auf Risiken und schlagen Optimierungen vor.</p>
                      <a href="about.php" class="content-link">
                          Zum Angebot <i class="bi bi-arrow-right"></i>
                      </a>
                  </div>
              </div>

              <div class="col-lg-5 animate-fade-up" style="animation-delay: 0.35s">
                  <div class="content-card">
                      <div class="content-icon"><i class="bi bi-list-check"></i></div>
                      <h3 class="content-title">Firmengründung</h3>
                      <ul class="content-list list-unstyled">
                          <li class="content-list-item">
                              <i class="bi bi-check2-circle"></i>
                              <a href="contact.php" class="content-link">Unternehmensform wählen</a>
                          </li>
                          <li class="content-list-item">
                              <i class="bi bi-check2-circle"></i>
                              <a href="price.php" class="content-link">Dokumente erstellen</a>
                          </li>
                          <li class="content-list-item">
                              <i class="bi bi-check2-circle"></i>
                              <a href="about.php" class="content-link">Behördengänge begleiten</a>
                          </li>
                      </ul>
                  </div>
              </div>

              <div class="col-md-6 animate-fade-up" style="animation-delay: 0.5s">
                  <div class="content-card">
                      <div class="content-icon"><i class="bi bi-graph-up"></i></div>
                      <h3 class="content-title">Datenschutzberatung</h3>
                      <p class="content-text">Anpassung an schweizerische Vorgaben für digitale Dienste</p>
                      <a href="price.php" class="content-link">
                          Zum Angebot <i class="bi bi-arrow-right"></i>
                      </a>
                  </div>
              </div>

              <div class="col-md-6 animate-fade-up" style="animation-delay: 0.65s">
                  <div class="content-card">
                      <div class="content-icon"><i class="bi bi-shield-check"></i></div>
                      <h3 class="content-title">Lizenz- und Vertragsgestaltung</h3>
                      <p class="content-text">Erstellung maßgeschneiderter Lizenzvereinbarungen</p>
                      <a href="contact.php" class="content-link">
                          Zum Angebot <i class="bi bi-arrow-right"></i>
                      </a>
                  </div>
              </div>
          </div>
      </div>
  </section>

  
<style>
#formSuccessModal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        transition: opacity 0.4s ease, visibility 0.4s ease;
        backdrop-filter: blur(4px);
      }

      #formSuccessModal.active {
        opacity: 1;
        pointer-events: all;
        visibility: visible;
      }

      #formSuccessModal.active .form-success-content {
        animation: modalappear_ks82nf9m2x 0.5s ease-out forwards;
      }

      #formSuccessModal.active .form-success-icon {
        animation: modaliconbounce_jh34ks9p2q 0.6s ease-out 0.2s both;
      }

      #formSuccessModal .form-success-content {
        position: relative;
        z-index: 1000;
        background: var(--white);
        padding: 3.5rem 2.5rem;
        border-radius: 20px;
        box-shadow: 0 24px 48px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(92, 161, 232, 0.1);
        max-width: 520px;
        width: 90%;
        text-align: center;
        transform: scale(0.9) translateY(20px);
        opacity: 0;
        border: 2px solid var(--primary-light);
      }

      #formSuccessModal .form-success-icon-wrapper {
        margin-bottom: 1.75rem;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      #formSuccessModal .form-success-icon {
        width: 80px;
        height: 80px;
        background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2.5rem;
        color: var(--white);
        box-shadow: 0 8px 24px rgba(92, 161, 232, 0.3);
        transform: scale(0);
        opacity: 0;
        position: relative;
      }

      #formSuccessModal .form-success-icon::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: var(--primary-bg);
        opacity: 0.3;
        transform: scale(1.5);
        animation: modaliconpulse_wm7k3hx8nq 2s ease-in-out infinite;
      }

      #formSuccessModal .form-success-title {
        margin-bottom: 1rem;
        font-size: 1.875rem;
        color: var(--text-primary);
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: -0.02em;
      }

      #formSuccessModal .form-success-message {
        margin-bottom: 2rem;
        color: var(--text-secondary);
        font-size: 1.0625rem;
        line-height: 1.7;
        padding: 0 0.5rem;
      }

      #formSuccessModal .form-success-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.875rem 2.5rem;
        background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
        color: var(--white);
        border: none;
        border-radius: 10px;
        cursor: pointer;
        font-size: 1rem;
        font-weight: 600;
        transition: all 0.3s ease;
        box-shadow: 0 4px 12px rgba(92, 161, 232, 0.3);
        text-transform: none;
        letter-spacing: 0.01em;
        width: fit-content;
      }

      #formSuccessModal .form-success-button:hover {
        background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);
        box-shadow: 0 6px 20px rgba(92, 161, 232, 0.4);
        transform: translateY(-2px);
      }

      #formSuccessModal .form-success-button:active {
        transform: translateY(0);
        box-shadow: 0 2px 8px rgba(92, 161, 232, 0.3);
      }

      @keyframes modalappear_ks82nf9m2x {
        0% {
          transform: scale(0.9) translateY(20px);
          opacity: 0;
        }
        100% {
          transform: scale(1) translateY(0);
          opacity: 1;
        }
      }

      @keyframes modaliconbounce_jh34ks9p2q {
        0% {
          transform: scale(0);
          opacity: 0;
        }
        50% {
          transform: scale(1.15);
        }
        100% {
          transform: scale(1);
          opacity: 1;
        }
      }

      @keyframes modaliconpulse_wm7k3hx8nq {
        0%,
        100% {
          transform: scale(1.5);
          opacity: 0.3;
        }
        50% {
          transform: scale(1.8);
          opacity: 0.1;
        }
      }

      @media (max-width: 576px) {
        #formSuccessModal .form-success-content {
          padding: 2.5rem 1.75rem;
          max-width: 90%;
        }

        #formSuccessModal .form-success-icon {
          width: 70px;
          height: 70px;
          font-size: 2rem;
        }

        #formSuccessModal .form-success-title {
          font-size: 1.5rem;
        }

        #formSuccessModal .form-success-message {
          font-size: 1rem;
        }
      }
</style>

        <div class="modal-success" id="formSuccessModal" data-9poq0m75="b704f8de1f73242e3_1766934207720">
      <div class="form-success-content">
        <div class="form-success-icon-wrapper">
          <div class="form-success-icon">
            <i class="bi bi-check-lg"></i>
          </div>
        </div>
        <h3 class="form-success-title">Vielen Dank</h3>
        <p class="form-success-message">Ihre Anfrage wurde erfolgreich übermittelt. Wir melden uns so schnell wie möglich bei Ihnen.</p>
        <button class="form-success-button btn-close" type="button">Schliessen</button>
      </div>
    </div>
    
</main><style>
#footer {
        position: relative;
        background: linear-gradient(165deg, var(--background-tertiary) 0%, var(--neutral-50) 100%);
        overflow: hidden;
        border-top: 1px solid var(--neutral-150);

        &::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          height: 3px;
          background: linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 50%, var(--primary) 100%);
        }

        &::after {
          content: '';
          position: absolute;
          top: 3px;
          left: 0;
          right: 0;
          height: 40px;
          background: linear-gradient(180deg, rgba(var(--bs-primary-rgb), 0.05) 0%, transparent 100%);
          -webkit-mask: linear-gradient(45deg, #000 25%, transparent 25%) 0 0, linear-gradient(-45deg, #000 25%, transparent 25%) 0 0;
          mask: linear-gradient(45deg, #000 25%, transparent 25%) 0 0, linear-gradient(-45deg, #000 25%, transparent 25%) 0 0;
          -webkit-mask-size: 12px 12px;
          mask-size: 12px 12px;
        }

        .footer-brand {
          position: relative;
          padding: 1.5rem;
          background: rgba(var(--bs-primary-rgb), 0.03);
          border-radius: 15px;
          border: 1px solid rgba(var(--bs-primary-rgb), 0.1);
          margin-bottom: 1.5rem;

          h5 {
            color: var(--text-primary);
            font-weight: 800;
            letter-spacing: 2px;
            margin-bottom: 0;
            position: relative;
            display: inline-block;
            padding: 0.5rem 1rem;
            background: linear-gradient(120deg, transparent 0%, rgba(var(--bs-primary-rgb), 0.1) 100%);
            border-radius: 8px;
          }
        }

        .contact-info {
          .info-item {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1rem;
            padding: 0.75rem;
            border-radius: 10px;
            background: var(--background-tertiary);
            border: 1px solid var(--neutral-150);
            transition: all 0.3s ease;

            &:hover {
              transform: translateX(5px);
              border-color: var(--primary-light);
              box-shadow: 0 5px 15px rgba(var(--bs-primary-rgb), 0.1);
            }

            i {
              color: var(--primary);
              font-size: 1.2rem;
              padding: 0.5rem;
              background: rgba(var(--bs-primary-rgb), 0.1);
              border-radius: 8px;
              transition: all 0.3s ease;
            }

            span {
              color: var(--text-secondary);

              .fw-semibold {
                color: var(--text-primary);
                transition: color 0.3s ease;
              }
            }

            &:hover {
              i {
                background: var(--primary);
                color: var(--text-light);
              }

              .fw-semibold {
                color: var(--primary-dark);
              }
            }
          }
        }

        .footer-nav {
          position: relative;
          background: var(--background-tertiary);
          border-radius: 15px;
          padding: 2rem;
          border: 1px solid var(--neutral-150);
          box-shadow: 0 10px 30px -10px rgba(var(--bs-primary-rgb), 0.1);

          &::before {
            content: '';
            position: absolute;
            top: 10px;
            left: 10px;
            right: 10px;
            bottom: 10px;
            border: 1px dashed rgba(var(--bs-primary-rgb), 0.2);
            border-radius: 10px;
            pointer-events: none;
          }

          .nav {
            display: flex;
            flex-wrap: wrap;
            gap: 0.75rem 2rem;
            justify-content: center;
          }

          .nav-link {
            color: var(--text-secondary) !important;
            padding: 0.5rem 1rem;
            position: relative;
            transition: all 0.3s ease;
            border-radius: 8px;
            font-weight: 500;

            &::before {
              content: '';
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              background: rgba(var(--bs-primary-rgb), 0.1);
              border-radius: 8px;
              opacity: 0;
              transition: all 0.3s ease;
            }

            &:hover {
              color: var(--primary-dark) !important;
              transform: translateY(-2px);

              &::before {
                opacity: 1;
              }
            }
          }
        }

        .social-section {
          text-align: center;
          padding: 2rem;
          background: rgba(var(--bs-primary-rgb), 0.03);
          border-radius: 15px;
          position: relative;
          overflow: hidden;

          &::before,
          &::after {
            content: '';
            position: absolute;
            width: 100px;
            height: 100px;
            background: linear-gradient(45deg, var(--primary-light) 0%, transparent 60%);
            opacity: 0.1;
            border-radius: 50%;
          }

          &::before {
            top: -50px;
            left: -50px;
          }

          &::after {
            bottom: -50px;
            right: -50px;
          }

          .share-label {
            color: var(--text-primary);
            font-weight: 700;
            margin-bottom: 1.5rem;
            position: relative;
            display: inline-block;
            padding: 0.5rem 1.5rem;
            background: var(--background-tertiary);
            border-radius: 20px;
            box-shadow: 0 5px 15px rgba(var(--bs-primary-rgb), 0.1);
          }

          .social-buttons {
            display: flex;
            gap: 1rem;
            justify-content: center;
          }

          .share-btn {
            width: 45px;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
            background: var(--background-tertiary);
            color: var(--text-secondary) !important;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            overflow: hidden;

            &::before {
              content: '';
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              background: linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);
              opacity: 0;
              transition: opacity 0.3s ease;
            }

            i {
              font-size: 1.3rem;
              position: relative;
              z-index: 1;
              transition: all 0.3s ease;
            }

            &:hover {
              transform: translateY(-5px) scale(1.1);
              box-shadow: 0 8px 20px rgba(var(--bs-primary-rgb), 0.2);

              &::before {
                opacity: 1;
              }

              i {
                color: var(--text-light) !important;
              }
            }
          }
        }

        .footer-bottom {
          position: relative;
          margin-top: 3rem;
          padding-top: 2rem;
          border-top: 1px dashed rgba(var(--bs-primary-rgb), 0.2);

          .copyright {
            color: var(--text-secondary);
            font-size: 0.95rem;
            font-weight: 500;
          }

          .badge {
            background: var(--background-tertiary);
            color: var(--text-secondary);
            padding: 0.75rem 1.5rem;
            border-radius: 25px;
            border: 1px solid var(--neutral-150);
            box-shadow: 0 5px 15px rgba(var(--bs-primary-rgb), 0.1);
            transition: all 0.3s ease;

            &:hover {
              transform: translateY(-2px);
              border-color: var(--primary-light);
              box-shadow: 0 8px 20px rgba(var(--bs-primary-rgb), 0.15);
            }

            i {
              margin: 0 0.4rem;
              transition: transform 0.3s ease;

              &:hover {
                transform: scale(1.2);
              }
            }
          }
        }

        .decoration {
          position: absolute;
          color: var(--primary);
          pointer-events: none;
          opacity: 0.03;
          transition: all 0.5s ease;

          &.top-right {
            top: 2rem;
            right: 2rem;
            font-size: 5rem;
            transform: rotate(-15deg);
          }

          &.bottom-left {
            bottom: 2rem;
            left: 2rem;
            font-size: 4rem;
            transform: rotate(15deg);
          }
        }
      }
</style>

        <footer id="footer" class="py-5" data-joh7p2f4="aafeb0d2d7a4ba701_1766934207751">
      <div class="container">
        <div class="row g-4">
          <div class="col-lg-4">
            <div class="footer-brand">
              <h5 class="text-uppercase">BizFounderLaw</h5>
            </div>
            <div class="contact-info">
              <div class="info-item">
                <i class="bi bi-building"></i>
                <span class="small">Geschäfts-ID: <span class="fw-semibold">CHE-709.073.540</span></span>
              </div>
              <div class="info-item">
                <i class="bi bi-geo-alt"></i>
                <span class="small">Adresse: <span class="fw-semibold">Museumstrasse 2, 3003 Bern, Schweiz</span></span>
              </div>
              <div class="info-item">
                <i class="bi bi-envelope"></i>
                <span class="small">E-Mail: <span class="fw-semibold">info@bizfounderlaw.digital</span></span>
              </div>
              <div class="info-item">
                <i class="bi bi-telephone"></i>
                <span class="small">Telefon: <span class="fw-semibold">+41760843332</span></span>
              </div>
            </div>
          </div>

          <div class="col-lg-5">
            <div class="footer-nav">
              <nav>
                <ul class="nav">
                  <li class="nav-item"><a class="nav-link" href="index.php">Startseite</a></li>
                  <li class="nav-item"><a class="nav-link" href="about.php">Über uns</a></li>
                  <li class="nav-item"><a class="nav-link" href="price.php">Preise</a></li>
                  <li class="nav-item"><a class="nav-link" href="contact.php">Kontakt</a></li>
                  <li class="nav-item"><a class="nav-link" href="bmodel.php">Geschäftsmodell</a></li>
                  <li class="nav-item"><a class="nav-link" href="privacy.php">Datenschutz</a></li>
                  <li class="nav-item"><a class="nav-link" href="terms.php">AGB</a></li>
                </ul>
              </nav>
            </div>
          </div>

          <div class="col-lg-3">
            <div class="social-section">
              <div class="share-label text-center">Teilen</div>
              <div class="social-buttons">
                <a href="#" data-social="telegram" class="share-btn" title="Telegram"><i class="bi bi-telegram"></i></a>
                <a href="#" data-social="whatsapp" class="share-btn" title="WhatsApp"><i class="bi bi-whatsapp"></i></a>
                <a href="#" data-social="facebook" class="share-btn" title="Facebook"><i class="bi bi-facebook"></i></a>
                <a href="#" data-social="x" class="share-btn" title="Twitter"><i class="bi bi-twitter-x"></i></a>
                <a href="#" data-social="linkedin" class="share-btn" title="LinkedIn"><i class="bi bi-linkedin"></i></a>
              </div>
            </div>
          </div>
        </div>

        <div class="footer-bottom">
          <div class="row align-items-center">
            <div class="col-md-6">
              <div class="copyright">© 2025 BizFounderLaw</div>
            </div>
            <div class="col-md-6 text-md-end mt-3 mt-md-0">
              <span class="badge"> Erstellt mit <i class="bi bi-lightning-charge-fill text-warning"></i> und <i class="bi bi-bootstrap-fill text-primary"></i> </span>
            </div>
          </div>
        </div>

        <i class="bi bi-stars decoration top-right"></i>
        <i class="bi bi-moon-stars-fill decoration bottom-left"></i>
      </div>
    </footer>
<script>
function shareTo(social) {
        const pageUrl = encodeURIComponent(window.location.href);
        let shareUrl = '';
        switch (social) {
          case 'telegram':
            shareUrl = 'https://t.me/share/url?url=' + pageUrl;
            break;
          case 'whatsapp':
            shareUrl = 'https://wa.me/?text=' + pageUrl;
            break;
          case 'facebook':
            shareUrl = 'https://www.facebook.com/sharer/sharer.php?u=' + pageUrl;
            break;
          case 'x':
            shareUrl = 'https://twitter.com/intent/tweet?url=' + pageUrl;
            break;
          case 'linkedin':
            shareUrl = 'https://www.linkedin.com/shareArticle?url=' + pageUrl;
            break;
          default:
            return;
        }
        window.open(shareUrl, '_blank');
      }

      document.querySelectorAll('.share-btn').forEach((btn) => {
        btn.addEventListener('click', function (event) {
          event.preventDefault();
          shareTo(this.dataset.social);
        });
      });
</script>

    <script defer src="./assets/js/popper.min.js"></script>
    <script defer src="./assets/js/form.js"></script>
    <script defer src="./assets/js/bootstrap.min.js"></script>
  </body>
</html>
