/* H: Icon in Fragen besser positioniert */
#question13 ul li {
  height: 40px; /* höhe Zeile */
}
ul li.radio-item label::before {
  top: 0%; /* Checkbox vertical zentrierter */
}
#question13 ul li label img {
  /* Bildgröße */
  height: 30px !important;
  width: auto !important;
}

/* Frageanzahl Text */
.question-count-text {
    font-size: 16px;
    font-weight: normal;
    color: black; /* Schriftfarbe schwarz */
    margin-bottom: 20px; /* Abstand */
}

/* Beschreibung der Umfrage */
.survey-description.form-heading {
    font-size: 16px;
    font-weight: normal;
    color: black; /* Schriftfarbe schwarz */
    margin-bottom: 20px; /* Abstand */
}

/* Willkommenstext der Umfrage */
.survey-welcome.form-heading {
    font-size: 15px;
    font-weight: normal;
    color: black; /* Schriftfarbe schwarz */
    margin-bottom: 20px; /* Abstand */
}

/* Checkbox-Element in Spalte */
.col-12.checkbox-item {
    font-size: 15px;
    font-weight: normal;
    color: black; /* Schriftfarbe schwarz */
    margin-bottom: 20px; /* Abstand */
}

/* Privacy Checkbox Styling */
.privacy .checkbox-item label::before {
    border: 2px solid black; /* Originaleigenschaft, unverändert */
}
.datasecurity_accepted{
    font-size: 14px;
    font-weight: normal;
    color: black;
    margin-bottom: 18px;
}
.col-12 col-centered  {
    font-size: 14px;
    font-weight: normal;
    color: black;
    margin-bottom: 20px;
}
.show-policy {
    font-size: 14px;
    font-weight: normal;
    color: black;
    margin-bottom: 18px;
}
.checkbox-item label{
    font-size: 16px;
    font-weight: normal;
    color: #B73275;
    margin-bottom: 18px;
}
.btn-primary{
    background-color: #B73275;
    border-color: #B73275;
    color: #ffffff;
}
.btn-primary:hover{
    background-color: #B73275;
    border-color: #B73275;
    color: #ffffff;
}
.checkbox-item input[type=checkbox]:checked + label {
    color: #B73275;
}
.checkbox-item input[type=checkbox]:checked + label::after {
    background-color: transparent;
    color: #B73275;
}
.checkbox-item input[type=checkbox]:checked + label::before {
    border-color: #B73275;
}
.btn-check + .btn {
    color: #B73275;
    background-color: #ffffff;
    border: 2px solid #B73275;
}
.a {
    color: #B73275;
}
.progress-bar {
    color: #ffffff;
    background-color:#B73275;
    box-shadow: none;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
    color: black;
}
.checkbox-item label {
    font-size: 14px;
    font-weight: normal;
    color: black;
    margin-bottom: 16px;
}

.checkbox-item label::before {
    border: 2px solid black;
    background-color: #fff;
}
.checkbox-item label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    margin-left: -20px;
    border-radius: 0px;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
 .answer-container    col-12{
     color: #B73275;
     font-size:18px;
 }
.ls-answers label, .answer-item label, .control-label {
    color: black;
    font-size: 16px;
}
.radio-item input[type=radio]:checked + label {
    color: black;
}
.radio-item input[type=radio]:checked + label::before {
    border-color: #B73275;
}    
.radio-item input[type=radio]:checked + label::after {
    background-color: #B73275;
}
.checkbox-item input[type=checkbox]:checked + label::after, .checkbox-item input[type=radio]:checked + label::after {
    font-family: "remixicon";
    content: "\eb7b";
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.ls-answers label, .answer-item label, .control-label {
    color: black;
    font-size: 16px;
}
.checkbox-item input[type=checkbox]:checked + label {
    color: black;
}
.btn-check:checked:Important{
    background-color: #B73275
}
  .btn-check:checked + .btn-primary, .btn-check:checked + .btn-primary:focus, .btn-check:focus:checked + .btn-primary {
    color: #ffffff;
    background-color: #B73275;
    border-color: #B73275;
    box-shadow: none;
  }
    .btn-check + .btn-primary:hover {
    color: #ffffff;
    background-color: #B73275;
    border-color: #B73275;
    box-shadow: none;
    }
    .yesno-button .ls-button-label .ls-icon, .gender-button .ls-button-label .ls-icon {
    font-size: 25px;
    display: block;
    line-height: 1.2;
    }
  
  .container {
  display: flex;
  justify-content: center;  /* Zentriert horizontal */
  align-items: center;  /* Zentriert vertikal */
  height: 100vh;  /* Optional: Höhe auf den gesamten Bildschirm setzen */
}

#question29 {
  text-align: center;  /* Textinhalt zentrieren */
}
.question-container .ls-label-question {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}
  .row {
    --bs-gutter-x: auto;
    --bs-gutter-y: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-0.5* var(--bs-gutter-x));
    margin-left: calc(-0.5* var(--bs-gutter-x));
  }

  /* Klasse, die den Asterisk hinzufügt */
.ri-asterisk:after :Important {
  content: "\ea81"; /* Unicode oder Font Icon (z.B., Font Awesome) */
  font-size: 10px;  /* Größe des Asterisks */
  margin-left: 5px; /* Abstand zwischen der Überschrift und dem Asterisk */
  color: red;       /* Optional: Farbe des Asterisks */
}
  
    .ri-asterisk:before{
    content: "\ea81";
    font-size: 10px;
    color: red;
    }
.row > .bootstrap-buttons-div {
    padding-left: 0;
    padding-right: 2px;
    width: fit-content;
}


.list-unstyled col-md-12 col-12{
    display: flex;
    justify-content: space-between; /* Gleicher Abstand zwischen den Elementen */
    align-items: center;           /* Elemente vertikal zentrieren */
    padding: 10px;                 /* Innenabstand */
}