img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: middle
}

video,
svg {
  vertical-align: middle
}

picture,
picture a {
  display: block
}



.coverImage {
  height: 0;
  position: relative;
  overflow: hidden
}

.coverImage picture {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.coverImage picture img {
  object-fit: cover;
  height: 100%;
  width: 100%
}


.center920,
.center1080,
.center1156,
.center1170,
.center1190,
.center1200,
.center1392,
.center1440,
.center1560,
.center1600,
.center1653,
.center1680,
.center1760,
.center1824 {
  position: relative;
  padding-left: 5%;
  padding-right: 5%;
  margin: 0 auto;
  width: 100%
}

.center920 {
  max-width: calc(920px + 10%)
}

.center1080 {
  max-width: calc(1080px + 10%)
}

.center1156 {
  max-width: calc(1156px + 10%)
}

.center1170 {
  max-width: calc(1170px + 10%)
}

.center1190 {
  max-width: calc(1190px + 10%)
}

.center1200 {
  max-width: calc(1200px + 10%)
}

.center1392 {
  max-width: calc(1392px + 10%)
}

.center1440 {
  max-width: calc(1440px + 10%)
}

.center1560 {
  max-width: calc(1560px + 10%)
}

.center1600 {
  max-width: calc(1600px + 10%)
}

.center1653 {
  max-width: calc(1653px + 10%)
}

.center1680 {
  max-width: calc(1680px + 10%)
}

.center1760 {
  max-width: calc(1760px + 10%)
}

.center1824 {
  max-width: calc(1824px + 10%)
}

.center1920 {
  max-width: calc(1920px + 10%)
}
.b2 {background:#86bc25; color:#fff;}
.b3 {background:#333333; color:#fff;}
body#seite-90 .b3 {background:rgba(255,255,255,0.7); color:#333;}
body#seite-90 .element:nth-child(even) .b3 {background:rgba(255,255,255,0.7); color:#333;}

.c4, .c4 a, .c4 span {
    color: #FFF;
}
body#seite-90 .title.c4 {color:#ccc; font-weight:700; font-size:10rem;}
body#seite-90 .c4 {color:#333;}
body#seite-90 .c4 h2{font-weight:700;}
.tac {
    text-align: center;
}


.allInclusive {
  padding-bottom: 200px; overflow:hidden;
}

.allInclusive .wrapper {
  position: relative
}

.allInclusive .container {
  display: flex;
  flex-direction: column;
}

.allInclusive .element {
  position: relative;
  z-index: 1;
  padding-top: 240px;
  margin-top: 400px; 
}

.allInclusive .textImageBox {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 100%;
  position: relative;
  z-index: 1
}	
body#seite-90 .allInclusive .textImageBox {  align-items: flex-start; }

.allInclusive .element:nth-child(even) .textImageBox { flex-direction: row-reverse; }
.allInclusive .element:nth-child(even) .textImageBox .b3{ background:#86bc25; color:#fff; }

body#seite-90 .allInclusive .element:nth-child(even) .textImageBox {
  flex-direction: row;
}

body#seite-90 .allInclusive .element:nth-child(odd) .textImageBox {
  flex-direction: row-reverse;
}

.allInclusive .content {
  width: 38.541%;
  padding: 48px 40px;
  margin-bottom: -64px;
}

.allInclusive .imageSmall {
  width: 32.777%;
  padding-top: 32.777%;
  border-radius: 50%;
  margin-bottom: 48px
}
.allInclusive .imageSmall.coverText {
  width: 32.777%;
  padding-top: 0;
  border-radius: 50%;
  margin-bottom: 48px
}
.allInclusive .imageSmall.coverText > div{ 
  background:#86bc25; color:#fff; padding:2rem;
}
.allInclusive .element:nth-child(even) .imageSmall.coverText > div { background:#333333; color:#fff; }

body#seite-90 .allInclusive .imageSmall { margin-top:auto;}
body#seite-90 .allInclusive .element:nth-child(odd) .imageSmall {border-radius: 0; }

.allInclusive .animation {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%
}

.allInclusive .pined-container {
  width: 65%;
  height: 30%
}

.allInclusive .innerContainer {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%
}

.allInclusive .images {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 0;
  transform: translate(-50%, -50%);
  padding-top: 100%
}

.allInclusive .inner-imageContainer {
  height: 300px;
  width: 300px;
  overflow: hidden;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  position: absolute;
  transform: translate(-50%, -50%)
}

.allInclusive .imageLarge {
  position: absolute;
  top: 0;
  left: 50%;
  width: 65.556%;
  padding-top: 65.556%;
  border-radius: 50%;
  transform: translate(-50%, 0)
}
body#seite-90 .allInclusive .element:nth-child(even) .imageLarge {  border-radius: 0;   
  width: 45.556%;
  padding-top: 45.556%;}

.allInclusive .circle {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #86bc25;
  width: 184px;
  height: 184px
}

.allInclusive .circleText {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%)
}

.allInclusive .line {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #000;
  margin: 0 auto
}

@media screen and (max-width:1100px) {
  .allInclusive .content {
    width: 60%
  }

  .allInclusive .pined-container {
    width: 80%
  }
}

@media screen and (max-width:800px) {
  .allInclusive {
    padding-bottom: 270px
  }

  .allInclusive .element {
    padding-top: 150px
  }

  .allInclusive .textImageBox,
  .allInclusive .element:nth-child(even) .textImageBox {
    flex-direction: column
  }

  .allInclusive .content {
    width: 100%
  }
  body#seite-90 .allInclusive .content {
  width: 50%;
}
body#seite-90 .c4 h2 {
  font-size: 1.75rem;
  line-height: 2.25rem;
}
.allInclusive .imageSmall.coverText {
  width: 40%;
}
  .allInclusive .pined-container {
    width: 95%
  }
}

@media screen and (max-width:800px) {
  .allInclusive .element {
    padding-top: 100px
  }
}

@media screen and (max-width:600px) {
body#seite-90 .allInclusive .element:nth-child(odd) .textImageBox {/*flex-direction: column-reverse; */  flex-direction: row-reverse;}
body#seite-90 .allInclusive .content {width: 100%;}
body#seite-90 .allInclusive .imageSmall.coverText {width: 100%; margin-bottom: -28px;} 
body#seite-90 .allInclusive .element:nth-child(even) .imageLarge {width: 100%;padding-top: 100%;}
	
  .allInclusive .imageLarge {
    width: 100%;
    padding-top: 100%
  }

  .allInclusive .imageSmall {
    margin-bottom: 32%
  }
}

@media screen and (max-width:500px) {
  .allInclusive .content {
    padding: 24px
  }

  .allInclusive .pined-container {
    width: 98%
  }
}
@media screen and (max-width:480px) {
body#seite-90 .allInclusive .textImageBox {
  display: block;
  height: 100%;
  position: relative;
  z-index: 1;
}
body#seite-90 .allInclusive .element:nth-child(odd) .textImageBox {/*flex-direction: column-reverse; */  flex-direction: row-reverse;}
body#seite-90 .allInclusive .element { padding-top: 200px;}
body#seite-1 .allInclusive .element { padding-top: 10px; }
body#seite-1 .allInclusive .imageSmall {margin-bottom: 45%;}
}

@media screen and (max-width:380px) {
  .allInclusive .element {
    padding-top: 24px
  }
}