.ce_image_and_text {
  margin-bottom: clamp(4.744em, 13.5vw + 0.222em, 12.277em);
}
.ce_image_and_text .inside {
  width: 90%;
  max-width: 80.6em;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 719.98px) {
  .ce_image_and_text .inside {
    width: 100%;
  }
}
.ce_image_and_text .inside.reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-direction: reverse;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.ce_image_and_text .image_container picture, .ce_image_and_text .image_container img {
  display: block;
  width: 100%;
  height: auto;
}
.ce_image_and_text .text_container {
  padding: clamp(2.24em, 1vw + 1.889em, 2.8em) clamp(1.228em, 4vw + -0.111em, 3.46em);
  color: #FFFFFF;
  background-color: #2E2E38;
  clip-path: polygon(92% 0%, 100% 28%, 100% 100%, 0 100%, 0 0);
  clip-path: polygon(calc(100% - 4.22em) 0%, 100% 6.11em, 100% 100%, 0 100%, 0 0);
  clip-path: polygon(0% 100%, 0 0, 0 0, 100% 0%, 100% 90%, 80% 100%);
  clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 100% clamp(calc(100% - 1.778em), 10vw, calc(100% - 2.88em)), clamp(calc(100% - 4.22em), 10vw, calc(100% - 6.88em)) 100%);
}
@media only screen and (max-width: 719.98px) {
  .ce_image_and_text .text_container {
    clip-path: polygon(0% 100%, 0 5%, 5% 0, 100% 0%, 100% 90%, 80% 100%);
    clip-path: polygon(0% 100%, 0% 1em, 0.88em 0%, 100% 0%, 100% clamp(calc(100% - 1.778em), 10vw, calc(100% - 2.88em)), clamp(calc(100% - 4.22em), 10vw, calc(100% - 6.88em)) 100%);
  }
}
.ce_image_and_text .text_container .element-heading {
  font-family: "BarlowCondensed ExtraBold Italic", sans-serif;
  font-size: 2.5em;
  font-size: clamp(1.66em, 3vw + 0.667em, 3.33em);
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #2E2E38;
  color: #FFFFFF;
  margin-bottom: 0.567em;
}
.ce_image_and_text .text_container .element-heading + pre {
  font-family: "Barlow Regular", sans-serif;
  font-size: 1em;
  font-size: clamp(0.89em, 0.8vw + 0.622em, 1.33em);
  line-height: 1.18;
  text-transform: uppercase;
  color: #2E2E38;
  color: #FFFFFF;
  line-height: 1.4;
  white-space: normal;
}
.ce_image_and_text .text_container h2, .ce_image_and_text .text_container h3, .ce_image_and_text .text_container h4, .ce_image_and_text .text_container h5 {
  color: #FFFFFF;
}
@media only screen and (min-width: 720px) {
  .ce_image_and_text .image_container {
    width: 80%;
    max-width: 54.7em;
    margin-left: auto;
  }
  .ce_image_and_text .text_container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 70%;
    max-width: 40.7em;
    margin-top: -12%;
    min-height: 13em;
  }
  .ce_image_and_text .reverse .image_container {
    margin-left: 0;
    margin-right: auto;
  }
}
@media only screen and (max-width: 719.98px) {
  .ce_image_and_text .inside .text_container {
    width: 90%;
    max-width: 80.6em;
    margin: 0 auto;
    margin-top: -1.4em;
  }
}
.tl_content .ce_image_and_text {
  margin-bottom: 0;
}
.tl_content .ce_image_and_text .inside {
  width: 100%;
}
.tl_content .ce_image_and_text img {
  max-width: none;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%2Fwww%2Fvhosts%2Fhangwei.de%2Fhttpdocs%2Fvendor%2Fvonheldenundgestalten%2Fhangweide-basic%2Fsrc%2FResources%2Fpublic%2Fcss%2Felements%2Fce_image_and_text.scss%22%2C%22var%2Fwww%2Fvhosts%2Fhangwei.de%2Fhttpdocs%2Fvendor%2Fvonheldenundgestalten%2Fhangweide-basic%2Fsrc%2FResources%2Fpublic%2Fcss%2Felements%2F..%2Fincludes%2F_mixins.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADCI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACdA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADoBI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQJ%3BAAAA%3BAAAA%3BACvCJ%3BAD8CI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACzDR%3BADkEQ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcR%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%22%7D */