@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.img-above {
 flex-direction: column; }
  .multilayout-element.img-down {
 flex-direction: column-reverse; }
  .multilayout-element.img-above-middle {
 flex-direction: column; 
  align-items: center;
  border-radius: 60%;
  }
  .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 {
 position: relative;
 overflow: hidden; }
 .multilayout-element .margin {
margin-bottom: 5%; }
 .multilayout-element .marginminus {
margin-bottom: -5%; }
 .multilayout-element .nomargin {
margin-bottom: 0; 
 min-height: 100%;
 }
  .multilayout-element .marginmiddle {
align-self: center;
 }
 .multilayout-element .img-element img {
  width: 100%;
  min-width: 100%;
 }
.multilayout-element .img-element .cover {
  height: 100%;
  object-fit:cover; 
 }	
 .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: 15px; }
  .multilayout-element .txt-element-2.boxoutline {
 background: none !important;
  border: 1px solid;} /*background-color: white!important; */
  .multilayout-element.box-right {
 justify-content: flex-end; 
  }
 
  .multilayout-element.box-right.indent.img-left .txt-element, .multilayout-element.box-right.indent.img-above .txt-element, .multilayout-element.box-right.indent.img-down .txt-element {
  margin-right: 8.3333%; }
  .multilayout-element.box-right.indent.img-right .img-element, .multilayout-element.box-right.indent.img-above .img-element, .multilayout-element.box-right.indent.img-down .img-element  {
  margin-right: 8.3333%; }
  .multilayout-element.box-right.indent2.img-left .txt-element, .multilayout-element.box-right.indent2.img-above .txt-element, .multilayout-element.box-right.indent2.img-down .txt-element {
  margin-right: 16.6666%; }
  .multilayout-element.box-right.indent2.img-right .img-element, .multilayout-element.box-right.indent2.img-above .img-element, .multilayout-element.box-right.indent2.img-down .img-element {
  margin-right: 16.6666%; }
  .multilayout-element.box-right.indent3.img-left .txt-element, .multilayout-element.box-right.indent3.img-above .txt-element, .multilayout-element.box-right.indent3.img-down .txt-element {
  margin-right: 25%; }
  .multilayout-element.box-right.indent3.img-right .img-element, .multilayout-element.box-right.indent3.img-above .img-element, .multilayout-element.box-right.indent3.img-down .img-element   {
  margin-right: 25%; }
   .multilayout-element.box-right.indent4.img-left .txt-element, .multilayout-element.box-right.indent4.img-above .txt-element, .multilayout-element.box-right.indent4.img-down .txt-element  {
  margin-right: 33.3333%; }
  .multilayout-element.box-right.indent4.img-right .img-element, .multilayout-element.box-right.indent4.img-above .img-element, .multilayout-element.box-right.indent4.img-down .img-element   {
  margin-right: 33.3333%; }
   .multilayout-element.box-right.indent5.img-left .txt-element, .multilayout-element.box-right.indent5.img-above .txt-element, .multilayout-element.box-right.indent5.img-down .txt-element {
  margin-right: 41.6666%; }
  .multilayout-element.box-right.indent5.img-right .img-element, .multilayout-element.box-right.indent5.img-above .img-element, .multilayout-element.box-right.indent5.img-down .img-element {
  margin-right: 41.6666%; }
   .multilayout-element.box-right.indent6.img-left .txt-element, .multilayout-element.box-right.indent6.img-above .txt-element, .multilayout-element.box-right.indent6.img-down .txt-element {
  margin-right: 50%; }
  .multilayout-element.box-right.indent6.img-right .img-element, .multilayout-element.box-right.indent6.img-above .img-element, .multilayout-element.box-right.indent6.img-down .img-element {
  margin-right: 50%; }   
  

  .multilayout-element.box-left.indent.img-left .img-element,  .multilayout-element.box-left.indent.img-above .img-element,  .multilayout-element.box-left.indent.img-down .img-element {
 margin-left: 8.3333%; }
  .multilayout-element.box-left.indent.img-right .txt-element,  .multilayout-element.box-left.indent.img-above .txt-element,  .multilayout-element.box-left.indent.img-down .txt-element, .multilayout-element.box-left.indent.img-no.img-left .txt-element {
 margin-left: 8.3333%; }
  .multilayout-element.box-left.indent2.img-left .img-element,  .multilayout-element.box-left.indent2.img-above .img-element,  .multilayout-element.box-left.indent2.img-down .img-element   {
 margin-left: 16.6666%; }
  .multilayout-element.box-left.indent2.img-right .txt-element,   .multilayout-element.box-left.indent2.img-above .txt-element,   .multilayout-element.box-left.indent2.img-down .txt-element,  .multilayout-element.box-left.indent2.img-no.img-left .txt-element {
 margin-left: 16.6666%; }
  .multilayout-element.box-left.indent3.img-left .img-element, .multilayout-element.box-left.indent3.img-above .img-element, .multilayout-element.box-left.indent3.img-down .img-element {
 margin-left: 25%; }
  .multilayout-element.box-left.indent3.img-right .txt-element, .multilayout-element.box-left.indent3.img-above .txt-element, .multilayout-element.box-left.indent3.img-down .txt-element,  .multilayout-element.box-left.indent3.img-no.img-left .txt-element {
 margin-left: 25%; }
  .multilayout-element.box-left.indent4.img-left .img-element,  .multilayout-element.box-left.indent4.img-above .img-element,  .multilayout-element.box-left.indent4.img-down .img-element{
 margin-left: 33.3333%; }
  .multilayout-element.box-left.indent4.img-right .txt-element, .multilayout-element.box-left.indent4.img-above .txt-element, .multilayout-element.box-left.indent4.img-down .txt-element, .multilayout-element.box-left.indent4.img-no.img-left .txt-element {
 margin-left: 33.3333%; }
  .multilayout-element.box-left.indent5.img-left .img-element, .multilayout-element.box-left.indent5.img-above .img-element, .multilayout-element.box-left.indent5.img-down .img-element {
 margin-left: 41.6666%; }
  .multilayout-element.box-left.indent5.img-right .txt-element, .multilayout-element.box-left.indent5.img-above .txt-element, .multilayout-element.box-left.indent5.img-down .txt-element, .multilayout-element.box-left.indent5.img-no.img-left .txt-element  {
 margin-left: 41.6666%; }
  .multilayout-element.box-left.indent6.img-left .img-element, .multilayout-element.box-left.indent6.img-above .img-element, .multilayout-element.box-left.indent6.img-down .img-element {
 margin-left: 50%; }
  .multilayout-element.box-left.indent6.img-right .txt-element, .multilayout-element.box-left.indent6.img-above .txt-element, .multilayout-element.box-left.indent6.img-down .txt-element, .multilayout-element.box-left.indent6.img-no.img-left .txt-element {
 margin-left: 50%; }
 
 .multilayout-element.img-no .img-element {
    width: 0%;
    visibility: hidden; }
  .multilayout-element.img-xxsmall .img-element {
 width: 12.5%; }   
  .multilayout-element.img-xsmall .img-element {
 width: 16.6666%; }
  .multilayout-element.img-small .img-element {
 width: 25%; }
  .multilayout-element.img-medium .img-element {
 width: 33.3333%; }
  .multilayout-element.img-big .img-element {
 width: 41.6666%; }
  .multilayout-element.img-xbig .img-element {
 width: 50%; }
  .multilayout-element.img-xxbig .img-element {
 width: 58.3333%; } 
  .multilayout-element.img-xxxbig .img-element {
 width: 66.6666%; } 
   .multilayout-element.img-xxxxbig .img-element {
 width: 75%; } 
   .multilayout-element.img-xxxxxbig .img-element {
  width: 83.3333%; } 
     .multilayout-element.img-xxxxxxbig .img-element {
  width: 91.6666%; } 
     .multilayout-element.img-xxxxxxxbig .img-element {
  width: 100%; } 
 
  .multilayout-element .txt-element {
 width: 66.6666%; }
  .multilayout-element.txtbox-medium .txt-element {
 width: 58.3333%; }
  .multilayout-element.txtbox-wide .txt-element {
 width: 66.6666%; }
  .multilayout-element.txtbox-xwide .txt-element {
 width: 75%; }
   .multilayout-element.txtbox-xxwide .txt-element {
 width: 83.3333%; }
  .multilayout-element.txtbox-xxxwide .txt-element {
 width: 91.6666%; }
  .multilayout-element.txtbox-100 .txt-element {
 width: 100%; }
  .multilayout-element.txtbox-small .txt-element {
 width: 50%; }
  .multilayout-element.txtbox-xsmall .txt-element {
 width: 41.6666%; }
   .multilayout-element.txtbox-xxsmall .txt-element {
 width: 33.3333%; }
   .multilayout-element.txtbox-xxxsmall .txt-element {
 width: 25%; }
    .multilayout-element.txt-no .txt-element {
 display: none;; width: 0;}
 
  .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-xxxbig.img-left .txt-element {
 margin-left: -56%;
 padding-left: 58.3333% !important;}
  .multilayout-element.img-overlay.img-xxxbig.img-right .txt-element {
 margin-right: -56%;
 padding-right: 58.3333% !important;}
   .multilayout-element.img-overlay.img-xxbig.img-left .txt-element {
 margin-left: -48%;
 padding-left: 50% !important; }
  .multilayout-element.img-overlay.img-xxbig.img-right .txt-element {
 margin-right: -48%;
 padding-right: 50% !important; }
  .multilayout-element.img-overlay.img-xbig.img-left .txt-element {
 margin-left: -39%;
 padding-left: 41.6666% !important; }
  .multilayout-element.img-overlay.img-xbig.img-right .txt-element {
 margin-right: -39%;
 padding-right: 41.6666% !important; }
  .multilayout-element.img-overlay.img-big.img-left .txt-element {
 margin-left: -31%;
 padding-left: 33% !important; }
  .multilayout-element.img-overlay.img-big.img-right .txt-element {
 margin-right: -31%;
 padding-right: 33% !important; }
  .multilayout-element.img-overlay.img-medium.img-left .txt-element {
 margin-left: -23%;
 padding-left: 25% !important; }
  .multilayout-element.img-overlay.img-medium.img-right .txt-element {
 margin-right: -23%;
 padding-right: 25% !important; }
  .multilayout-element.img-overlay.img-small.img-left .txt-element {
 margin-left: -14%;
 padding-left: 16.6666% !important; }
  .multilayout-element.img-overlay.img-small.img-right .txt-element {
 margin-right: -14%;
 padding-right: 16.6666% !important; }
  .multilayout-element.img-overlay.img-xsmall.img-left .txt-element {
 margin-left: -6%;
 padding-left: 8.33333% !important; }
  .multilayout-element.img-overlay.img-xsmall.img-right .txt-element {
 margin-right: -6%;
 padding-right: 8.33333% !important; }
  .multilayout-element.img-overlay.nobox .txt-element {
 z-index: auto; }
 
