/**
* Block Name: blog_bewertung
*/

section.blog_bewertung {
  overflow: hidden;
}
section.blog_bewertung .bg_light_green {
  background: var(--alt-light-green);
  padding: 30px;
  z-index: 1;
  position: relative;
  border-radius: var(--radius-medium);
}

section.blog_bewertung .bg_light_green .content p:last-child {
  margin-bottom: 0;
}

section.blog_bewertung .content_wrapper > img.herb:nth-of-type(1) {
  top: -100px;
  right: -100px;
  left: unset;
  opacity: 1;
  z-index: 2;
  width: 240px;
}

section.blog_bewertung .content_wrapper > img.herb:nth-of-type(2) {
  bottom: -170px;
  right: -100px;
  left: unset;
  top: unset;
  opacity: 1;
  width: 80%;
  max-width: 600px;
}

section.blog_bewertung
  div.wpforms-container-full
  .wpforms-form
  .wpforms-field-label {
  font-weight: 400;
  padding: 15px 0;
}

section.blog_bewertung
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"] {
  font-weight: 400;
  font-size: 22px;
  position: relative;
  background: transparent;
  text-decoration: none;
  color: var(--green);
  padding: 0px;
  border: none;
}
section.blog_bewertung
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:after {
  content: "\e5c8";
  position: absolute;
  -webkit-transition: right 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: right 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  right: -30px;
  font-family: "Material Icons";
}
section.blog_bewertung
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:active {
  color: var(--viridian) !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none;
}

section.blog_bewertung
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover:after {
  right: -34px;
}

section.blog_bewertung
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:hover,
section.blog_bewertung
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"]:focus {
  color: var(--viridian);
  background: transparent;
  border: none;
}

section.blog_bewertung .wpforms-confirmation-container-full,
section.blog_bewertung
  div[submit-success]
  > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  background: transparent;
  border: none;
  padding: 15px 0px;
}

@media (max-width: 767px) {
  section.blog_bewertung .bg_light_green {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  section.blog_bewertung .content_wrapper > img.herb:nth-of-type(1) {
    width: 150px;
    right: -50px;
  }
  section.blog_bewertung .content_wrapper > img.herb:nth-of-type(2) {
    right: -50px;
    bottom: -120px;
  }
}