/* =========================================================
   FOOTER INFOZONE
   ========================================================= */

.stb-footer-strip {
  width: 100%;
  max-width: 1240px;

  margin: 0 auto;

  padding:
    54px
    42px
    52px;

  display: grid;
  grid-template-columns: 1.2fr 1fr 0.7fr;

  gap: 50px;

  align-items: start;

  color: #666;
}


/* =========================================================
   SPALTEN
   ========================================================= */

.stb-footer-col {
  min-width: 0;
}


/* =========================================================
   LOGO LINKS
   ========================================================= */

.stb-footer-logo {
  display: block;

  width: 240px;
  max-width: 100%;
  height: auto;

  margin-bottom: 4px;
}


/* Linke Spalte leicht höher / harmonischer */
.stb-footer-left {
  padding-top: 0px;
  transform: translateY(-20px);
}


/* =========================================================
   KONTAKTDATEN
   ========================================================= */

.stb-footer-contact {
  font-size: 15px;
  line-height: 1.8;

  color: #666;
}

.stb-footer-contact strong {
  color: #444;
}

.stb-footer-contact a {
  color: #7a983f;
  text-decoration: none;

  transition: color 0.22s ease;
}

.stb-footer-contact a:hover {
  color: #5e7c2b;
}


/* =========================================================
   MITTLERE SPALTE
   ========================================================= */

.stb-footer-center {
  padding-top: 10px;
}

.stb-footer-center h3 {
  margin: 0 0 18px;

  font-size: 16px;
  font-weight: 600;

  color: #444;
}

.stb-footer-center p {
  margin: 0 0 14px;

  font-size: 15px;
  line-height: 1.9;

  color: #666;
}

.stb-footer-note {
  font-weight: 600;
  color: #7a983f !important;
}


/* =========================================================
   DATEV LOGO
   ========================================================= */

.stb-footer-right {
  display: flex;
  justify-content: flex-end;
}

.stb-datev-logo {
  width: 115px;
  max-width: 100%;
  height: auto;

  opacity: 0.88;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 989px) {

  .stb-footer-strip {
    grid-template-columns: 1fr;
    gap: 42px;

    padding:
      48px
      36px
      44px;
  }

  .stb-footer-left,
  .stb-footer-center {
    padding-top: 0;
  }

  .stb-footer-right {
    justify-content: flex-start;
  }

  .stb-footer-logo {
    width: 280px;
  }

  .stb-datev-logo {
    width: 105px;
  }
}


/* Smartphone */
@media (max-width: 767px) {

  .stb-footer-strip {
    gap: 34px;

    padding:
      42px
      28px
      38px;
  }

  .stb-footer-contact,
  .stb-footer-center p {
    font-size: 14px;
    line-height: 1.75;
  }

  .stb-footer-center h3 {
    font-size: 17px;
  }

  .stb-footer-logo {
    width: 250px;
  }

  .stb-datev-logo {
    width: 95px;
  }
}