/* Styling der Informationen-Komponente auf der Seite Benötigte Informationen. */

.info-headline {
  font-weight: bold;
  padding-bottom: 8px;
}

.info-headline:nth-child(3) {
  padding-top: 24px;
}

.info-list {
  display: grid;
  row-gap: 4px;
  column-gap: 5px;
  grid-template-columns: 20px auto;
}

.info-icon::before {
  content: url("data:image/svg+xml;utf8,<svg width='16px' height='16px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'><path d='M 1,15 L 12,28 L 30,2' stroke='%2362BB46' stroke-width='4' fill='none'/></svg>");
}

.upload-img-container {
  margin: 10px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}

.upload-img-container:empty {
  display: none;
}

.upload-img-container img {
  height: 50px;
}

.upload-img-container div {
  text-align: center;
  font-size: .9em;
  font-weight: 600;
  width: 157px;
}

@media(max-width: 550px) {
  .upload-img-container {
    column-gap: 10px;
  }
  
  .upload-img-container img {
    height: 40px;
  }
  
}

.reg-ausz-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}

.reg-ausz-header {
  color: var(--primary-color);
  font-weight: bold;
}

.reg-ausz-betrag {
  font-size: 3rem;
}

.reg-ausz-zusatz {
  margin-left: 10px;
}

.reg-ausz-footer {
  font-size: 0.8rem;
  margin-top: -8px;
}