/* =========================================================
   STB GLINDEMANN – ICON BOXEN PRO / LINKS AUSGERICHTET
   ========================================================= */

/* Gesamte Card */
#top .stb-iconbox-pro {
  position: relative;

  background: linear-gradient(180deg, #f8fbf2 0%, #ffffff 100%);
  border: 1px solid #e3ead6;
  border-radius: 14px;

  box-shadow: 0 10px 28px rgba(0,0,0,0.045);

  padding: 34px 30px 32px 86px;
  min-height: 270px;
  box-sizing: border-box;

  text-align: left;

  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease;
}

/* Hover */
#top .stb-iconbox-pro:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 38px rgba(0,0,0,0.075);
}

/* Icon-Kreis links */
#top .stb-iconbox-pro .iconbox_icon {
  position: absolute;
  top: 34px;
  left: 30px;

  width: 42px;
  height: 42px;
  line-height: 42px;

  margin: 0;

  background: #b7d77b;
  border: 3px solid #ffffff;
  color: #ffffff;

  font-size: 17px;

  box-shadow: 0 5px 14px rgba(0,0,0,0.14);

  z-index: 2;
}

/* Enfold-Inhaltsbereich neutralisieren */
#top .stb-iconbox-pro .iconbox_content {
  background: transparent;
  border: none;
  box-shadow: none;

  padding: 0;
  margin: 0;

  text-align: left;
}

/* Überschrift */
#top .stb-iconbox-pro .iconbox_content_title {
  margin: 0 0 22px;
  padding: 0;

  color: #111111;

  font-size: 17px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0.3px;

  text-transform: uppercase;
  text-align: left;
}

/* Linie unter Überschrift */
#top .stb-iconbox-pro .iconbox_content_title:after {
  content: "";
  display: block;

  width: 46px;
  height: 2px;

  margin: 17px 0 0;

  background: #b7d77b;
}

/* Beschreibung */
#top .stb-iconbox-pro .iconbox_text {
  margin: 0;

  color: #444444;

  font-size: 15px;
  line-height: 1.65;
  font-weight: 400;

  text-align: left;

  hyphens: auto;
  overflow-wrap: break-word;
}

/* Mobile Optimierung */
@media only screen and (max-width: 767px) {

  #top .stb-iconbox-pro {
    padding: 28px 22px 28px 76px;
    min-height: auto;
  }

  #top .stb-iconbox-pro .iconbox_icon {
    top: 28px;
    left: 22px;

    width: 40px;
    height: 40px;
    line-height: 40px;

    font-size: 16px;
  }

  #top .stb-iconbox-pro .iconbox_content_title {
    font-size: 16px;
    line-height: 1.25;
  }

  #top .stb-iconbox-pro .iconbox_text {
    font-size: 14px;
    line-height: 1.6;
  }
}