/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/infobox/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-create-block-buhlmultiblock {
  background-color: #21759b;
  color: #fff;
  padding: 2px;
}

.w-1600 {
  width: 100%;
  max-width: 1600px;
}

.mv-imagebanner {
  background-color: #FFE620;
  border-radius: 30px;
  border-top-left-radius: 90px;
  display: flex;
  overflow: hidden;
}

.mv-imagebanner .image img {
  max-width: 100%;
  height: 100%;
  width: auto;
}

.mv-imagebanner .image {
  flex-basis: 50%;
  -webkit-clip-path: ellipse(90% 135% at 8% 59%);
          clip-path: ellipse(90% 135% at 8% 59%);
  background-size: cover;
  background-position: center;
  min-height: 300px;
}

.mv-imagebanner .contentinner {
  flex-basis: 50%;
  padding: 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.mv-imagebanner .contentinner ul {
  margin-left: 25px !important;
}

.mv-imagebanner .flex-buttons-mobile {
  flex-direction: row !important;
  padding-top: 15px;
  justify-content: start;
}

.mv-imagebanner .contentinner .wp-block-button {
  text-align: left;
}

@media (max-width: 1024px) {
  .mv-imagebanner .contentinner .wp-block-button {
    width: 100%;
  }
  .mv-imagebanner .contentinner ul {
    margin-left: 0px !important;
  }
}
@media (max-width: 768px) {
  .mv-imagebanner {
    flex-direction: column;
    border-radius: 20px;
    border-top-left-radius: 20px;
  }
  .mv-imagebanner .image {
    -webkit-clip-path: ellipse(150% 60% at 50% 40%);
            clip-path: ellipse(150% 60% at 50% 40%);
  }
  .mv-imagebanner .contentinner h3, .mv-imagebanner .contentinner .subline {
    text-align: center;
  }
  .mv-imagebanner .contentinner ul {
    width: auto;
    margin: auto !important;
  }
  .mv-imagebanner .contentinner .wp-block-button {
    text-align: center;
  }
}

/*# sourceMappingURL=style-index.css.map*/