/*-------*/
/* media */
/*-------*/

@media screen and (max-width: 30em)
{
  /*--------------*/
  /* Modal Window */
  /*--------------*/

  .cl_modal_window_container_hinweis,
  .cl_modal_window_container_eingaben_loeschen
  {
    max-width: 30em;
  }

  .cl_modal_window_container_bestellung
  {
    max-width: 30em;
  }

  /* Lieferschein */

  .cl_modal_window_container_lieferschein
  {
    max-width: 29em;
  }

  .cl_wrapper_lieferschein
  {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .cl_box_1_lieferschein  { grid-row: 1; grid-column-start: 1; grid-column-end:      4; }
  .cl_box_2_lieferschein  { grid-row: 2; grid-column-start: 1; grid-column-end:      2; }
  .cl_box_3_lieferschein  { grid-row: 2; grid-column-start: 2; grid-column-end:      3; }
  .cl_box_4_lieferschein  { grid-row: 3; grid-column-start: 1; grid-column-end:      2; }
  .cl_box_5_lieferschein  { grid-row: 3; grid-column-start: 2; grid-column-end:      3; }
  .cl_box_6_lieferschein  { grid-row: 5; grid-column-start: 1; grid-column-end:      2; }
  .cl_box_7_lieferschein  { grid-row: 5; grid-column-start: 2; grid-column-end:      3; }
  .cl_box_8_lieferschein  { grid-row: 6; grid-column-start: 1; grid-column-end:      2; }
  .cl_box_9_lieferschein  { grid-row: 6; grid-column-start: 2; grid-column-end:      3; }
  .cl_box_10_lieferschein { grid-row: 4; grid-column-start: 1; grid-column-end:      2; }
  .cl_box_11_lieferschein { grid-row: 4; grid-column-start: 2; grid-column-end: span 3; }
  .cl_box_12_lieferschein { grid-row: 7; grid-column-start: 1; grid-column-end:      2; }
  .cl_box_13_lieferschein { grid-row: 7; grid-column-start: 2; grid-column-end:      3; }

  .cl_wrapper_lieferschein_suchen
  {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .cl_box_1_lieferschein_suchen  { grid-column-start: 1; grid-column-end: 2; }
  .cl_box_2_lieferschein_suchen  { grid-column-start: 2; grid-column-end: 3; }
  .cl_box_3_lieferschein_suchen  { grid-column-start: 3; grid-column-end: 4; }

  /*--------------*/
  /* webshop page */
  /*--------------*/

  .cl_main_container_1_artikel,
  .cl_main_container_2_artikel,
  .cl_main_container_3_artikel
  {
    max-width: 30em;
  }

  .cl_wrapper_artikel,
  .cl_wrapper_warenkorb
  {
    grid-template-columns: 1fr 3fr 1fr;
  }
  
  .cl_wrapper_kundendaten
  {
    grid-template-columns: 1fr 3fr;
  }

  .cl_box_1_kundendaten
  {
    font-size: 1.0em;
  }

  .cl_wrapper_bestellung
  {
    grid-template-columns: 1fr 6fr 1fr 3fr;
  }
  
  .cl_wrapper_bestellung_anschrift
  {
    grid-template-columns: 1fr 1fr;
    padding-top:           1em;
  }
  
  .cl_box_1_artikel,
  .cl_box_1_warenkorb,
  .cl_box_1_bestellung
  {
    grid-column-start: 1;
    grid-column-end:  -1; /* ganze Zeile */
    background-color:  white;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em)
{
  /*--------------*/
  /* Modal Window */
  /*--------------*/

  .cl_modal_window_container_hinweis,
  .cl_modal_window_container_eingaben_loeschen
  {
    max-width: 30em;
  }

  .cl_modal_window_container_bestellung
  {
    max-width: 30em;
  }

  /* Lieferschein */

  .cl_modal_window_container_lieferschein
  {
    max-width: 30em;
  }

  .cl_wrapper_lieferschein
  {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .cl_box_1_lieferschein  { grid-row: 1; grid-column-start: 1; grid-column-end:      4; }
  .cl_box_2_lieferschein  { grid-row: 2; grid-column-start: 1; grid-column-end:      2; }
  .cl_box_3_lieferschein  { grid-row: 2; grid-column-start: 2; grid-column-end:      3; }
  .cl_box_4_lieferschein  { grid-row: 3; grid-column-start: 1; grid-column-end:      2; }
  .cl_box_5_lieferschein  { grid-row: 3; grid-column-start: 2; grid-column-end:      3; }
  .cl_box_6_lieferschein  { grid-row: 5; grid-column-start: 1; grid-column-end:      2; }
  .cl_box_7_lieferschein  { grid-row: 5; grid-column-start: 2; grid-column-end:      3; }
  .cl_box_8_lieferschein  { grid-row: 6; grid-column-start: 1; grid-column-end:      2; }
  .cl_box_9_lieferschein  { grid-row: 6; grid-column-start: 2; grid-column-end:      3; }
  .cl_box_10_lieferschein { grid-row: 4; grid-column-start: 1; grid-column-end:      2; }
  .cl_box_11_lieferschein { grid-row: 4; grid-column-start: 2; grid-column-end: span 3; }
  .cl_box_12_lieferschein { grid-row: 7; grid-column-start: 1; grid-column-end:      2; }
  .cl_box_13_lieferschein { grid-row: 7; grid-column-start: 2; grid-column-end:      3; }

  .cl_wrapper_lieferschein_suchen
  {
    grid-template-columns: 0.5fr 1fr 1fr 1fr 0.5fr;
  }

  .cl_box_1_lieferschein_suchen  { grid-column-start: 2; grid-column-end: 3; }
  .cl_box_2_lieferschein_suchen  { grid-column-start: 3; grid-column-end: 4; }
  .cl_box_3_lieferschein_suchen  { grid-column-start: 4; grid-column-end: 5; }

  /*--------------*/
  /* webshop page */
  /*--------------*/

  .cl_main_container_1_artikel,
  .cl_main_container_2_artikel,
  .cl_main_container_3_artikel
  {
    max-width: 39em;
  }

  .cl_wrapper_artikel,
  .cl_wrapper_warenkorb
  {
    grid-template-columns: 1fr 3fr 0.1fr 1fr 3fr 1fr;
  }

  .cl_wrapper_kundendaten
  {
    grid-template-columns: 1fr 3fr;
  }

  .cl_box_1_kundendaten
  {
    font-size: 1.0em;
  }

  .cl_wrapper_bestellung
  {
    grid-template-columns: 1fr 3fr 1fr 3fr;
  }

  .cl_wrapper_bestellung_anschrift
  {
    grid-template-columns: 1fr 1fr;
  }

  .cl_box_1_artikel,
  .cl_box_1_warenkorb,
  .cl_box_1_bestellung
  {
    grid-column-start: 1;
    grid-column-end:  -1; /* ganze Zeile */
    background-color:  white;
  }
}

@media screen and (min-width: 60em)
{
  /*--------------*/
  /* Modal Window */
  /*--------------*/

  .cl_modal_window_container_hinweis,
  .cl_modal_window_container_eingaben_loeschen
  {
    max-width: 30em;
  }

  .cl_modal_window_container_bestellung
  {
    max-width: 60em;
  }

  /* Lieferschein */

  .cl_modal_window_container_lieferschein
  {
    max-width: 50em;
  }

  .cl_wrapper_lieferschein
  {
    grid-template-columns: 1fr 4fr 1fr 4fr 1fr 4fr 0.1fr 1fr;
  }

  .cl_box_1_lieferschein  { grid-row: 1; grid-column-start: 1; grid-column-end:      9; }
  .cl_box_2_lieferschein  { grid-row: 2; grid-column-start: 1; grid-column-end:      2; }
  .cl_box_3_lieferschein  { grid-row: 2; grid-column-start: 2; grid-column-end:      3; }
  .cl_box_4_lieferschein  { grid-row: 2; grid-column-start: 3; grid-column-end:      4; }
  .cl_box_5_lieferschein  { grid-row: 2; grid-column-start: 4; grid-column-end:      5; }
  .cl_box_6_lieferschein  { grid-row: 2; grid-column-start: 5; grid-column-end:      6; }
  .cl_box_7_lieferschein  { grid-row: 2; grid-column-start: 6; grid-column-end:      7; }
  .cl_box_8_lieferschein  { grid-row: 3; grid-column-start: 5; grid-column-end:      6; }
  .cl_box_9_lieferschein  { grid-row: 3; grid-column-start: 6; grid-column-end:      7; }
  .cl_box_10_lieferschein { grid-row: 3; grid-column-start: 1; grid-column-end:      2; }
  .cl_box_11_lieferschein { grid-row: 3; grid-column-start: 2; grid-column-end: span 3; }
  .cl_box_12_lieferschein { grid-row: 2; grid-column-start: 8; grid-column-end:      9; }
  .cl_box_13_lieferschein { grid-row: 3; grid-column-start: 8; grid-column-end:      9; }

  .cl_box_13_lieferschein
  {
    justify-content:  right;
  }

  .cl_wrapper_lieferschein_suchen
  {
    grid-template-columns: 2fr 1fr 1fr 1fr 2fr;
  }

  .cl_box_1_lieferschein_suchen  { grid-column-start: 2; grid-column-end: 3; }
  .cl_box_2_lieferschein_suchen  { grid-column-start: 3; grid-column-end: 4; }
  .cl_box_3_lieferschein_suchen  { grid-column-start: 4; grid-column-end: 5; }

  /*--------------*/
  /* webshop page */
  /*--------------*/

  .cl_main_container_1_artikel,
  .cl_main_container_2_artikel,
  .cl_main_container_3_artikel
  {
    max-width: 60em;
  }

  .cl_wrapper_artikel,
  .cl_wrapper_warenkorb
  {
    grid-template-columns: 9fr 1fr 2fr 0.01fr 1fr 2fr 1fr;
  }

  .cl_wrapper_kundendaten
  {
    grid-template-columns: 1fr 3fr 1fr 3fr;
  }

  .cl_box_1_kundendaten
  {
    font-size: 1.0em;
  }

  .cl_wrapper_bestellung
  {
    grid-template-columns: 7fr 1fr 3fr 1fr 3fr;
  }

  .cl_wrapper_bestellung_anschrift
  {
    grid-template-columns: 1fr 1fr;
  }

  .cl_box_1_artikel,
  .cl_box_1_warenkorb,
  .cl_box_1_bestellung
  {
    grid-column-start: 1;
    grid-column-end:   1;
    background-color:  white;
  }
}