.c_buehne {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  max-width: 1080px;
  transform: translateX(-50%);
  display: flex;
}
@media (min-width: 48em) {
  .c_buehne {
    height: 367px;
    overflow: hidden;
  }
  .c_buehne__bgimage {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
  }
  .c_buehne--kacheln-rechts .c_buehne__bgimage {
    object-position: left;
  }
}
@media (min-width: 62em) {
  .c_buehne {
    height: 400px;
  }
}
.c_buehne__kachelblock {
  position: absolute;
  inset: 0;
  align-self: end;
}
@media (min-width: 48em) {
  .c_buehne__kachelblock {
    display: grid;
    gap: 16px;
  }
  .c_buehne__kachelblock--2kacheln {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "kachel1 ." "kachel2 .";
  }
  .c_buehne--kacheln-rechts .c_buehne__kachelblock--2kacheln {
    grid-template-areas: ". kachel1" ". kachel2";
  }
  .c_buehne__kachelblock--1kachel {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "kachel1 . .";
    align-self: unset;
    align-items: unset;
  }
  .c_buehne--kacheln-rechts .c_buehne__kachelblock--1kachel {
    grid-template-areas: ". . kachel1";
  }
}
@media (min-width: 62em) {
  .c_buehne__kachelblock--2kacheln {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "kachel1 kachel2 . .";
    align-self: unset;
    align-items: unset;
  }
  .c_buehne--kacheln-rechts .c_buehne__kachelblock--2kacheln {
    grid-template-areas: ". . kachel1 kachel2";
  }
  .c_buehne__kachelblock--1kachel {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "kachel1 . .";
    align-self: auto;
  }
  .c_buehne--kacheln-rechts .c_buehne__kachelblock--1kachel {
    grid-template-areas: ". . kachel1";
  }
}
.c_buehne__kachel {
  background: rgba(255, 255, 255, 0.9);
  overflow: hidden;
  display: grid;
  width: 100%;
  gap: 16px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: "headline images" "button   images";
}
@media (min-width: 371px) {
  .c_buehne__kachel {
    grid-template-columns: 1fr auto;
  }
}
.c_buehne__kachel .buttonFuerContentNebeneinander {
  display: block;
}
.c_buehne__kachel .buttonFuerContentUntereinander {
  display: none;
}
.c_buehne__kachel .c_buehne__kachel__button {
  text-align: left;
}
@media (min-width: 48em) {
  .c_buehne__kachelblock--1kachel .c_buehne__kachel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .c_buehne__kachelblock--1kachel .c_buehne__kachel .buttonFuerContentUntereinander {
    display: block;
  }
  .c_buehne__kachelblock--1kachel .c_buehne__kachel .buttonFuerContentNebeneinander {
    display: none;
  }
  .c_buehne__kachelblock--1kachel .c_buehne__kachel .c_buehne__kachel__headline {
    align-self: center;
    text-align: center;
  }
  .c_buehne__kachelblock--1kachel .c_buehne__kachel .c_buehne__kachel__images {
    margin: 0 auto;
    width: 196px;
    height: 116px;
  }
  .c_buehne__kachelblock--2kacheln .c_buehne__kachelblock--1kachel .c_buehne__kachel .c_buehne__kachel__images {
    width: 196px;
    height: 116px;
  }
  .c_buehne__kachelblock--1kachel .c_buehne__kachel .c_buehne__kachel__images__mainimage {
    align-items: flex-end;
    justify-content: flex-start;
  }
  .c_buehne__kachelblock--1kachel .c_buehne__kachel .c_buehne__kachel__images__mainimage--noSticker {
    justify-content: center;
  }
  .c_buehne__kachelblock--1kachel .c_buehne__kachelblock--1kachel .c_buehne__kachel .c_buehne__kachel__images__mainimage--noSticker {
    align-items: center;
  }
  .c_buehne__kachelblock--1kachel .c_buehne__kachel .c_buehne__kachel__images__sticker {
    align-items: flex-start;
    justify-content: flex-end;
  }
  .c_buehne__kachelblock--1kachel .c_buehne__kachel .c_buehne__kachel__images__sticker .rotated {
    transform: translateX(-15%) rotate(-15deg);
    transform-origin: top right;
  }
}
@media (min-width: 48em) and (min-width: 62em) {
  .c_buehne__kachelblock--1kachel .c_buehne__kachel .c_buehne__kachel__images {
    width: 268px;
    height: 159px;
  }
}
@media (min-width: 62em) {
  .c_buehne__kachel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .c_buehne__kachel .buttonFuerContentUntereinander {
    display: block;
  }
  .c_buehne__kachel .buttonFuerContentNebeneinander {
    display: none;
  }
  .c_buehne__kachel .c_buehne__kachel__headline {
    align-self: center;
    text-align: center;
  }
  .c_buehne__kachel .c_buehne__kachel__images {
    margin: 0 auto;
    width: 196px;
    height: 116px;
  }
  .c_buehne__kachelblock--2kacheln .c_buehne__kachel .c_buehne__kachel__images {
    width: 196px;
    height: 116px;
  }
  .c_buehne__kachel .c_buehne__kachel__images__mainimage {
    align-items: flex-end;
    justify-content: flex-start;
  }
  .c_buehne__kachel .c_buehne__kachel__images__mainimage--noSticker {
    justify-content: center;
  }
  .c_buehne__kachelblock--1kachel .c_buehne__kachel .c_buehne__kachel__images__mainimage--noSticker {
    align-items: center;
  }
  .c_buehne__kachel .c_buehne__kachel__images__sticker {
    align-items: flex-start;
    justify-content: flex-end;
  }
  .c_buehne__kachel .c_buehne__kachel__images__sticker .rotated {
    transform: translateX(-15%) rotate(-15deg);
    transform-origin: top right;
  }
}
@media (min-width: 62em) and (min-width: 62em) {
  .c_buehne__kachel .c_buehne__kachel__images {
    width: 268px;
    height: 159px;
  }
}
.c_buehne__kachel--kachel1 {
  grid-area: kachel1;
}
.c_buehne__kachel--kachel2 {
  grid-area: kachel2;
}
@media (max-width: 47.9375em) {
  .c_buehne__kachel--kachel2 {
    display: none;
  }
}
.c_buehne__kachel__headline {
  grid-area: headline;
  align-self: flex-end;
}
@media (min-width: 351px) {
  .c_buehne__kachel__headline--short {
    display: none;
  }
}
@media (max-width: 350px) {
  .c_buehne__kachel__headline--long {
    display: none;
  }
}
.c_buehne__kachel__images {
  grid-area: images;
  display: grid;
  justify-self: flex-end;
  width: 145px;
  /* beide Bildercontainer übereinander im selben Grid-Bereich */
}
@media (max-width: 370px) {
  .c_buehne__kachel__images {
    width: calc(122px + 23px * (100vw - 320px) / 50px);
  }
  .c_buehne__kachel__images__mainimage img {
    width: calc(96px + 19px * (100vw - 320px) / 50px);
  }
  .c_buehne__kachel__images__sticker img {
    width: calc(46px + 9px * (100vw - 320px) / 50px);
  }
  .c_buehne__kachel__images__sticker img.rotated {
    width: calc(50px + 10px * (100vw - 320px) / 50px);
  }
}
.c_buehne__kachel__images > * {
  grid-column: 1;
  grid-row: 1;
}
.c_buehne__kachel__images__mainimage {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.c_buehne__kachel__images__sticker {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.c_buehne__kachel__images__sticker .rotated {
  transform: translateX(6%) rotate(-15deg);
}
.c_buehne__kachel__button {
  grid-area: button;
  text-align: center;
}