.terminerinnerung-component {
  margin: 0 auto;
  background-color: #e5e5e5;
}
.terminerinnerung-component .container-inner {
  padding: 30.5px 103px;
}
.terminerinnerung-component .form-container {
  display: flex;
  gap: 15px;
  align-items: flex-end;
}
.terminerinnerung-component .input-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 278px;
}
.terminerinnerung-component .date-input, .terminerinnerung-component .time-input {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 27px;
  color: #002C50;
  background-color: white;
  border-radius: 4px;
  padding: 12px 16px;
  font-size: 18px;
  height: 61px;
  position: relative;
}
.terminerinnerung-component .date-input {
  border: 2px solid #002C50;
  #background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>');
  #background-repeat: no-repeat;
  #background-position: right 12px center;
  #padding-right: 40px;
}
.terminerinnerung-component .time-input {
  border: 2px solid #002C50;
  #background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12,6 12,12 16,14"></polyline></svg>');
  #background-repeat: no-repeat;
  #background-position: right 12px center;
  #padding-right: 40px;
}
.terminerinnerung-component .download-btn {
  background-color: #002C50;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 12px 20px;
  font-size: 18px;
  cursor: pointer;
  height: 61px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
}
.terminerinnerung-component .download-btn:hover {
  background-color: #144578;
}
.terminerinnerung-component .download-icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}
@media (max-width: 768px) {
    .terminerinnerung-component .container-inner {
      padding: 25px;
    }
  .terminerinnerung-component .form-container {
    flex-direction: column;
    gap: 15px;
    align-items: stretch;
  }
  .terminerinnerung-component .input-group {
    max-width: none;
  }
  .terminerinnerung-component .date-input, .terminerinnerung-component .time-input {
    width: 100%;
  }
}

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