@charset "UTF-8";
/**
 *   Farbengrundtöne
 */
/*
  * Farben verwendung
  */
/**
  *   Schriften
  */
/**
  *  Schriftgrößen
  */
/**
  * grid
  */
@media (min-width: 87.55rem) {
  .lieferterminliste {
    max-width: calc(70% - 2.9rem);
    margin: auto; } }
.lieferterminliste li.liefertermineintrag {
  padding: 1.5rem 1rem;
  border-bottom: 1px solid var(--cifarbe1);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background: #b3c4b3;
  line-height: 130%;
  font-size: 16px;
  /*für die standard ersatzschrift sollte die umrechnung immer etwas kleiner sein daher nciht 0.063rem*/
  font-size: 0.96rem;
  font-size: clamp(1.1rem, 2.15vw, 16px);
  box-shadow: inset 0 0px 0 transparent; }
  @media (max-width: 304px) {
    .lieferterminliste li.liefertermineintrag {
      padding: 1.5rem 0.5rem; } }
  .lieferterminliste li.liefertermineintrag:nth-child(odd) {
    background: #dee5de; }
  @media (max-width: 47.95rem) {
    .lieferterminliste li.liefertermineintrag {
      line-height: 190%; } }
  .lieferterminliste li.liefertermineintrag h3 {
    line-height: 120%;
    font-size: 18px;
    /*für die standard ersatzschrift sollte die umrechnung immer etwas kleiner sein daher nciht 0.063rem*/
    font-size: 1.08rem;
    font-size: clamp(1.2rem, 2.5vw, 18px); }
    @media (min-width: 593px) {
      .lieferterminliste li.liefertermineintrag h3 {
        margin-right: 2rem; } }
    @media (max-width: 304px) {
      .lieferterminliste li.liefertermineintrag h3 {
        font-size: 18px;
        /*für die standard ersatzschrift sollte die umrechnung immer etwas kleiner sein daher nciht 0.063rem*/
        font-size: 1.08rem; } }
    .lieferterminliste li.liefertermineintrag h3 ~ p {
      margin-top: 1rem; }
  .lieferterminliste li.liefertermineintrag a:not(.buttonlink) {
    text-decoration: none;
    box-shadow: inset 0 -2px 0 #0d4411;
    color: #0d4411;
    padding: 0.2rem 0.2rem 0;
    transition: all 400ms;
    color: #000; }
    .lieferterminliste li.liefertermineintrag a:not(.buttonlink):hover, .lieferterminliste li.liefertermineintrag a:not(.buttonlink):focus {
      box-shadow: inset 0 -40px 0 var(--cifarbe1);
      color: #fff;
      outline-color: var(--cifarbe1);
      outline-style: solid;
      outline-offset: 0; }
    @media (max-width: 304px) {
      .lieferterminliste li.liefertermineintrag a:not(.buttonlink) {
        padding: 0.2rem 0.1rem 0; } }
  @media (max-width: 87.55rem) {
    .lieferterminliste li.liefertermineintrag .jetztbestellen {
      margin: 1rem auto 0;
      align-self: center; } }

.lieferterminhinweis {
  padding: 2.5rem; }

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