/* Einheitlicher Footer aller Seiten. */

    .bella-site-footer{
      position:relative;
      z-index:4;
      width:100%;
      min-height:clamp(390px,31vw,500px);
      margin-top:clamp(44px,7vw,86px);
      overflow:hidden;
      color:#173829;
      background:#183c2b url("../Bilder/Intro-footer.png") center bottom/cover no-repeat;
    }

    .home-page-v2 .bella-site-footer{
      margin-top:0;
    }

    .bella-footer-content{
      position:relative;
      z-index:2;
      width:min(1000px,calc(100% - 40px));
      min-height:clamp(390px,31vw,500px);
      margin:0 auto;
      padding:clamp(42px,5vw,66px) 0 24px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      align-items:center;
      box-sizing:border-box;
    }

    .bella-footer-nav{
      width:min(720px,100%);
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:clamp(28px,6vw,72px);
      text-align:center;
    }

    .bella-footer-nav section{
      min-width:0;
    }

    .bella-footer-nav h2{
      margin:0 0 12px;
      color:#617468;
      font-family:inherit;
      font-size:.64rem;
      font-weight:900;
      line-height:1.2;
      letter-spacing:.10em;
      text-transform:uppercase;
    }

    .bella-footer-nav a{
      display:block;
      width:max-content;
      max-width:100%;
      margin:0 auto;
      padding:4px 0;
      color:#173829;
      text-decoration:none;
      font-size:.79rem;
      font-weight:780;
      line-height:1.38;
      text-shadow:0 1px 0 rgba(255,255,255,.56);
      transition:color .16s ease,transform .16s ease;
    }

    .bella-footer-nav a:hover,
    .bella-footer-nav a:focus-visible{
      color:#347151;
      transform:translateY(-1px);
    }

    .bella-footer-copyright{
      margin:0 auto 2px;
      color:#eef4ed;
      font-size:.73rem;
      font-weight:750;
      letter-spacing:.02em;
      text-align:center;
      text-shadow:0 1px 4px rgba(6,31,22,.42);
    }

    @media(max-width:780px){
      .bella-site-footer{
        min-height:460px;
        background-position:center bottom;
      }
      .bella-footer-content{
        width:calc(100% - 28px);
        min-height:460px;
        padding-top:34px;
      }
      .bella-footer-nav{gap:24px}
    }

    @media(max-width:560px){
      .bella-site-footer{min-height:560px}
      .bella-footer-content{
        min-height:560px;
        padding-top:28px;
      }
      .bella-footer-nav{
        width:min(330px,100%);
        grid-template-columns:1fr 1fr;
        gap:24px 34px;
      }
      .bella-footer-nav section:nth-child(2){grid-row:span 2}
    }