.customer-styles {
  /* START article: download */
  /* END article: download */
}

.customer-styles .template_download {
  background-color: #fff;
}

.customer-styles .template_download .headline-container {
  grid-column: 1/7;
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .customer-styles .template_download .headline-container {
    grid-column: 3/15;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .customer-styles .template_download .headline-container {
    grid-column: 2 / 16;
  }
}

.customer-styles .template_download .list-container {
  grid-column: 1/7;
}

@media (min-width: 768px) {
  .customer-styles .template_download .list-container {
    grid-column: 3/15;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .customer-styles .template_download .list-container {
    grid-column: 2 / 16;
  }
}

.customer-styles .template_download .list-container .list-wrapper {
  padding-left: 0;
  margin: 0;
}

.customer-styles .template_download .list-container .list-wrapper .list-item {
  list-style-type: none;
  margin-bottom: 10px;
  padding: 15px 25px;
  min-height: 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--theme-light);
}

.customer-styles .template_download .list-container .list-wrapper .list-item.has-file .link-appearance-arrow {
  width: 100%;
  right: 0;
}

@media (min-width: 768px) {
  .customer-styles .template_download .list-container .list-wrapper .list-item.has-file .link-appearance-arrow {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.customer-styles .template_download .list-container .list-wrapper .list-item.has-file .link-appearance-arrow::after {
  content: '';
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'%3E%3Cg id='Gruppe_11602' data-name='Gruppe 11602' transform='translate(-1062 -11130)'%3E%3Cg id='Gruppe_11599' data-name='Gruppe 11599' transform='translate(14.5 107.35)'%3E%3Cg id='Gruppe_11310' data-name='Gruppe 11310' transform='translate(1065.899 11026.65) rotate(90)'%3E%3Cpath id='Pfad_9134' data-name='Pfad 9134' d='M7,0V7H0' transform='translate(3.486 4.95) rotate(-45)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Linie_932' data-name='Linie 932' x1='13.485' transform='translate(0 5)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3Cline id='Linie_1260' data-name='Linie 1260' x2='13' transform='translate(1054.5 11042.5)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'%3E%3Cg id='Gruppe_11602' data-name='Gruppe 11602' transform='translate(-1062 -11130)'%3E%3Cg id='Gruppe_11599' data-name='Gruppe 11599' transform='translate(14.5 107.35)'%3E%3Cg id='Gruppe_11310' data-name='Gruppe 11310' transform='translate(1065.899 11026.65) rotate(90)'%3E%3Cpath id='Pfad_9134' data-name='Pfad 9134' d='M7,0V7H0' transform='translate(3.486 4.95) rotate(-45)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Linie_932' data-name='Linie 932' x1='13.485' transform='translate(0 5)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3Cline id='Linie_1260' data-name='Linie 1260' x2='13' transform='translate(1054.5 11042.5)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  height: 18px;
  width: 18px;
  top: 7px;
  right: 7px;
}

.customer-styles .template_download .list-container .list-wrapper .list-item .typo-text p ~ p {
  padding-right: 40px;
}

@media (min-width: 768px) {
  .customer-styles .template_download .list-container .list-wrapper .list-item .typo-text p ~ p {
    padding-right: 0;
  }
}

.customer-styles .template_download .list-container .list-wrapper .list-item .list-item-link,
.customer-styles .template_download .list-container .list-wrapper .list-item .button-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  text-decoration: none;
}

@media (min-width: 768px) {
  .customer-styles .template_download .list-container .list-wrapper .list-item .list-item-link,
  .customer-styles .template_download .list-container .list-wrapper .list-item .button-link {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .customer-styles .template_download .list-container .list-wrapper .list-item .list-item-link,
  .customer-styles .template_download .list-container .list-wrapper .list-item .button-link {
    align-items: center;
  }
}

.customer-styles .template_download .list-container .list-wrapper .list-item .link-appearance-arrow {
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: flex-end;
  width: 100%;
  justify-content: space-between;
  margin-left: 0;
}

@media (min-width: 768px) {
  .customer-styles .template_download .list-container .list-wrapper .list-item .link-appearance-arrow {
    align-items: center;
  }
}

@media (min-width: 768px) {
  .customer-styles .template_download .list-container .list-wrapper .list-item .link-appearance-arrow {
    width: unset;
  }
}

@media (min-width: 768px) {
  .customer-styles .template_download .list-container .list-wrapper .list-item .link-appearance-arrow {
    justify-content: flex-start;
  }
}

@media (min-width: 768px) {
  .customer-styles .template_download .list-container .list-wrapper .list-item .link-appearance-arrow {
    margin-left: 32px;
  }
}

.customer-styles .template_download .list-container .list-wrapper .list-item .link-appearance-arrow::after {
  bottom: 7px;
  right: 7px;
}

.customer-styles .template_download .list-container .list-wrapper .list-item .link-appearance-arrow:hover::after {
  background-color: var(--theme-primary);
}

.customer-styles .template_download .list-container .list-wrapper .list-item .link-appearance-arrow:hover > div {
  background-color: #fff;
}

.customer-styles .template_download .list-container .list-wrapper .list-item .link-appearance-arrow > div {
  width: 30px;
  height: 30px;
  position: relative;
  transition: 0.3s background-color;
  background-color: var(--theme-primary);
  border: 1px solid var(--theme-primary);
}

.customer-styles .template_download .list-container .list-wrapper .list-item .link-appearance-arrow > span {
  display: flex;
  justify-content: flex-start;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.3px;
  margin-right: 22px;
  min-width: 115px;
  padding-top: 10px;
}

@media (min-width: 768px) {
  .customer-styles .template_download .list-container .list-wrapper .list-item .link-appearance-arrow > span {
    justify-content: flex-end;
  }
}

@media (min-width: 768px) {
  .customer-styles .template_download .list-container .list-wrapper .list-item .link-appearance-arrow > span {
    padding-top: 0;
  }
}

.customer-styles .template_download .buttons-container {
  grid-column: 1/7;
  margin-top: 32px;
}

@media (min-width: 768px) {
  .customer-styles .template_download .buttons-container {
    grid-column: 3/15;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .customer-styles .template_download .buttons-container {
    grid-column: 2 / 16;
  }
}