@charset "UTF-8";
.teaser_boxes_container {
  /* Anzeige des Teaser-Boxen-Containers mit relativer Positionierung */
  --teaser_boxes_container-position:relative;
  /* Anzeige des Teaser-Boxen-Containers als Raster */
  --teaser_boxes_container-display:grid;
  /* Anzahl der Wiederholungen des Rasters im Teaser-Boxen-Container */
  --teaser_boxes_container-repeat:4;
  /* Spaltenvorlage für das Raster im Teaser-Boxen-Container */
  --teaser_boxes_container-template-columns: repeat(var(--teaser_boxes_container-repeat), minmax( 0 , 1fr ));
  /* Abstand zwischen den Teaser-Boxen im Container */
  --teaser_boxes_container-gap:1rem;
  /* Anzeige der Teaser-Box als Flexbox */
  --teaser_box-display:flex;
  /* Flussrichtung und Wicklung der Elemente in der Teaser-Box */
  --teaser_box-flexflow:column nowrap;
  /* Ausrichtung der Elemente in der Teaser-Box */
  --teaser_box-justify:space-between;
  /* Anzeige des Teaser-Box-Körpers als Flexbox */
  --teaser_box-body-display:flex;
  /* Flussrichtung und Wicklung der Elemente im Teaser-Box-Körper */
  --teaser_box-body-flexflow:column nowrap;
  /* Flexibles Wachstum des Teaser-Box-Körpers */
  --teaser_box-body-flexgrow:1;
  /* Flussrichtung der Elemente im Titelbildcontainer des Teaser-Box-Körpers */
  --teaser_box_body-titleimagecontainer-flex-direction:column;
  /* Wicklung der Elemente im Titelbildcontainer des Teaser-Box-Körpers */
  --teaser_box_body-titleimagecontainer-flex-wrap:nowrap;
  /* Anpassung des Bildes im Teaser-Box-Körper an den verfügbaren Platz */
  --teaser_box_body_figure-image-object-fit:cover;
  position: var(--teaser_boxes_container-position);
  display: var(--teaser_boxes_container-display);
  grid-template-columns: var(--teaser_boxes_container-template-columns);
  gap: var(--teaser_boxes_container-gap);
}
.teaser_boxes_container *:emtpy {
  display: none;
}
.teaser_boxes_container .teaser_box {
  display: var(--teaser_box-display);
  flex-flow: var(--teaser_box-flexflow);
  justify-content: var(--teaser_box-justify);
}
.teaser_boxes_container .teaser_box .teaser_box-body {
  display: var(--teaser_box-body-display);
  flex-flow: var(--teaser_box-body-flexflow);
  flex-grow: var(--teaser_box-body-flexgrow);
}
.teaser_boxes_container .teaser_box .teaser_box-body .teaser_box_body-titleimagecontainer {
  display: flex;
  flex-flow: var(--teaser_box_body-titleimagecontainer-flex-direction) var(--teaser_box_body-titleimagecontainer-flex-wrap);
}
.teaser_boxes_container .teaser_box .teaser_box-body .teaser_box_body-titleimagecontainer .teaser_box_body-figure {
  aspect-ratio: 16/9;
  margin: 0;
}
.teaser_boxes_container .teaser_box .teaser_box-body .teaser_box_body-titleimagecontainer .teaser_box_body-figure .teaser_box_body_figure-image {
  width: 100%;
  height: 100%;
  -o-object-fit: var(--teaser_box_body_figure-image-object-fit, cover);
     object-fit: var(--teaser_box_body_figure-image-object-fit, cover);
}/*# sourceMappingURL=style.css.map */