<div id="subjects">
<div class="text-container status-success">
    <div>Es können bis zu 10 Schlagworte angegeben werden. Für jedes Schlagwort bitte ein eigenes Feld verwenden. Dieses kann über das +-Zeichen hinzugefügt werden.
    </div>	
</div>

<!--
<div class="pb-2">
Es können bis zu 10 Schlagworte angegeben werden. Für jedes Schlagwort bitte ein eigenes Feld verwenden. Dieses kann über das +-Zeichen hinzugefügt werden.
</div>
-->

<div class="row mb-3" id="subject1">
	   <div class="input-group col-12">
  		<label for="inputsubject" class="col-2 col-form-label">Schlagwort</label>
		<div class="col-6">
			<input id="subjectinput1" type="text" class="form-control"  placeholder="" aria-label="subject1" aria-describedby="button-subject1" oninput="validateAlphaExtended('subject', 1)" onfocusout="validateEmptyEntry('subject', 1)">
		</div>
		<button class="btn button_fix" type="button" id="button-add-subject-1" onclick="insert('subject', 2, 9)"><i class="bi h3 bi-file-plus"></i></button>
	    </div>
            <div id="subject1Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">
                 Leere Eingabe nicht erlaubt. Bitte Schlagwort eingeben.
            </div>
            <div id="subject1Success" class="text-success mt-1 small" style="display: none;">
<!--                      ✓ Gültig -->
	    </div>
	</div>


	<div class="row mb-3" id="subject2">
	    <div class="input-group col-12">
          	<label for="inputsubject" class="col-2 col-form-label">... weitere</label>
		<div class="col-6">
			<input id="subjectinput2"  type="text" class="form-control"  placeholder="" aria-label="subject2" aria-describedby="button-subject2" oninput="validateAlphaExtended('subject', 2)" onfocusout="validateEmptyEntry('subject', 2)">
		</div>
		<button class="btn button_fix" type="button" id="button-add-subject-2" onclick="insert('subject', 3, 9)">  <i class="bi h3 bi-file-plus"></i></button>
         	<button class="btn button_fix" type="button" id="button-del-subject-2" onclick="del('subject', 2,1)"> <i class="bi h3 bi-file-minus"></i></button>
	   </div>
           <div id="subject2Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">
                Leere Eingabe nicht erlaubt. Bitte Schlagwort eingeben.
           </div>
           <div id="subject2Success" class="text-success mt-1 small" style="display: none;">
<!--                     ✓ Gültig -->
           </div>
	</div>

	<div class="row mb-3" id="subject3">
	    <div class="input-group col-12">
          	<label for="inputsubject" class="col-2 col-form-label">... weitere</label>
		<div class="col-6">
			<input id="subjectinput3"  type="text" class="form-control"  placeholder="" aria-label="subject3" aria-describedby="button-subject3" oninput="validateAlphaExtended('subject', 3)" onfocusout="validateEmptyEntry('subject', 3)">
		</div>
		<button class="btn button_fix" type="button" id="button-add-subject-3" onclick="insert('subject', 4, 9)">  <i class="bi h3 bi-file-plus"></i></button>
		<button class="btn button_fix" type="button" id="button-del-subject-3" onclick="del('subject', 3,1)"> <i class="bi h3 bi-file-minus"></i>  </button>
	    </div>
	    <div id="subject3Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">
                Leere Eingabe nicht erlaubt. Bitte Schlagwort eingeben.
           </div>
           <div id="subject3Success" class="text-success mt-1 small" style="display: none;">
<!--                     ✓ Gültig -->
           </div>
	</div>

	<div class="row mb-3" id="subject4">
	    <div class="input-group col-12">
          	<label for="inputsubject" class="col-2 col-form-label">... weitere</label>
		<div class="col-6">
			<input id="subjectinput4" type="text" class="form-control"  placeholder="" aria-label="subject4" aria-describedby="button-subject4" oninput="validateAlphaExtended('subject', 4)" onfocusout="validateEmptyEntry('subject', 4)">
		</div>
		<button class="btn button_fix" type="button" id="button-add-subject-4" onclick="insert('subject', 5, 9)">  <i class="bi h3 bi-file-plus"></i></button>
		<button class="btn button_fix" type="button" id="button-del-subject-4" onclick="del('subject', 4,1)"> <i class="bi h3 bi-file-minus"></i>  </button>
	    </div>
	    <div id="subject4Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">
                Leere Eingabe nicht erlaubt. Bitte Schlagwort eingeben.
           </div>
           <div id="subject4Success" class="text-success mt-1 small" style="display: none;">
<!--                     ✓ Gültig -->
           </div>
	</div>

	<div class="row" id="subject5">
	    <div class="input-group col-12">
          	<label for="inputsubject" class="col-2 col-form-label">... weitere</label>
		<div class="col-6">
			<input id="subjectinput5" type="text" class="form-control"  placeholder="" aria-label="subject5" aria-describedby="button-subject5" oninput="validateAlphaExtended('subject', 5)" onfocusout="validateEmptyEntry('subject', 5)">
		</div>
		<button class="btn button_fix" type="button" id="button-add-subject-5" onclick="insert('subject', 6, 9)">  <i class="bi h3 bi-file-plus"></i></button>
		<button class="btn button_fix" type="button" id="button-del-subject-5" onclick="del('subject', 5,1)"> <i class="bi h3 bi-file-minus"></i>  </button>
	    </div>
	    <div id="subject5Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">
                Leere Eingabe nicht erlaubt. Bitte Schlagwort eingeben.
           </div>
           <div id="subject5Success" class="text-success mt-1 small" style="display: none;">