.multilayout-element.img-no .img-element { width: 0% !important; }

.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; }
 
.videocontainer2 {  position: fixed;  right: 0;  bottom: 0;  min-width: 100%;  min-height: 100%;  z-index: -1;  transform: translateX(calc((100% - 100vw) / 2));}

@media screen and (max-width: 991px) {
.multilayout-wrapper { width: 100% !important; }
.multilayout-container { /*margin-bottom: 2.38095%; */padding: 0;}
.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; padding: 15px !important; }
.multilayout-element .txt-element {  min-height: 120px;  width: 100% !important;  margin: 0 !important;  padding: 20px !important; }
.multilayout-element .img-element:not(.txt-element-2) {  width: 100% !important;  margin: 0px !important;;  margin-bottom: 16px !important;}
.multilayout-element.img-left .img-element:not(.txt-element-2) {  float: left;  margin-right: 2.38095% !important; }
.multilayout-element.img-right .img-element:not(.txt-element-2) {  float: right;  margin-left: 2.38095% !important; } 
.multilayout-element.img-overlay.img-xxxbig.img-left .txt-element,.multilayout-element.img-overlay.img-xxxbig.img-right .txt-element,.multilayout-element.img-overlay.img-xxbig.img-left .txt-element,.multilayout-element.img-overlay.img-xxbig.img-right .txt-element, .multilayout-element.img-overlay.img-xbig.img-left .txt-element, .multilayout-element.img-overlay.img-xbig.img-right .txt-element, .multilayout-element.img-overlay.img-big.img-left .txt-element, .multilayout-element.img-overlay.img-big.img-right .txt-element, .multilayout-element.img-overlay.img-medium.img-left .txt-element, .multilayout-element.img-overlay.img-medium.img-right .txt-element, .multilayout-element.img-overlay.img-small.img-left .txt-element, .multilayout-element.img-overlay.img-small.img-right .txt-element,  .multilayout-element.img-overlay.img-xsmall.img-left .txt-element,.multilayout-element.img-overlay.img-xsmall.img-right .txt-element  { padding-left: 15px !important;  padding-right: 15px !important;}
.multilayout-element .img75 {width: 50% !important;min-width: unset !important;margin-left: 25%;}	
.multilayout-element .img50 {width: 30% !important;min-width: unset !important;margin-left: 35%;}
.container-fluid .multilayout-container {transform: rotate(0deg) !important;padding-top: 20px;}
  .multilayout-element a.btn { margin-top: 0px; margin-bottom: 15px; }
}
  
 @media screen and (max-width: 799px) { 
.multilayout-element .img75 {width: 75% !important;min-width: unset !important;margin-left: 12.5%;}	
.multilayout-element .img50 {width: 50% !important;min-width: unset !important;margin-left: 25%;}	
  }

@media screen and (min-width: 768px) and (max-width: 1023px) {
.multilayout-element .img-element:not(.txt-element-2) img { min-width: 50%;width: 50%;  }
}