@charset "UTF-8";
/*
*
* Bitte geänderte Zeilen in dieser Datei so kennzeichnen:
*
*  .meinstyle { color: red }  // ingo
*/
.multilayout-container {
  position: relative; }
  .border-collapse .multilayout-container {
    margin-bottom: -1px; }
  .space-bottom-small .multilayout-container {
    margin-bottom: 2.38095%; }
  .space-top-small .multilayout-container {
    margin-top: 2.38095%; }
  .space-bottom-normal .multilayout-container {
    margin-bottom: 4.7619%; }

.multilayout-element {
  display: flex;
  width: 100%; }
  .multilayout-element * {
    box-sizing: border-box; }
  .multilayout-element.img-right .img-element {
    order: 2; }
  .multilayout-element.nobox .txt-element {
    background: none !important; }
  .multilayout-element a.btn {
    margin-top: 15px; }
  .multilayout-element.boxoutline .txt-element {
    background: none !important;
    border: 1px solid;
    background-color: white !important; }
  .multilayout-element .img-element {
    margin-bottom: 4.7619%;
    position: relative;
    overflow: hidden; }
    .multilayout-element .img-element img {
      width: 100%;
      max-width: 100%; }
    .multilayout-element .img-element img.hoverbild {
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      transition: 0.5s; }
    .multilayout-element .img-element:hover .hoverbild {
      opacity: 1; }
  .multilayout-element .txt-element, .multilayout-element .txt-element-2 {
    padding: 4.7619%; }
    .multilayout-element .txt-element p, .multilayout-element .txt-element-2 p {
      margin-bottom: 0; }
  .multilayout-element .txt-element-2.boxoutline {
    border: 1px solid;
    background-color: white !important; }
  .multilayout-element.box-right {
    justify-content: flex-end; }
    .multilayout-element.box-right.indent.img-left .txt-element {
      margin-right: 9.52381%; }
    .multilayout-element.box-right.indent.img-right .img-element {
      margin-right: 9.52381%; }
    .multilayout-element.box-right.indent2.img-left .txt-element {
      margin-right: 19.04762%; }
    .multilayout-element.box-right.indent2.img-right .img-element {
      margin-right: 19.04762%; }
    .multilayout-element.box-right.indent3.img-left .txt-element {
      margin-right: 28.57143%; }
    .multilayout-element.box-right.indent3.img-right .img-element {
      margin-right: 28.57143%; }
  .multilayout-element.box-left.indent.img-left .img-element {
    margin-left: 9.52381%; }
  .multilayout-element.box-left.indent.img-right .txt-element {
    margin-left: 9.52381%; }
  .multilayout-element.box-left.indent2.img-left .img-element {
    margin-left: 19.04762%; }
  .multilayout-element.box-left.indent2.img-right .txt-element {
    margin-left: 19.04762%; }
  .multilayout-element.box-left.indent3.img-left .img-element {
    margin-left: 28.57143%; }
  .multilayout-element.box-left.indent3.img-right .txt-element {
    margin-left: 28.57143%; }
  .multilayout-element.img-small .img-element {
    width: 19.04762%; }
  .multilayout-element.img-medium .img-element {
    width: 28.57143%; }
  .multilayout-element.img-big .img-element {
    width: 47.61905%; }
  .multilayout-element.img-xbig .img-element {
    width: 57.14286%; }
  .multilayout-element.img-xxbig .img-element {
    width: 66.666667%; }
  .multilayout-element.img-no .img-element {
    width: 0%;
    visibility: hidden; }
  .multilayout-element .txt-element {
    width: 71.42857%; }
  .multilayout-element.txtbox-medium .txt-element {
    width: 57.14286%; }
  .multilayout-element.txtbox-xwide .txt-element {
    width: 90.47619%; }
  .multilayout-element.txtbox-100 .txt-element {
    width: 100%; }
  .multilayout-element.txtbox-small .txt-element {
    width: 42.85714%; }
  .multilayout-element.txtbox-xsmall .txt-element {
    width: 33.33333%; }
  .multilayout-element.img-overlay .img-element {
    margin-bottom: 4.7619%;
    z-index: 2; }
  .multilayout-element.img-overlay .txt-element {
    margin-top: 4.7619%;
    z-index: 1; }
  .multilayout-element.img-overlay.img-xxbig.img-left .txt-element {
    margin-left: -17,619334%;
    padding-left: 57,14285%; }
  .multilayout-element.img-overlay.img-xxbig.img-right .txt-element {
    margin-left: -47,619334%;
    padding-left: 57,14285%; }
    .multilayout-element.img-overlay.img-xbig.img-left .txt-element {
    margin-left: -38.09524%;
    padding-left: 42.85714%; }
  .multilayout-element.img-overlay.img-xbig.img-right .txt-element {
    margin-right: -38.09524%;
    padding-right: 42.85714%; }
  .multilayout-element.img-overlay.img-big.img-left .txt-element {
    margin-left: -19.04762%;
    padding-left: 23.80952%; }
  .multilayout-element.img-overlay.img-big.img-right .txt-element {
    margin-right: -19.04762%;
    padding-right: 23.80952%; }
  .multilayout-element.img-overlay.img-small.img-left .txt-element, .multilayout-element.img-overlay.img-medium.img-left .txt-element {
    margin-left: -9.52381%;
    padding-left: 14.28571%; }
  .multilayout-element.img-overlay.img-small.img-right .txt-element, .multilayout-element.img-overlay.img-medium.img-right .txt-element {
    margin-right: -9.52381%;
    padding-right: 14.28571%; }
  .multilayout-element.img-overlay.nobox .txt-element {
    z-index: auto; }

.mygrid {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  border-left: 1px dotted gray;
  align-items: stretch;
  z-index: -1; }
  .mygrid .mygrid-element {
    width: 4.7619%;
    border-right: 1px dotted gray; }

@media screen and (max-width: 991px) {
  .multilayout-wrapper {
    width: 100% !important; }
  .multilayout-container {
    margin-bottom: 2.38095%; }
    .multilayout-container.border-collapse {
      margin-bottom: 2.38095%; }
  .multilayout-element {
    display: block; }
    .multilayout-element .txt-element-2 {
      width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important; }
    .multilayout-element .img-element:not(.txt-element-2) {
      width: 97% !important;
      margin: 0;
      margin-bottom: 14px !important; }
    .multilayout-element .txt-element {
      min-height: 120px;
      width: 100% !important;
      margin: 0 !important;
      margin-bottom: 14px !important; 
      padding: 2.38095% !important; }
    .multilayout-element.img-left .img-element:not(.txt-element-2) {
      float: left;
      margin-top: 5px !important;
      margin-left: 5px !important;
      margin-right: 90% !important; }
    .multilayout-element.img-right .img-element:not(.txt-element-2) {
      float: left;
      margin-top: 5px !important;
      margin-left: 5px !important;
      margin-right: 90% !important; } }

/*# sourceMappingURL=multilayout.css.map */