.driver_license_grid {
  display: grid;
  grid-template-columns: 1fr; /* Standardmäßig eine Spalte für kleinere Bildschirme */
  gap: 20px;
  margin-top: 15px;
}

.driver_license_grid > form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #f9f9f9;
}

.driver_license_grid label {
  font-weight: bold;
  color: #333;
  display: flex;
  align-items: center;
  gap: 8px;
}

.driver_license_grid pc-files::part(file-input-label) {
  /* Styling für das Label innerhalb von pc-files */
  background-color: #007bff;
  color: white;
  padding: 10px 15px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.driver_license_grid pc-files::part(file-input-label):hover {
  background-color: #0056b3;
}

.driver_license_grid pc-files::part(file-list-item) {
  /* Styling für hochgeladene Dateien */
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 8px;
  border-radius: 4px;
  margin-top: 5px;
}

.driver_license_grid .rd-primary-btn {
  padding: 12px 20px;
  font-size: 1em;
  border-radius: 5px;
  cursor: pointer;
  background-color: #28a745; /* Grüner Button */
  color: white;
  border: none;
  transition: background-color 0.3s ease;
}

.driver_license_grid .rd-primary-btn:hover {
  background-color: #218838;
}

.driver_license_attributes {
  padding: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #f9f9f9;
}

.driver_license_attributes_row {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}

.driver_license_attributes_row:last-child {
  border-bottom: none;
}

.driver_license_attributes_label {
  font-weight: bold;
  color: #555;
}

.driver_license_attributes_value {
  color: #333;
  text-align: right;
}

/* Responsive Anpassung für größere Bildschirme */
@media (min-width: 768px) {
  .driver_license_grid {
    grid-template-columns: 1fr 1fr; /* Zwei Spalten für größere Bildschirme */
  }
}
.driver_box {
  display: flex;
  gap: var(--rd-spacing-sm);
  align-items: center;
  border-radius: var(--rd-borderradius-border-md);
  border: 1px solid #ccc;
  padding: var(--rd-spacing-md) var(--rd-spacing-x-big);
  cursor: pointer;
}

.driver_box .driver_box_icon {
  background-color: var(--rd-success-default);
  display: inline-block;
  width: 24px;
  height: 24px;
  mask-image: url("/src/img/2024/svg/icons/rd-identification.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/rd-identification.svg");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
.yellow .driver_box_icon {
  background-color: var(--rd-warning-default);
}
.red .driver_box_icon {
  background-color: var(--rd-error-default);
}
.driver_box .dbt-titel {
  color: var(--rd-font-dark);
  font-size: var(--rd-fontsize-5);
  font-style: normal;
  font-weight: var(--rd-fontweights-open-sans-0);
  line-height: var(--rd-lineheights-0);
  margin-bottom: var(--rd-spacing-xx-sm);
}
.driver_box .dbt-inhalt {
  font-size: var(--rd-fontsize-5);
  font-style: normal;
  line-height: var(--rd-lineheights-0);
}
.green .driver_box .dbt-inhalt {
  color: var(--rd-success-default);
}
.driver_box_arrow_icon {
  margin-left: auto;
  width: 24px;
  height: 24px;
  background-color: var(--rd-font-dark);
  mask-image: url("/src/img/2023/svg/icons/list-arrow-right.svg");
  -webkit-mask-image: url("/src/img/2023/svg/icons/list-arrow-right.svg");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.driver-licens-check-note {
  color: var(--rd-font-dark);
  text-align: center;
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-2);
  line-height: var(--rd-lineheights-0);
  margin-bottom: var(--rd-spacing-x-big);
  margin-top: var(--rd-spacing-lg);
}
.driver-licens-check-info {
  margin-top: var(--rd-spacing-md);
  color: var(--BW-Black, #0d1130);
  font-feature-settings: "liga" off;
  /* font-family: "Open Sans"; */
  font-size: var(--rd-fontsize-5);
  /* font-style: normal; */
  font-weight: var(--rd-fontweights-open-sans-2);
  line-height: var(--rd-lineheights-1); /* 24px */
  /* letter-spacing: 0.16px; */
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: var(--rd-spacing-lg);
  text-align: left;
}
.driver-licens-check-buttons {
  gap: var(--rd-spacing-md);
  display: inline-flex;
}
.driver-licens-check-buttons button {
  margin: 0 !important;
}
.driver-licens-check-info label {
  margin: 0;
  text-align: left;
}

form.driver-licens-check-form:invalid .rd-primary-btn {
  pointer-events: none;
  opacity: 0.6;
}

.rd-driver-licens-check-confirm-success-icon,
.rd-driver-licens-check-success-icon,
.rd-driver-licens-check-no-success-icon,
.rd-driver-licens-check-success-confirm-icon {
  display: inline-block;
  width: 140px;
  height: 140px;
}
.rd-driver-licens-check-confirm-success-icon {
  background-image: url("/src/img/2024/svg/svg_img/success-confirm.svg");
}
.rd-driver-licens-check-no-success-icon {
  background-size: contain;
  background-image: url("/src/img/2024/svg/svg_img/no-success.svg");
}
.rd-driver-licens-check-success-icon {
  background-image: url("/src/img/2024/svg/svg_img/success.svg");
}
.rd-driver-licens-check-success-confirm-icon {
  background-size: contain;
  background-image: url("/src/img/2024/svg/svg_img/success-confirm-ok.svg");
}


.rd-card-left.drive-settings .rd-infobar{
    display:inline-flex;
}

.driver-licens-check-info-box{
  display: flex;
  text-align: left;
  background-color: var(--rd-input-disabled);
  padding: var(--rd-spacing-md);
  gap: var(--rd-spacing-md);
}
.driver-licens-check-info-box .driver-licens-check-info-icon {
  background-color: var(--rd-input-focused);
  display: inline-block;
  width: 24px;
  height: 24px;
  mask-image: url("/src/img/2024/svg/icons/rd-identification.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/rd-identification.svg");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.driver-licens-check-info-text{
  color:#374151;
  font-size: var(--rd-fontsize-4);
  font-style: normal;
  font-weight: var(--rd-fontweights-open-sans-2);
  line-height: var(--rd-lineheights-1);
}


.rd-colorfull-title{
	text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 132%; /* 23.76px */
letter-spacing: 0.18px;
	background: linear-gradient(90deg, #00A6FF 0%, #FF4DD2 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.rd-popup-waitung-text{
	color: var(--BW-Black, #0D1130);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 19.2px */
letter-spacing: 0.16px;
}
form#driver-licens-check-confirm-form:invalid .rd-primary-btn {
  pointer-events: none;
  opacity: 0.6;
}
.drivelicens_icon {
  display:flex;
  gap:4px;
  align-items: center;
}
.drivelicens_icon:before,
.rd-icon-driving-license::before{
  content:'';
  background-color: var(--rd-secondary-active);
  display: inline-block;
  width: 15px;
  height: 15px;
  mask-image: url("/src/img/2024/svg/icons/rd-identification.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/rd-identification.svg");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
.infoBoxDriverLicense > div{
  display: grid;
  grid-template-columns: 150px auto;
  gap: 8px;
  grid-template-areas: "label value";
}
.infoBoxDriverLicense > div span{
  color: var(--rd-font-dark);
  font-size: var(--rd-fontsize-4);
  font-style: normal;
  font-weight: var(--rd-fontweights-open-sans-2);
  line-height: normal;
}