diff --git a/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Address.js b/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Address.js
index 13858c31f..7a0197dc9 100644
--- a/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Address.js
+++ b/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Address.js
@@ -54,8 +54,8 @@ export default{
 							return output;}
 					},
 					{title:"Anmerkung", field:"anmerkung", visible:false},
-					{title: "Actions",
-						columns:[
+/*					{title: "Actions",
+						columns:[*/
 							{formatter:editIcon, width:40, align:"center", cellClick: (e, cell) => {
 									this.actionEditAdress(cell.getData().adresse_id);
 									console.log(cell.getRow().getIndex(), cell.getData(), this);
@@ -64,8 +64,8 @@ export default{
 									this.actionDeleteAdress(cell.getData().adresse_id);
 									console.log(cell.getRow().getIndex(), cell.getData(), this);
 								}, width:50, headerSort:false },
-						],
-					},
+/*					],
+					},*/
 				],
 				layout: 'fitDataFill',
 				layoutColumnsOnNewData:	false,
@@ -295,7 +295,7 @@ export default{
 		<div class="stv-list h-100 pt-3">
 					
 		<!--		<Modal>   
-		 TODO(MANU) use BSModal, Validierungen
+		 TODO(MANU) use BSModal, Validierungen, utf-8? 
 		 -->
 				
 		<div ref="newAdressModal" class="modal fade" id="newAddressModal" tabindex="-1" aria-labelledby="newAddressModalLabel" aria-hidden="true">
@@ -376,7 +376,7 @@ export default{
 						
 					<div class="row mb-3">				
 						<label for="heimatadresse" class="form-label col-sm-4">Heimatadresse</label>
-						<div class="col-sm-3 align-self-center">
+						<div class="col-sm-3">
 							<div class="form-check">
 								<input id="heimatadresse" type="checkbox" class="form-check-input" value="1" v-model="formData['heimatadresse']">
 							</div>
@@ -385,7 +385,7 @@ export default{
 						
 					<div class="row mb-3">
 						<label for="zustelladresse" class="form-label col-sm-4">Zustelladresse</label>
-						<div class="col-sm-3 align-self-center">
+						<div class="col-sm-3">
 							<div class="form-check">	
 								<input id="zustelladresse" type="checkbox" class="form-check-input" value="1" v-model="formData['zustelladresse']">
 							</div>
@@ -401,7 +401,7 @@ export default{
 					
 					<div class="row mb-3">
 						<label for="rechnungsadresse" class="form-label col-sm-4">Rechnungsadresse</label>
-						<div class="col-sm-3 align-self-center">
+						<div class="col-sm-3">
 							<div class="form-check">	
 								<input id="rechnungsadresse" type="checkbox" class="form-check-input" v-model="formData['rechnungsadresse']">
 							</div>
@@ -411,13 +411,13 @@ export default{
 					<div class="row mb-3">
 						<label for="firma_name" class="form-label col-sm-4">Firma</label>
 							<div class="col-sm-3">
-							 	<PvAutoComplete v-model="formData['firma']" optionLabel="name" :suggestions="filteredFirmen" @complete="search" minLength="3"/>
+									<PvAutoComplete v-model="formData['firma']" optionLabel="name" :suggestions="filteredFirmen" @complete="search" minLength="3"/>
 							</div>	
 					</div>	
-
+					
 					<div class="row mb-3">											   
 						<label for="name" class="form-label col-sm-4">Name</label>
-						<div class="col-sm-2">
+						<div class="col-sm-3">
 							<input type="text" :readonly="readonly" class="form-control-sm" id="name" v-model="formData['name']">
 						</div>
 					</div>		
@@ -527,7 +527,7 @@ export default{
 					
 					<div class="row mb-3">				
 						<label for="heimatadresse" class="form-label col-sm-4">Heimatadresse</label>
-						<div class="col-sm-3 align-self-center">
+						<div class="col-sm-3">
 							<div class="form-check">
 								<input id="heimatadresse" type="checkbox" class="form-check-input" value="1" v-model="addressData['heimatadresse']">
 							</div>
@@ -536,7 +536,7 @@ export default{
 						
 					<div class="row mb-3">
 						<label for="zustelladresse" class="form-label col-sm-4">Zustelladresse</label>
-						<div class="col-sm-3 align-self-center">
+						<div class="col-sm-3">
 							<div class="form-check">	
 								<input id="zustelladresse" type="checkbox" class="form-check-input" value="1" v-model="addressData['zustelladresse']">
 							</div>
@@ -552,7 +552,7 @@ export default{
 					
 					<div class="row mb-3">
 						<label for="rechnungsadresse" class="form-label col-sm-4">Rechnungsadresse</label>
-						<div class="col-sm-3 align-self-center">
+						<div class="col-sm-3">
 							<div class="form-check">	
 								<input id="rechnungsadresse" type="checkbox" class="form-check-input" v-model="addressData['rechnungsadresse']">
 							</div>
diff --git a/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Bankaccount.js b/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Bankaccount.js
index f7e1016c9..ca55b08f7 100644
--- a/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Bankaccount.js
+++ b/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Bankaccount.js
@@ -1,5 +1,6 @@
 import {CoreFilterCmpt} from "../../../../filter/Filter.js";
 import {CoreRESTClient} from "../../../../../RESTClient";
+/*import {BsModal} from "../../../../Bootstrap/Modal.js";*/
 
 var editIcon = function(cell, formatterParams){ //plain text value
 	return "<i class='fa fa-edit'></i>";
@@ -10,7 +11,8 @@ var deleteIcon = function(cell, formatterParams) { //plain text value
 
 export default{
 	components: {
-		CoreFilterCmpt
+		CoreFilterCmpt,
+/*		BsModal*/
 	},
 	props: {
 		uid: String
@@ -51,8 +53,8 @@ export default{
 					},
 					{title:"Person_id", field:"person_id", visible:false},
 					{title:"Bankverbindung_id", field:"bankverbindung_id", visible:false},
-					{title: "Actions",
-						columns:[
+	/*				{title: "Actions",
+						columns:[*/
 							{formatter:editIcon, width:40, align:"center", cellClick: (e, cell) => {
 									this.actionEditBankverbindung(cell.getData().bankverbindung_id);
 									console.log(cell.getRow().getIndex(), cell.getData(), this);
@@ -61,8 +63,8 @@ export default{
 									this.actionDeleteBankverbindung(cell.getData().bankverbindung_id);
 									console.log(cell.getRow().getIndex(), cell.getData(), this);
 								}, width:50, headerSort:false },
-						],
-					},
+/*						],
+					},*/
 				],
 				layout: 'fitDataFill',
 				layoutColumnsOnNewData:	false,
@@ -186,6 +188,7 @@ export default{
 			}).finally(()=> {
 				window.scrollTo(0, 0);
 				this.hideModal('deleteBankverbindungModal');
+				this.resetModal();
 				this.reload();
 			});
 		},
@@ -203,6 +206,73 @@ export default{
 	template: `	
 		<div class="stv-list h-100 pt-3">
 		
+<!--		Todo(manu) BsModal-->
+<!--		<BsModal title="Bankverbindung anlegen" ref="newBankverbindungModal">
+            <template #body>
+                <form class="row g-3" v-if="currentAddress != null" ref="bankverbindungData" >
+					<div class="row mb-3">
+							<label for="name" class="form-label col-sm-4">Name</label>
+							<div class="col-sm-3">
+								<input type="text" :readonly="readonly" class="form-control-sm" id="name" v-model="bankverbindungData['name']">
+							</div>
+						</div>
+						<div class="row mb-3">											   
+							<label for="anschrift" class="form-label col-sm-4">Anschrift</label>
+							<div class="col-sm-3">
+								<input type="text" :readonly="readonly" class="form-control-sm" id="anschrift" v-model="bankverbindungData['anschrift']">
+							</div>
+						</div>	
+
+						<div class="row mb-3">											   
+							<label for="iban" class="form-label col-sm-4">IBAN</label>
+							<div class="col-sm-3">
+								<input type="text" :readonly="readonly" required class="form-control-sm" id="iban" v-model="bankverbindungData['iban']">
+							</div>
+						</div>	
+						<div class="row mb-3">											   
+							<label for="bic" class="form-label col-sm-4">BIC</label>
+							<div class="col-sm-3">
+								<input type="text" :readonly="readonly" class="form-control-sm" id="bic" v-model="bankverbindungData['bic']">
+							</div>
+						</div>	
+						<div class="row mb-3">											   
+							<label for="kontonr" class="form-label col-sm-4">Kontonummer</label>
+							<div class="col-sm-3">
+								<input type="text" :readonly="readonly" class="form-control-sm" id="kontonr" v-model="bankverbindungData['kontonr']">
+							</div>
+						</div>	
+						<div class="row mb-3">											   
+							<label for="blz" class="form-label col-sm-4">BLZ</label>
+							<div class="col-sm-3">
+								<input type="text" :readonly="readonly" class="form-control-sm" id="blz" v-model="bankverbindungData['blz']">
+							</div>
+						</div>		
+						<div class="row mb-3">
+							<label for="typ" class="form-label col-sm-4">Typ</label>
+							<div class="col-sm-5">
+								<select  id="typ" class="form-control" required v-model="bankverbindungData['typ']">
+									<option  value="p">Privatkonto</option>
+									<option  value="f">Firmenkonto</option>
+								</select>
+							</div>
+						</div>	
+						<div class="row mb-3">
+							<label for="verrechnung" class="form-label col-sm-4">Verrechnung</label>
+							<div class="col-sm-3">
+								<div class="form-check">	
+									<input id="verrechnung" type="checkbox" class="form-check-input" value="1" v-model="bankverbindungData['verrechnung']">
+								</div>
+							</div>
+						</div>	
+				</form>
+			</template>
+            <template #footer>
+            		<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
+					<button type="button" class="btn btn-primary" @click="addNewBankverbindung()">OK</button>
+            </template>
+					
+		</BsModal>-->
+		
 
 		<!--Modal: new Bankverbindung-->
 			<div ref="newBankverbindungModal" class="modal fade" id="newBankverbindungModal" tabindex="-1" aria-labelledby="newBankverbindungModalLabel" aria-hidden="true">
@@ -213,8 +283,7 @@ export default{
 					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 				  </div>
 				  <div class="modal-body">
-					<form ref="bankverbindungData">
-<!--					{{bankverbindungData}}	-->						
+					<form ref="bankverbindungData">				
 						<div class="row mb-3">
 							<label for="name" class="form-label col-sm-4">Name</label>
 							<div class="col-sm-3">
@@ -263,7 +332,7 @@ export default{
 						</div>	
 						<div class="row mb-3">
 							<label for="verrechnung" class="form-label col-sm-4">Verrechnung</label>
-							<div class="col-sm-3 align-self-center">
+							<div class="col-sm-3">
 								<div class="form-check">	
 									<input id="verrechnung" type="checkbox" class="form-check-input" value="1" v-model="bankverbindungData['verrechnung']">
 								</div>
@@ -341,7 +410,7 @@ export default{
 						</div>	
 						<div class="row mb-3">
 							<label for="verrechnung" class="form-label col-sm-4">Verrechnung</label>
-							<div class="col-sm-3 align-self-center">
+							<div class="col-sm-3">
 								<div class="form-check">	
 									<input id="verrechnung" type="checkbox" class="form-check-input" value="1" v-model="bankverbindungData['verrechnung']">
 								</div>
@@ -378,7 +447,8 @@ export default{
 				</div>
 			  </div>
 			</div>
-		
+			
+	
 			<core-filter-cmpt
 				ref="table"
 				:tabulator-options="tabulatorOptions"
diff --git a/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Contact.js b/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Contact.js
index 6bf4768a7..e5e7f322a 100644
--- a/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Contact.js
+++ b/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Contact.js
@@ -41,8 +41,8 @@ export default{
 					{title:"Kontakt_id", field:"kontakt_id", visible:false},
 					{title:"Standort_id", field:"standort_id", visible:false},
 					{title:"letzte Änderung", field:"updateamum", visible:false},
-					{title: "Actions",
-						columns:[
+	/*				{title: "Actions",
+						columns:[*/
 							{formatter:editIcon, cellClick: (e, cell) => {
 									this.actionEditContact(cell.getData().kontakt_id);
 									console.log(cell.getRow().getIndex(), cell.getData(), this);
@@ -51,8 +51,8 @@ export default{
 									this.actionDeleteContact(cell.getData().kontakt_id);
 									console.log(cell.getRow().getIndex(), cell.getData(), this);
 								}, width:50, headerSort:false, headerVisible:false },
-						],
-					},
+/*						],
+					},*/
 				],
 				layout: 'fitDataFill',
 				layoutColumnsOnNewData:	false,
@@ -162,6 +162,7 @@ export default{
 			}).finally(()=> {
 				window.scrollTo(0, 0);
 				this.hideModal('deleteContactModal');
+				this.resetModal();
 				this.reload();
 			});
 		},
@@ -263,7 +264,7 @@ export default{
 						
 						<div class="row mb-3">
 							<label for="zustellung" class="form-label col-sm-4">Zustellung</label>
-							<div class="col-sm-3 align-self-center">
+							<div class="col-sm-3">
 								<div class="form-check">	
 									<input id="zustellung" type="checkbox" class="form-check-input" value="1" v-model="contactData['zustellung']">
 								</div>
@@ -323,7 +324,7 @@ export default{
 							
 							<div class="row mb-3">
 								<label for="zustellung" class="form-label col-sm-4">Zustellung</label>
-								<div class="col-sm-3 align-self-center">
+								<div class="col-sm-3">
 									<div class="form-check">	
 										<input id="zustellung" type="checkbox" class="form-check-input" value="1" v-model="contactData['zustellung']">
 									</div>