<!-- Abstract Section -->
<div id="abstracts">
    <form id="validateAbstract1">
    	<div class="row" id="abstract1">
   	    <div class="input-group col-12">
  	    	<label for="inputabstract1" class="col-2 col-form-label">Abstract *</label>
	    	<div class="col-6">
	    	    <textarea rows= "3" class="form-control" required maxlength="3000" id="abstractinput1" aria-describedby="button-abstract1" placeholder="Zusammenfassung des Inhalts (max. 3.000 Zeichen inkl. Leerzeichen). Ein weiteres Abstract für andere Sprachen über das +-Zeichen hinzufügen. Wir behalten uns Änderungen vor." oninput="validateText('abstract', 1, 10, 3000)" onblur="validateText('abstract', 1, 10, 3000)"></textarea>
	    	</div>
	    	<button class="btn button_fix" type="button" id="button-add-abstract-1" onclick="insert('abstract', 2, 2)">  
		    <i class="bi h3 bi-file-plus"></i>
		</button>
   	    </div>	
	    <div class="row">
        	<div id="abstract1Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">Pflichtfeld
        	</div>
            </div>
            <div id="abstract1Success" class="text-success mt-1 small" style="display: none;">
<!--                                ✓ Gültig -->
            </div>
    	</div>
    </form>

    <form id="validateAbstract2">
    	<div class="row" id="abstract2">
            <div class="input-group col-12">
            	<label for="inputabstract2" class="col-2 col-form-label">     ... weiteres</label>
            	<div class="col-6">
                    <textarea rows= "3" type="text" class="form-control" maxlength="3000" id="abstractinput2" aria-describedby="button-abstract2" placeholder="Zusammenfassung des Inhalts (max. 3.000 Zeichen inkl. Leerzeichen). Ein weiteres Abstract für andere Sprachen über das +-Zeichen hinzufügen. Wir behalten uns Änderungen vor." oninput="validateText('abstract', 2, 10, 3000)" onblur="validateText('abstract', 2, 10, 3000)"></textarea>
            	</div>
        	<button class="btn button_fix" type="button" id="button-add-abstract-2" onclick="insert('abstract', 3, 2)">
	            <i class="bi h3 bi-file-plus"></i>
		</button>
	        <button class="btn button_fix" type="button" id="button-del-abstract-2" onclick="del('abstract', 2,1)"> 
		    <i class="bi h3 bi-file-minus"></i>  
		</button>
            </div>
            <div class="row">
                <div id="abstract2Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">Pflichtfeld
                </div>
            </div>
            <div id="abstract2Success" class="text-success mt-1 small" style="display: none;">
<!--                                ✓ Gültig -->
            </div>
    	</div>
    </form>

    <form id="validateAbstract3">
    	<div class="row" id="abstract3">
            <div class="input-group col-12">
            	<label for="inputabstract3" class="col-2 col-form-label">     ... weiteres</label>
            	<div class="col-6">
                    <textarea rows= "3" type="text" class="form-control" maxlength="3000" id="abstractinput3" aria-describedby="button-abstract3" placeholder="Zusammenfassung des Inhalts (max. 3.000 Zeichen inkl. Leerzeichen). Ein weiteres Abstract für andere Sprachen über das +-Zeichen hinzufügen. Wir behalten uns Änderungen vor." oninput="validateText('abstract', 3, 10, 3000)" onblur="validateText('abstract', 3, 10, 3000)" ></textarea>
            	</div>
                <button class="btn button_fix" type="button" id="button-del-abstract-3" onclick="del('abstract', 3,1)">
 		    <i class="bi h3 bi-file-minus"></i>  
		</button>
            </div>
            <div class="row">
                <div id="abstract3Error" class="text-danger col-md-6 offset-md-2 mt-1 small" style="display: none;">Pflichtfeld
                </div>
            </div>
            <div id="abstract3Success" class="text-success mt-1 small" style="display: none;">
<!--                                ✓ Gültig -->
            </div>
    	</div>
    </form>

</div>
<!-- Ende Abstract Section -->
