@media only screen and (max-width: 760px) {
}.tf-textmedia {
  margin: 10rem auto;
  max-width: var(--gutenmaxwidth);
  width: 100%;
}
@media only screen and (max-width: 1040px) {
  .tf-textmedia {
    margin: 7rem auto;
  }
}
@media only screen and (max-width: 760px) {
  .tf-textmedia {
    margin: 4rem auto;
  }
}
.tf-textmedia .tf-textmedia_inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tf-textmedia .tf-textmedia_inner.align-txtmedia .maintxtholder {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.tf-textmedia .tf-textmedia_inner.align-txtmedia .mediaholder {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.tf-textmedia .tf-textmedia_inner.align-mediatxt .maintxtholder {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.tf-textmedia .tf-textmedia_inner.align-mediatxt .mediaholder {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.tf-textmedia .tf-textmedia_inner .maintxtholder {
  width: calc(50% - 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media only screen and (max-width: 1200px) {
  .tf-textmedia .tf-textmedia_inner .maintxtholder {
    width: calc(50% - 30px);
  }
}
@media only screen and (max-width: 1040px) {
  .tf-textmedia .tf-textmedia_inner .maintxtholder {
    width: 100%;
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
}
.tf-textmedia .tf-textmedia_inner .maintxtholder > .txtholder {
  width: 100%;
}
.tf-textmedia .tf-textmedia_inner .maintxtholder > .txtholder > *:first-child {
  margin-top: 0 !important;
}
.tf-textmedia .tf-textmedia_inner .maintxtholder > .txtholder > *:last-child {
  margin-bottom: 0 !important;
}
.tf-textmedia .tf-textmedia_inner .maintxtholder > .txtholder > *:nth-last-child(2):is(.tf-block) {
  margin-bottom: 0 !important;
}
.tf-textmedia .tf-textmedia_inner .mediaholder {
  width: calc(50% - 60px);
}
@media only screen and (max-width: 1200px) {
  .tf-textmedia .tf-textmedia_inner .mediaholder {
    width: calc(50% - 30px);
  }
}
@media only screen and (max-width: 1040px) {
  .tf-textmedia .tf-textmedia_inner .mediaholder {
    width: 100%;
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 760px) {
  .tf-textmedia .tf-textmedia_inner .mediaholder {
    margin-top: 30px;
  }
}
.page-text-bottom .guten .tf-textmedia {
  margin: 2rem auto;
  width: 100%;
  max-width: var(--gutenmaxwidth);
}
@media only screen and (max-width: 1040px) {
  .page-text-bottom .guten .tf-textmedia {
    margin: 1.8rem auto;
  }
}
@media only screen and (max-width: 760px) {
  .page-text-bottom .guten .tf-textmedia {
    margin: 1.6rem auto;
  }
}
@media only screen and (min-width: 1041px) {
  .tf-textmedia.imgbreakout .tf-textmedia_inner .mediaholder {
    position: relative;
  }
  .tf-textmedia.imgbreakout .tf-textmedia_inner .mediaholder .imgholder {
    position: absolute;
    width: calc((var(--vw100max, 100vw) / 2) - 30px);
    top: -12rem;
    bottom: -2rem;
    height: calc(100% + 14rem);
  }
  .tf-textmedia.imgbreakout .tf-textmedia_inner.align-mediatxt .mediaholder .imgholder {
    right: 0;
    border-radius: 0 0 var(--bigradius) 0;
  }
  .tf-textmedia.imgbreakout .tf-textmedia_inner.align-txtmedia .mediaholder .imgholder {
    left: 0;
    border-radius: 0 0 0 var(--bigradius);
  }
  .tf-background_inner.cri-lefttop .tf-textmedia.imgbreakout .tf-textmedia_inner.align-mediatxt .mediaholder .imgholder {
    border-top-left-radius: var(--cri-radius);
  }
  .tf-background_inner.cri-righttop .tf-textmedia.imgbreakout .tf-textmedia_inner.align-txtmedia .mediaholder .imgholder {
    border-top-right-radius: var(--cri-radius);
  }
}
@media only screen and (min-width: 1201px) {
  .tf-textmedia.imgbreakout .tf-textmedia_inner .mediaholder .imgholder {
    width: calc((var(--vw100max, 100vw) / 2) - 60px);
  }
}