/*------*/
/* main */
/*------*/

.cl_main_welcome
{
  display:          block;
  font-size:        1.1em;
  font-weight:      normal;
  text-align:       center;
  white-space:      nowrap;
  background-color: transparent;
  color:            white;
  margin-top:       0.5em;
  margin-bottom:    0.5em;
}

.cl_main_container_title
{
  width:            100%;
  background-color: #e30613;
  color:            white;
  padding:          0.125em;
  border-radius:    0.3em 0.3em 0.3em 0.3em;
  margin:           0em;
  margin-bottom:    0.5em;
  white-space:      nowrap;
  overflow:         hidden;
  text-align:       center;
  height:           1.5em;
}

.cl_main
{
  background-color: transparent;
  display:          block;
  margin-left:      0.5em;
  margin-right:     0.5em;
  margin-top:       0em;
  margin-bottom:    0.5em;
  padding:          0em;
}

.cl_main_container
{
  margin-left:      auto;
  margin-right:     auto;
  background-color: white;
  border:           0px solid #d5d5d5;
  border-radius:    1em 1em 1em 1em;
  box-shadow:       0em 0em 0.6em rgba(0, 0, 0, 0.6);
  padding:          0.5em;
  overflow:         hidden;
  display:          block;
}

.cl_main_wrapper_kundendaten,
.cl_main_wrapper_artikel,
.cl_main_wrapper_warenkorb,
.cl_main_wrapper_lieferschein
{
  width:            100%;
  background-color: white;
}

.cl_main_container_1_artikel
{
  margin-top:       0em;
  margin-bottom:    0.5em;
  padding-left:     10px;
  padding-right:    10px;
  padding-top:      10px;
  padding-bottom:   10px;
  background-color: white;
  border:           0px solid orange;
}

.cl_main_container_2_artikel
{
  margin-top:       1.5em;
  margin-bottom:    0.5em;
  padding-left:     10px;
  padding-right:    10px;
  padding-top:      10px;
  padding-bottom:   10px;
  background-color: white;
  border:           0px solid cyan;
}

.cl_main_container_3_artikel
{
  margin-top:       1.5em;
  margin-bottom:    0.5em;
  padding-left:     10px;
  padding-right:    10px;
  padding-top:      10px;
  padding-bottom:   10px;
  background-color: white;
  border:           0px solid yellow;
}

/*---------*/
/* wrapper */
/*---------*/

.cl_wrapper_kundendaten,
.cl_wrapper_artikel,
.cl_wrapper_warenkorb,
.cl_wrapper_bestellung,
.cl_wrapper_lieferschein
{
  display: grid;
  gap:     0em;
}

.cl_wrapper_bestellung_anschrift
{
  display:     grid;
  gap:         0.5em;
  padding-top: 1em;
}

.cl_wrapper_lieferschein_suchen
{
  display:        grid;
  gap:            1em;
  padding-top:    1em;
  padding-bottom: 1em;
}

/*-----*/
/* box */
/*-----*/

.cl_box
{
  display:         flex;
  justify-content: right;
  align-items:     center;
  border-radius:   0em 0em 0em 0em;
  padding:         0em;
  margin:          0.1em;
  white-space:     nowrap;
}

.cl_box_1_kundendaten
{
  background-color: white;
  border:           0px solid #d5d5d5;
  justify-content:  right;
  padding-left:     1em;
}

.cl_box_2_kundendaten
{
  background-color: white;
  border:           0px solid #d5d5d5;
  justify-content:  left;
}

.cl_box_3_kundendaten
{
  background-color: white;
  border:           0px solid #d5d5d5;
  justify-content:  left;
}

.cl_box_3_kundendaten
{
  grid-column-start: 2;
  grid-column-end:  -1; /* ganze Zeile */
  background-color:  white;
}

.cl_box_1_artikel,
.cl_box_1_warenkorb,
.cl_box_1_bestellung
{
  background-color: white;
  border:           0px solid #d5d5d5;
  justify-content:  left;
}

.cl_box_1_bestellung_anschrift
{
  background-color: white;
  border:           0px solid #d5d5d5;
  justify-content:  right;
  padding-right:    0em;
  align-items:      flex-start;
}

.cl_box_2_artikel,
.cl_box_2_warenkorb
{
  background-color: white;
  border:           0px solid #d5d5d5;
}

.cl_box_2_bestellung,
.cl_box_4_bestellung
{
  background-color: white;
  border:           0px solid #d5d5d5;
  justify-content:  left;
  padding-right:    1em;
}

.cl_box_3_bestellung,
.cl_box_5_bestellung
{
  background-color: white;
  border:           0px solid #d5d5d5;
  justify-content:  left;
}

.cl_box_2_bestellung_anschrift
{
  background-color: white;
  border:           0px solid #d5d5d5;
  justify-content:  left;
}

.cl_box_3_artikel,
.cl_box_3_warenkorb
{
  background-color: white;
  border:           0px solid #d5d5d5;
}

.cl_box_4_artikel,
.cl_box_4_warenkorb
{
  background-color: white;
  border:           0px solid #d5d5d5;
}

.cl_box_5_artikel,
.cl_box_5_warenkorb
{
  background-color: white;
  border:           0px solid #d5d5d5;
}

.cl_box_6_artikel,
.cl_box_6_warenkorb
{
  background-color: white;
  border:           0px solid #d5d5d5;
}

.cl_box_7_artikel,
.cl_box_7_warenkorb
{
  background-color: white;
  border:           0px solid #d5d5d5;
}

.cl_box_1_lieferschein
{
  background-color: white;
  border:           0px solid #d5d5d5;
  justify-content:  left;
}

.cl_box_2_lieferschein,
.cl_box_4_lieferschein,
.cl_box_6_lieferschein,
.cl_box_8_lieferschein,
.cl_box_10_lieferschein
{
  background-color: white;
  border:           0px solid #d5d5d5;
  justify-content:  left;
  padding-right:    0.5em;
}

.cl_box_3_lieferschein,
.cl_box_5_lieferschein,
.cl_box_7_lieferschein,
.cl_box_9_lieferschein,
.cl_box_11_lieferschein
{
  background-color: white;
  border:           0px solid #d5d5d5;
  justify-content:  left;
  padding-left:     0.5em;
}

.cl_box_12_lieferschein,
.cl_box_13_lieferschein
{
  background-color: white;
  border:           0px solid #d5d5d5;
  justify-content:  left;
}

.cl_box_1_lieferschein_suchen
{
  background-color: white;
  border:           0px solid #d5d5d5;
  justify-content:  center;
}

.cl_box_2_lieferschein_suchen
{
  background-color: white;
  border:           0px solid #d5d5d5;
  justify-content:  center;
}

.cl_box_3_lieferschein_suchen
{
  background-color: white;
  border:           0px solid #d5d5d5;
  justify-content:  center;
}