<!--                     ✓ Gültig -->
           </div>
	</div>

	<div class="row" id="subject6">
	    <div class="input-group col-12">
          	<label for="inputsubject" class="col-2 col-form-label">... weitere</label>
		<div class="col-6">
			<input id="subjectinput6"  type="text" class="form-control"  placeholder="" aria-label="subject6" aria-describedby="button-subject6" oninput="validateAlphaExtended('subject', 6)" onfocusout="validateEmptyEntry('subject', 6)">
		</div>
		<button class="btn button_fix" type="button" id="button-add-subject-6" onclick="insert('subject', 7, 9)">  <i class="bi h3 bi-file-plus"></i></button>
		<button class="btn button_fix" type="button" id="button-del-subject-6" onclick="del('subject', 6,1)"> <i class="bi h3 bi-file-minus"></i>  </button>
	    </div>
	    <div id="subject6Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">
                Leere Eingabe nicht erlaubt. Bitte Schlagwort eingeben.
           </div>
           <div id="subject6Success" class="text-success mt-1 small" style="display: none;">
<!--                     ✓ Gültig -->
           </div>
	</div>

	<div class="row" id="subject7">
	    <div class="input-group col-12">
          	<label for="inputsubject" class="col-2 col-form-label">... weitere</label>
		<div class="col-6">
			<input id="subjectinput7" type="text" class="form-control"  placeholder="" aria-label="subject7" aria-describedby="button-subject7" oninput="validateAlphaExtended('subject', 7)" onfocusout="validateEmptyEntry('subject', 7)">
		</div>
		<button class="btn button_fix" type="button" id="button-add-subject-7" onclick="insert('subject', 8, 9)">  <i class="bi h3 bi-file-plus"></i></button>
		<button class="btn button_fix" type="button" id="button-del-subject-7" onclick="del('subject', 7,1)"> <i class="bi h3 bi-file-minus"></i>  </button>
	    </div>
	    <div id="subject7Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">
                Leere Eingabe nicht erlaubt. Bitte Schlagwort eingeben.
           </div>
           <div id="subject7Success" class="text-success mt-1 small" style="display: none;">
<!--                     ✓ Gültig -->
           </div>
	</div>

	<div class="row" id="subject8">
	    <div class="input-group col-12">
          	<label for="inputsubject" class="col-2 col-form-label">... weitere</label>
		<div class="col-6">
			<input id="subjectinput8" type="text" class="form-control"  placeholder="" aria-label="subject8" aria-describedby="button-subject8" oninput="validateAlphaExtended('subject', 8)" onfocusout="validateEmptyEntry('subject', 8)">
		</div>
		<button class="btn button_fix" type="button" id="button-add-subject-8" onclick="insert('subject', 9, 9)">  <i class="bi h3 bi-file-plus"></i></button>
		<button class="btn button_fix" type="button" id="button-del-subject-8" onclick="del('subject', 8,1)"> <i class="bi h3 bi-file-minus"></i>  </button>
	    </div>
	    <div id="subject8Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">
                Leere Eingabe nicht erlaubt. Bitte Schlagwort eingeben.
           </div>
           <div id="subject8Success" class="text-success mt-1 small" style="display: none;">
<!--                     ✓ Gültig -->
           </div>
	</div>

	<div class="row" id="subject9">
	    <div class="input-group col-12">
          	<label for="inputsubject" class="col-2 col-form-label">... weitere</label>
		<div class="col-6">
			<input id="subjectinput9" type="text" class="form-control"  placeholder="" aria-label="subject9" aria-describedby="button-subject9" oninput="validateAlphaExtended('subject', 9)" onfocusout="validateEmptyEntry('subject', 9)">
		</div>
		<button class="btn button_fix" type="button" id="button-add-subject-9" onclick="insert('subject', 10, 9)">  <i class="bi h3 bi-file-plus"></i></button>
		<button class="btn button_fix" type="button" id="button-del-subject-9" onclick="del('subject', 9,1)"> <i class="bi h3 bi-file-minus"></i>  </button>
	    </div>
	    <div id="subject9Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">
                Leere Eingabe nicht erlaubt. Bitte Schlagwort eingeben.
           </div>
           <div id="subject9Success" class="text-success mt-1 small" style="display: none;">
<!--                     ✓ Gültig -->
           </div>
	</div>

	<div class="row" id="subject10">
	    <div class="input-group col-12">
          	<label for="inputsubject" class="col-2 col-form-label">... weitere</label>
		<div class="col-6">
			<input id="subjectinput10" type="text" class="form-control"  placeholder="" aria-label="subject10" aria-describedby="button-subject10" oninput="validateAlphaExtended('subject', 10)" onfocusout="validateEmptyEntry('subject', 10)">
		</div>
		<button class="btn button_fix" type="button" id="button-del-subject-10" onclick="del('subject', 10,1)"> <i class="bi h3 bi-file-minus"></i>  </button>
	    </div>
	    <div id="subject10Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">
                Leere Eingabe nicht erlaubt. Bitte Schlagwort eingeben.
           </div>
           <div id="subject10Success" class="text-success mt-1 small" style="display: none;">
<!--                     ✓ Gültig -->
           </div>
	</div>
</div>
