@charset "UTF-8";
/**
 *   Farbengrundtöne
 */
/*
  * Farben verwendung
  */
/**
  *   Schriften
  */
/**
  *  Schriftgrößen
  */
/**
  * grid
  */
.rezepteblogsubpages {
  container-name: rezeptemenu;
  container-type: inline-size;
  display: flex;
  margin: 4rem -0.5rem;
  flex-wrap: wrap; }
  .rezepteblogsubpages li {
    margin: 0 0.5rem 1rem;
    background: var(--cifarbe1);
    color: #fff;
    display: flex;
    flex-direction: column; }
    @media (min-width: 48rem) {
      .rezepteblogsubpages li {
        flex-basis: calc((100% / 2) - 1rem); } }
    @media (min-width: 60.063em) {
      .rezepteblogsubpages li {
        flex-basis: calc((100% / 3) - 1rem); } }
    @media (min-width: 75.05rem) {
      .rezepteblogsubpages li {
        flex-basis: calc((100% / 4) - 1rem); } }
    .rezepteblogsubpages li a {
      color: #fff;
      transition: color 400ms;
      text-decoration: none;
      display: block;
      overflow: hidden;
      display: flex;
      flex-wrap: wrap;
      height: 100%; }
      .rezepteblogsubpages li a img.img-responsive {
        transition: transform 400ms ease-in;
        transform-origin: bottom center; }
      .rezepteblogsubpages li a:hover, .rezepteblogsubpages li a:focus {
        color: #d0dad0; }
        .rezepteblogsubpages li a:hover img.img-responsive, .rezepteblogsubpages li a:focus img.img-responsive {
          transform: scale(1.15); }
    .rezepteblogsubpages li span {
      padding: 0.5rem 1rem;
      display: block;
      font-size: 17px;
      /*für die standard ersatzschrift sollte die umrechnung immer etwas kleiner sein daher nciht 0.063rem*/
      font-size: 1.02rem;
      line-height: 140%; }

@container rezeptemenu (width > 30rem) {
  @media (max-width: 47.95rem) {
    /* Change the flex direction of the .child element. */
    .rezepteblogsubpages li {
      flex-basis: calc((100% / 2) - 1rem); } } }

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