diff --git a/public/js/components/Betriebsmittel/Betriebsmittel.js b/public/js/components/Betriebsmittel/Betriebsmittel.js
index d5812ce83..b34e3b8ec 100644
--- a/public/js/components/Betriebsmittel/Betriebsmittel.js
+++ b/public/js/components/Betriebsmittel/Betriebsmittel.js
@@ -23,8 +23,8 @@ export default {
 	props: [
 		'person_id',
 		'uid'
-		],
-	data(){
+	],
+	data() {
 		return {
 			tabulatorOptions: {
 				ajaxURL: 'api/frontend/v1/stv/Betriebsmittel/getAllBetriebsmittel/' + this.uid + '/' + this.person_id,
@@ -138,27 +138,27 @@ export default {
 		}
 	},
 	watch: {
-		uid(){
+		uid() {
 			this.$refs.table.tabulator.setData('api/frontend/v1/stv/Betriebsmittel/getAllBetriebsmittel/' + this.uid + '/' + this.person_id);
 		}
 	},
 	methods: {
-		actionEditBetriebsmittel(betriebsmittelperson_id){
+		actionEditBetriebsmittel(betriebsmittelperson_id) {
 			this.statusNew = false;
 			this.loadBetriebsmittel(betriebsmittelperson_id);
 		},
-		actionNewBetriebsmittel(){
+		actionNewBetriebsmittel() {
 			this.resetModal();
 			this.statusNew = true;
 			this.formData.ausgegebenam = this.getDefaultDate();
 			this.reload();
 		},
-		actionDeleteBetriebsmittel(betriebsmittelperson_id){
+		actionDeleteBetriebsmittel(betriebsmittelperson_id) {
 			this.loadBetriebsmittel(betriebsmittelperson_id).then(() => {
 				this.$refs.deleteBetriebsmittelModal.show();
 			});
 		},
-		addNewBetriebsmittel(){
+		addNewBetriebsmittel() {
 			this.param = {
 				'uid':  this.uid,
 				'person_id': this.person_id,
@@ -175,7 +175,7 @@ export default {
 					this.reload();
 				});
 		},
-		deleteBetriebsmittel(betriebsmittelperson_id){
+		deleteBetriebsmittel(betriebsmittelperson_id) {
 			this.param = {
 				'betriebsmittelperson_id': betriebsmittelperson_id
 			};
@@ -193,7 +193,7 @@ export default {
 					this.reload();
 				});
 		},
-		updateBetriebsmittel(){
+		updateBetriebsmittel() {
 			this.param = {
 				'uid':  this.uid,
 				'person_id': this.person_id,
@@ -210,7 +210,7 @@ export default {
 					this.reload();
 				});
 		},
-		loadBetriebsmittel(betriebsmittelperson_id){
+		loadBetriebsmittel(betriebsmittelperson_id) {
 			this.resetModal();
 			this.statusNew = false;
 			this.param = {
@@ -224,20 +224,20 @@ export default {
 				})
 				.catch(this.$fhcAlert.handleSystemError);
 		},
-		searchInventar(event){
+		searchInventar(event) {
 			return this.$fhcApi
 				.get('api/frontend/v1/stv/betriebsmittel/loadInventarliste/' + event.query)
 				.then(result => {
 					this.filteredInventar = result.data.retval;
 				});
 		},
-		reload(){
+		reload() {
 			this.$refs.table.reloadTable();
 		},
-		hideModal(modalRef){
+		hideModal(modalRef) {
 			this.$refs[modalRef].hide();
 		},
-		resetModal(){
+		resetModal() {
 			this.formData = {};
 			this.formData.ausgegebenam = this.getDefaultDate();
 			this.formData.retouram = null;
@@ -340,7 +340,7 @@ export default {
 				<div v-else-if="formData.inventarnummer" class="row mb-3">
 				<label for="inventarnummer" class="form-label col-sm-4">{{$p.t('wawi', 'inventarnummer')}}</label>
 					<div class="col-sm-6">
-						<input type="text" :readonly="readonly" class="form-control" id="inventarnummer" v-model="formData.inventarnummer" :disabled="!statusNew">
+						<input type="text" class="form-control" id="inventarnummer" v-model="formData.inventarnummer" :disabled="!statusNew">
 					</div>
 				</div>
 				
@@ -410,7 +410,6 @@ export default {
 					<div class="col-sm-6">
 						<form-input
 							type="DatePicker"
-							:readonly="readonly"
 							name="datum"
 							v-model="formData['ausgegebenam']"
 							auto-apply
@@ -427,7 +426,6 @@ export default {
 					<div class="col-sm-6">
 						<form-input
 							type="DatePicker"
-							:readonly="readonly"
 							name="datum"
 							v-model="formData['retouram']"
 							auto-apply
diff --git a/public/js/components/Notiz/NotizComponent.js b/public/js/components/Notiz/Notiz.js
similarity index 52%
rename from public/js/components/Notiz/NotizComponent.js
rename to public/js/components/Notiz/Notiz.js
index 55e5a94ce..12cd27ddb 100644
--- a/public/js/components/Notiz/NotizComponent.js
+++ b/public/js/components/Notiz/Notiz.js
@@ -17,17 +17,30 @@ export default {
 		FormInput,
 		BsModal
 	},
-	props: [
-		'endpoint',
-		'typeId',
-		'id',
-		'notizLayout',
-		'showErweitert',
-		'showDocument',
-		'showTinyMCE',
-		'visibleColumns'
-	],
-	data(){
+	props: {
+		endpoint: {
+			type: Object,
+			required: true
+		},
+		typeId: String,
+		id: {
+			type: [Number, String],
+			required: true
+		},
+		notizLayout: {
+			type: String,
+			default: 'twoColumnsFormLeft',
+			validator(value, props) {
+				// TODO(chris): modal version
+        		return ['classicFas', 'twoColumnsFormRight', 'twoColumnsFormLeft'].includes(value)
+			}
+		},
+		showErweitert: Boolean,
+		showDocument: Boolean,
+		showTinyMce: Boolean,
+		visibleColumns: Array
+	},
+	data() {
 		return {
 			tabulatorOptions: {
 				ajaxURL: 'dummy',
@@ -208,7 +221,7 @@ export default {
 				typeId: this.typeId,
 				titel: null,
 				statusNew: true,
-				text: null,
+				text: '',
 				lastUpdate: null,
 				von: null,
 				bis: null,
@@ -248,7 +261,7 @@ export default {
 					this.notizData.titel = this.notizen.titel;
 					this.notizData.statusNew = false;
 					this.notizData.text = this.notizen.text;
-					this.notizData.intText = this.notizen.text;
+					this.notizData.intText = this.notizen.text || '';
 					this.notizData.lastupdate = this.notizen.lastupdate;
 					this.notizData.von = this.notizen.start;
 					this.notizData.bis = this.notizen.ende;
@@ -306,6 +319,7 @@ export default {
 				.then(result => {
 					this.notizData = result.data;
 					this.notizData.typeId = this.typeId;
+					this.notizData.anhang = [];
 					return result;
 				})
 				.catch(this.$fhcAlert.handleSystemError);
@@ -344,7 +358,7 @@ export default {
 				typeId: this.typeId,
 				titel: null,
 				statusNew: true,
-				text: null,
+				text: '',
 				lastUpdate: null,
 				von: null,
 				bis: null,
@@ -409,31 +423,33 @@ export default {
 			});
 		},
 	},
-	created(){
+	created() {
 		this.initializeShowVariables();
 		this.getUid();
 	},
 	async mounted() {
-		if(this.showTinyMCE){
+		if(this.showTinyMce){
 			this.initTinyMCE();
 		}
 	},
 	watch: {
 		//watcher für Tinymce-Textfeld
-		'notizData.text': function (newVal) {
-			if(this.showTinyMCE) {
-				const tinymcsVal = this.editor.getContent();
+		'notizData.text': {
+			handler(newVal) {
+				if (this.showTinyMce) {
+					const tinymcsVal = this.editor.getContent();
 
-				if (tinymcsVal != newVal) {
-					//Inhalt des Editors aktualisieren
-					this.editor.setContent(newVal);
+					if (tinymcsVal != newVal) {
+						//Inhalt des Editors aktualisieren
+						this.editor.setContent(newVal);
+					}
 				}
 			}
 		},
 		//Watcher für autocomplete Bearbeiter und Verfasser
 		'notizData.intBearbeiter': {
 			handler(newVal) {
-				if(typeof newVal === 'object') {
+				if (typeof newVal === 'object') {
 					this.notizData.bearbeiter = newVal.mitarbeiter_uid;
 				}
 			},
@@ -441,7 +457,7 @@ export default {
 		},
 		'notizData.intVerfasser': {
 			handler(newVal) {
-				if(typeof newVal === 'object') {
+				if (typeof newVal === 'object') {
 					this.notizData.verfasser = newVal.mitarbeiter_uid;
 				}
 			},
@@ -449,189 +465,184 @@ export default {
 		}
 	},
 	beforeDestroy() {
-		if(this.showTinyMCE) {
+		if(this.showTinyMce) {
 			this.editor.destroy();
 		}
 	},
 	template: `
-
-	<div v-if="notizLayout=='classicFas'"> 
-				<!--Modal: deleteNotizModal-->
-		<BsModal ref="deleteNotizModal">
-			<template #title>Notiz löschen</template>
-			<template #default>
-				<p>Notiz wirklich löschen?</p>
-			</template>
-			<template #footer>
-				<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @click="resetModal">Abbrechen</button>
-				<button ref="Close" type="button" class="btn btn-primary" @click="deleteNotiz(notizData.notiz_id)">OK</button>
-			</template>
-		</BsModal>
-		
-		<core-filter-cmpt
-			ref="table"
-			:tabulator-options="tabulatorOptions"
-			:tabulator-events="tabulatorEvents"
-			table-only
-			:side-menu="false"
-			reload
-			new-btn-show
-			new-btn-label="Notiz"
-			@click:new="actionNewNotiz"
-			>
-		</core-filter-cmpt>
-		<br>
-	
-	
-		<form ref="formc" @submit.prevent class="row pt-3">
-		<br><br>
-			<div class="pt-2">
-				<div class="row mb-3">
-					<div class="col-sm-7">
-						<span class="small">[{{notizData.typeId}}]</span>
-					</div>
-				</div>
-				
-				<div class="row mb-3">
-					<div class="col-sm-7">
-						<p v-if="notizData.statusNew" class="fw-bold"> {{$p.t('notiz','notiz_new')}}</p>
-						<p v-else class="fw-bold">{{$p.t('notiz','notiz_edit')}}</p>
-					</div>
-				</div>
-	
-				<div class="row mb-3">
-					<label for="titel" class="form-label col-sm-2">{{$p.t('global','titel')}} *</label>
-					<div class="col-sm-7">
-						<input type="text" v-model="notizData.titel" class="form-control">
-					</div>
-				</div>
-							
-				<div class="row mb-3">
-					<label for="text" class="form-label col-sm-2">{{$p.t('global','text')}} *</label>
-						
-					<!-- TinyMce 5 -->
-					<div v-if="showTinyMCE" class="col-sm-7">
-						<textarea
-						ref="editor"
-						rows="5"
-						cols="75"
-						class="form-control"
-						:value="notizData.text"
-     					@input="updateText"></textarea>
-					</div>
-					
-					<div v-else class="col-sm-7">
-						<textarea rows="5" cols="75" v-model="notizData.text" class="form-control"></textarea>
-					</div>
-				
-				</div>
-	
-			<!-- show Documentupload-->
-			<div v-if="showDocument">
-				<div class="row mb-3">
-				
-					<label for="text" class="form-label col-sm-2">{{$p.t('notiz','document')}}</label>
-					<div  class="col-sm-7 py-3">
-						<!--Upload Component-->
-						<FormUploadDms ref="upload" id="file" multiple v-model="notizData.anhang"></FormUploadDms>
-					</div>
-				
-				</div>
-			</div>
+	<div class="notiz-notizcomponent">
+		<div v-if="notizLayout=='classicFas'">
+			<!--Modal: deleteNotizModal-->
+			<BsModal ref="deleteNotizModal">
+				<template #title>Notiz löschen</template>
+				<template #default>
+					<p>Notiz wirklich löschen?</p>
+				</template>
+				<template #footer>
+					<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @click="resetFormData">Abbrechen</button>
+					<button ref="Close" type="button" class="btn btn-primary" @click="deleteNotiz(notizData.notiz_id)">OK</button>
+				</template>
+			</BsModal>
 			
-			<!-- show Details-->
-			<div v-if="showErweitert">
+			<core-filter-cmpt
+				ref="table"
+				:tabulator-options="tabulatorOptions"
+				:tabulator-events="tabulatorEvents"
+				table-only
+				:side-menu="false"
+				reload
+				new-btn-show
+				new-btn-label="Notiz"
+				@click:new="actionNewNotiz"
+				>
+			</core-filter-cmpt>
 			
-				<div class="row mb-3">
-					<label for="bis" class="form-label col-sm-2">{{$p.t('notiz','verfasser')}}</label>
-										
-					<div v-if="notizData.verfasser_uid" class="col-sm-3">
-						<input type="text" :readonly="readonly" class="form-control" id="name" v-model="notizData.verfasser_uid">
-					</div>
-					<div v-else class="col-sm-3">
-						<PvAutoComplete v-model="notizData.intVerfasser" optionLabel="mitarbeiter"  :suggestions="filteredMitarbeiter" @complete="search" minLength="3"/>
-					</div>
-					
-					<label for="von" class="form-label col-sm-1">{{$p.t('global','gueltigVon')}}</label>
-					<div class="col-sm-3">
-						<vue-date-picker
-							id="von"
-							v-model="notizData.start"
-							clearable="false"
-							auto-apply
-							:enable-time-picker="false"
-							format="dd.MM.yyyy"
-							:teleport="true"
-							preview-format="dd.MM.yyyy"></vue-date-picker>
-					</div>
-				</div>
-				
-				<div class="row mb-3">
-					<label for="bis" class="form-label col-sm-2">{{$p.t('notiz','bearbeiter')}}</label>
-					
-					<div v-if="notizData.bearbeiter_uid" class="col-sm-3">
-						<input type="text" :readonly="readonly" class="form-control" id="name" v-model="notizData.bearbeiter_uid">
-					</div>
-					
-					<div v-else class="col-sm-3">
-						<PvAutoComplete v-model="notizData.intBearbeiter" optionLabel="mitarbeiter" :suggestions="filteredMitarbeiter" @complete="search" minlength="3"/>
-					</div>
-					
-					
-					<label for="bis" class="form-label col-sm-1">{{$p.t('global','gueltigBis')}}</label>
-					<div class="col-sm-3">
-						<vue-date-picker
-							id="bis"
-							v-model="notizData.ende"
-							clearable="false"
-							auto-apply
-							:enable-time-picker="false"
-							format="dd.MM.yyyy"
-							:teleport="true"
-							preview-format="dd.MM.yyyy"></vue-date-picker>
-					</div>
-					
-				</div>
-									
-				<div class="row mb-3">
-					<label for="bis" class="form-label col-sm-2">{{$p.t('notiz','erledigt')}}</label>
-					<div class="col-sm-1">
-						<input type="checkbox" v-model="notizData.erledigt">
-					</div>
-				</div>
-				
-			</div>
-			
-			<div class="row mb-3">
-				<label for="lastUpdate" class="form-label col-sm-2 small">{{$p.t('notiz','letzte_aenderung')}}</label>
-				<div class="col-sm-7">
-					<p class="small">{{notizData.lastupdate}}</p>
-				</div>
-			</div>
-			
-			<button v-if="notizData.statusNew"  type="button" class="btn btn-primary" @click="addNewNotiz()"> {{$p.t('studierendenantrag', 'btn_new')}}</button>
-			<button v-else type="button" class="btn btn-primary" @click="updateNotiz(notizData.notiz_id)"> {{$p.t('ui', 'speichern')}}</button>
-					
-		</form>		
-	</div>
-
-	<div v-else-if="notizLayout=='twoColumnsFormRight'" class="notiz-notiz">
-
-		<!--Modal: deleteNotizModal-->
-		<BsModal ref="deleteNotizModal">
-			<template #title>Notiz löschen</template>
-			<template #default>
-				<p>Notiz wirklich löschen?</p>
-			</template>
-			<template #footer>
-				<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @click="resetModal">Abbrechen</button>
-				<button ref="Close" type="button" class="btn btn-primary" @click="deleteNotiz(notizData.notiz_id)">OK</button>
-			</template>
-		</BsModal>
-		
-		<div class="row">
-			<div class="col-sm-6 pt-6">
 			<br>
+		
+			<form ref="formc" @submit.prevent class="row pt-3">
+				<br><br>
+				<div class="pt-2">
+					<div class="row mb-3">
+						<div class="col-sm-7">
+							<span class="small">[{{notizData.typeId}}]</span>
+						</div>
+					</div>
+					
+					<div class="row mb-3">
+						<div class="col-sm-7">
+							<p v-if="notizData.statusNew" class="fw-bold"> {{$p.t('notiz','notiz_new')}}</p>
+							<p v-else class="fw-bold">{{$p.t('notiz','notiz_edit')}}</p>
+						</div>
+					</div>
+		
+					<div class="row mb-3">
+						<label for="titel" class="form-label col-sm-2">{{$p.t('global','titel')}} *</label>
+						<div class="col-sm-7">
+							<input type="text" v-model="notizData.titel" class="form-control">
+						</div>
+					</div>
+								
+					<div class="row mb-3">
+						<label for="text" class="form-label col-sm-2">{{$p.t('global','text')}} *</label>
+							
+						<!-- TinyMce 5 -->
+						<div v-if="showTinyMce" class="col-sm-7">
+							<textarea
+								ref="editor"
+								rows="5"
+								cols="75"
+								class="form-control"
+								:value="notizData.text"
+		     					@input="updateText">
+		     				</textarea>
+						</div>
+						<div v-else class="col-sm-7">
+							<textarea rows="5" cols="75" v-model="notizData.text" class="form-control"></textarea>
+						</div>
+					</div>
+				</div>
+
+				<!-- show Documentupload-->
+				<div v-if="showDocument">
+					<div class="row mb-3">
+						<label for="text" class="form-label col-sm-2">{{$p.t('notiz','document')}}</label>
+						<div  class="col-sm-7 py-3">
+							<!--Upload Component-->
+							<FormUploadDms ref="upload" id="file" multiple v-model="notizData.anhang"></FormUploadDms>
+						</div>
+					</div>
+				</div>
+				
+				<!-- show Details-->
+				<div v-if="showErweitert">
+					<div class="row mb-3">
+						<label for="bis" class="form-label col-sm-2">{{$p.t('notiz','verfasser')}}</label>
+											
+						<div v-if="notizData.verfasser_uid" class="col-sm-3">
+							<input type="text" :readonly="readonly" class="form-control" id="name" v-model="notizData.verfasser_uid">
+						</div>
+						<div v-else class="col-sm-3">
+							<PvAutoComplete v-model="notizData.intVerfasser" optionLabel="mitarbeiter"  :suggestions="filteredMitarbeiter" @complete="search" minLength="3"/>
+						</div>
+						
+						<label for="von" class="form-label col-sm-1">{{$p.t('global','gueltigVon')}}</label>
+						<div class="col-sm-3">
+							<vue-date-picker
+								id="von"
+								v-model="notizData.start"
+								clearable="false"
+								auto-apply
+								:enable-time-picker="false"
+								format="dd.MM.yyyy"
+								:teleport="true"
+								preview-format="dd.MM.yyyy"></vue-date-picker>
+						</div>
+					</div>
+					
+					<div class="row mb-3">
+						<label for="bis" class="form-label col-sm-2">{{$p.t('notiz','bearbeiter')}}</label>
+						
+						<div v-if="notizData.bearbeiter_uid" class="col-sm-3">
+							<input type="text" :readonly="readonly" class="form-control" id="name" v-model="notizData.bearbeiter_uid">
+						</div>
+						
+						<div v-else class="col-sm-3">
+							<PvAutoComplete v-model="notizData.intBearbeiter" optionLabel="mitarbeiter" :suggestions="filteredMitarbeiter" @complete="search" minlength="3"/>
+						</div>
+						
+						
+						<label for="bis" class="form-label col-sm-1">{{$p.t('global','gueltigBis')}}</label>
+						<div class="col-sm-3">
+							<vue-date-picker
+								id="bis"
+								v-model="notizData.ende"
+								clearable="false"
+								auto-apply
+								:enable-time-picker="false"
+								format="dd.MM.yyyy"
+								:teleport="true"
+								preview-format="dd.MM.yyyy">
+							</vue-date-picker>
+						</div>
+					</div>
+										
+					<div class="row mb-3">
+						<label for="bis" class="form-label col-sm-2">{{$p.t('notiz','erledigt')}}</label>
+						<div class="col-sm-1">
+							<input type="checkbox" v-model="notizData.erledigt">
+						</div>
+					</div>
+				</div>
+				
+				<div class="row mb-3">
+					<label for="lastUpdate" class="form-label col-sm-2 small">{{$p.t('notiz','letzte_aenderung')}}</label>
+					<div class="col-sm-7">
+						<p class="small">{{notizData.lastupdate}}</p>
+					</div>
+				</div>
+				
+				<button v-if="notizData.statusNew"  type="button" class="btn btn-primary" @click="addNewNotiz()"> {{$p.t('studierendenantrag', 'btn_new')}}</button>
+				<button v-else type="button" class="btn btn-primary" @click="updateNotiz(notizData.notiz_id)"> {{$p.t('ui', 'speichern')}}</button>
+			</form>		
+		</div>
+
+		<div v-else-if="notizLayout=='twoColumnsFormRight'" class="notiz-notiz">
+
+			<!--Modal: deleteNotizModal-->
+			<BsModal ref="deleteNotizModal">
+				<template #title>Notiz löschen</template>
+				<template #default>
+					<p>Notiz wirklich löschen?</p>
+				</template>
+				<template #footer>
+					<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @click="resetFormData">Abbrechen</button>
+					<button ref="Close" type="button" class="btn btn-primary" @click="deleteNotiz(notizData.notiz_id)">OK</button>
+				</template>
+			</BsModal>
+			
+			<div class="row">
+				<div class="col-sm-6 pt-6">
+					<br>
 					<core-filter-cmpt
 						ref="table"
 						:tabulator-options="tabulatorOptions"
@@ -644,17 +655,15 @@ export default {
 						@click:new="actionNewNotiz"
 						>
 					</core-filter-cmpt>	
-			</div>
-		
-			<div class="col-sm-6">
-<!--			<p v-if="notizData.statusNew" class="fw-bold">{{$p.t('notiz','notiz_new')}} <span> [{{notizData.typeId}}]</span></p>
-			<p v-else class="fw-bold">{{$p.t('notiz','notiz_edit')}} <span> [{{notizData.typeId}}]</span></p>-->
+				</div>
 			
+				<div class="col-sm-6">
+					<!--
+					<p v-if="notizData.statusNew" class="fw-bold">{{$p.t('notiz','notiz_new')}} <span> [{{notizData.typeId}}]</span></p>
+					<p v-else class="fw-bold">{{$p.t('notiz','notiz_edit')}} <span> [{{notizData.typeId}}]</span></p>
+					-->
 
-
-			  	<form ref="formc" @submit.prevent class="row pt-3">
-			
-	<!--				<div class="row">-->
+					<form ref="formc" @submit.prevent class="row pt-3">
 						<div class="col pt-3">
 							<p v-if="notizData.statusNew" class="fw-bold">{{$p.t('notiz','notiz_new')}} <span> [{{notizData.typeId}}]</span></p>
 							<p v-else class="fw-bold">{{$p.t('notiz','notiz_edit')}} <span> [{{notizData.typeId}}]</span></p>
@@ -664,318 +673,129 @@ export default {
 							<button v-if="notizData.statusNew" class="btn btn-primary position-absolute top-0 end-0" @click="addNewNotiz()"> {{$p.t('studierendenantrag', 'btn_new')}}</button>
 							<button v-else class="btn btn-primary position-absolute top-0 end-0" @click="updateNotiz(notizData.notiz_id)"> {{$p.t('ui', 'speichern')}}</button>
 						</div>
-	
-					<div class="row mb-3">
-						<form-input
-							container-class="col-12"
-							:label="$p.t('global','titel')  + ' *'"
-							type="text"
-							v-model="notizData.titel"
-							name="titel"
-							>
-						</form-input>
-					</div>
-								
-					<div class="row mb-3">
-							
-						<!-- TinyMce 5 -->
-						<div v-if="showTinyMCE" class="col-sm-12">
-							<label for="text" class="form-label col-sm-2">{{$p.t('global','text')}} *</label>
-							<textarea
-							ref="editor"
-							rows="5"
-							cols="75"
-							class="form-control"
-							:value="notizData.text"
-							@input="updateText"></textarea>
-						</div>
-						
-						<div v-else class="col-sm-12">
-							<label for="text" class="form-label col-sm-2">{{$p.t('global','text')}} *</label>
-							<textarea rows="5" cols="75" v-model="notizData.text" class="form-control"></textarea>
-						</div>
-					
-					</div>
-			
-					<!-- show Documentupload-->
-					<div v-if="showDocument">
-						<div class="row mb-3">		
-							
-							<div  class="col-sm-12 py-3">
-							<label for="text" class="form-label col-sm-2">{{$p.t('notiz','document')}}</label>
-								<!--Upload Component-->
-								<FormUploadDms ref="upload" id="file" multiple v-model="notizData.anhang"></FormUploadDms>
-							</div>
-						
-						</div>
-					</div>
-					
-					<!-- show Details-->
-					<div v-if="showErweitert">
-					
+		
 						<div class="row mb-3">
-											
 							<form-input
-								container-class="col-6"
-								:label="$p.t('global', 'gueltigVon')"
-								type="DatePicker"
-								v-model="notizData['start']"
-								name="von"
-								auto-apply
-								:enable-time-picker="false"
-								format="dd.MM.yyyy"
-								preview-format="dd.MM.yyyy"
-								:teleport="true"
-								>
-							</form-input>
-							
-							<form-input
-								container-class="col-6"
-								:label="$p.t('global', 'gueltigBis')"
-								type="DatePicker"
-								v-model="notizData.ende"
-								name="bis"
-								auto-apply
-								:enable-time-picker="false"
-								format="dd.MM.yyyy"
-								preview-format="dd.MM.yyyy"
-								:teleport="true"
-								>
-							</form-input>
-						</div>
-						
-						<div class="row mb-3">
-							<form-input 
-								v-if="notizData.verfasser_uid"
-								container-class="col-6"
-								:label="$p.t('notiz', 'verfasser')"
+								container-class="col-12"
+								:label="$p.t('global','titel')  + ' *'"
 								type="text"
-								v-model="notizData.verfasser_uid"
+								v-model="notizData.titel"
 								name="titel"
-							>
-							</form-input>
-					
-							<form-input
-								v-else
-								container-class="col-6"
-								:label="$p.t('notiz', 'verfasser')"
-								type="autocomplete"
-								v-model="notizData.intVerfasser"
-								:suggestions="filteredMitarbeiter" 
-								@complete="search" 
-								optionLabel="mitarbeiter"
-								minLength="3"
 								>
 							</form-input>
-							
-							<form-input
-								v-if="notizData.bearbeiter_uid"
-								container-class="col-6"
-								:label="$p.t('notiz', 'bearbeiter')"
-								v-model="notizData.bearbeiter_uid"
-								minlength="3"
-								>
-							</form-input>
-							
-							<form-input
-								v-else
-								container-class="col-6"
-								:label="$p.t('notiz', 'bearbeiter')"
-								type="autocomplete"
-								v-model="notizData.intBearbeiter"
-								:suggestions="filteredMitarbeiter" 
-								@complete="search" 
-								optionLabel="mitarbeiter"
-								minlength="3"
-								>
-							</form-input>	
 						</div>
-														
+									
 						<div class="row mb-3">
-								<div class="col-2 pt-4 d-flex align-items-center">
-									<form-input
-										container-class="form-check"
-										:label="$p.t('notiz', 'erledigt')"
-										type="checkbox"
-										v-model="notizData.erledigt"
-										name="erledigt"
-										>
-									</form-input>
-								</div>
-		<!--					<label for="bis" class="form-label col-sm-2">{{$p.t('notiz','erledigt')}}</label>
-							<div class="col-sm-1">
-								<input type="checkbox" v-model="notizData.erledigt">
-							</div>-->
-						</div>
-						
-					</div>
-					
-					<div class="row mb-3">
-						<label for="lastUpdate" class="form-label col-sm-3 small">{{$p.t('notiz','letzte_aenderung')}}</label>
-						<div class="col-sm-5">
-							<p class="small">{{notizData.lastupdate}}</p>
-						</div>
-					</div>
-					
-				</form>		
-			</div>
-		</div> 
-	</div>
-	
-	<div v-else-if="notizLayout=='twoColumnsFormLeft'" class="notiz-notiz">
-
-		<!--Modal: deleteNotizModal-->
-		<BsModal ref="deleteNotizModal">
-			<template #title>Notiz löschen</template>
-			<template #default>
-				<p>Notiz wirklich löschen?</p>
-			</template>
-			<template #footer>
-				<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @click="resetModal">Abbrechen</button>
-				<button ref="Close" type="button" class="btn btn-primary" @click="deleteNotiz(notizData.notiz_id)">OK</button>
-			</template>
-		</BsModal>
-		
-		<div class="row">
-		
-		<div class="col-sm-6">
-	
-		  	<form ref="formc" @submit.prevent class="row pt-3">
-			
-					<div class="col pt-3">
-						<p v-if="notizData.statusNew" class="fw-bold">{{$p.t('notiz','notiz_new')}} <span> [{{notizData.typeId}}]</span></p>
-						<p v-else class="fw-bold">{{$p.t('notiz','notiz_edit')}} <span> [{{notizData.typeId}}]</span></p>
-					</div>
-											
-	
-					<div class="row mb-3">
-						<form-input
-							container-class="col-12"
-							:label="$p.t('global','titel')  + ' *'"
-							type="text"
-							v-model="notizData.titel"
-							name="titel"
-							>
-						</form-input>
-					</div>
-								
-					<div class="row mb-3">
-							
-						<!-- TinyMce 5 -->
-						<div v-if="showTinyMCE" class="col-sm-12">
-							<label for="text" class="form-label col-sm-2">{{$p.t('global','text')}} *</label>
-							<textarea
-							ref="editor"
-							rows="5"
-							cols="75"
-							class="form-control"
-							:value="notizData.text"
-							@input="updateText"></textarea>
-						</div>
-						
-						<div v-else class="col-sm-12">
-							<label for="text" class="form-label col-sm-2">{{$p.t('global','text')}} *</label>
-							<textarea rows="5" cols="75" v-model="notizData.text" class="form-control"></textarea>
-						</div>
-					
-					</div>
-			
-					<!-- show Documentupload-->
-					<div v-if="showDocument">
-						<div class="row mb-3">		
-							
-							<div  class="col-sm-12 py-3">
-							<label for="text" class="form-label col-sm-2">{{$p.t('notiz','document')}}</label>
-								<!--Upload Component-->
-								<FormUploadDms ref="upload" id="file" multiple v-model="notizData.anhang"></FormUploadDms>
+							<!-- TinyMce 5 -->
+							<div v-if="showTinyMce" class="col-sm-12">
+								<label for="text" class="form-label col-sm-2">{{$p.t('global','text')}} *</label>
+								<textarea
+									ref="editor"
+									rows="5"
+									cols="75"
+									class="form-control"
+									:value="notizData.text"
+									@input="updateText">
+								</textarea>
 							</div>
-						
-						</div>
-					</div>
-					
-					<!-- show Details-->
-					<div v-if="showErweitert">
-					
-						<div class="row mb-3">
-											
-							<form-input
-								container-class="col-6"
-								:label="$p.t('global', 'gueltigVon')"
-								type="DatePicker"
-								v-model="notizData['start']"
-								name="von"
-								auto-apply
-								:enable-time-picker="false"
-								format="dd.MM.yyyy"
-								preview-format="dd.MM.yyyy"
-								:teleport="true"
-								>
-							</form-input>
 							
-							<form-input
-								container-class="col-6"
-								:label="$p.t('global', 'gueltigBis')"
-								type="DatePicker"
-								v-model="notizData.ende"
-								name="bis"
-								auto-apply
-								:enable-time-picker="false"
-								format="dd.MM.yyyy"
-								preview-format="dd.MM.yyyy"
-								:teleport="true"
-								>
-							</form-input>
+							<div v-else class="col-sm-12">
+								<label for="text" class="form-label col-sm-2">{{$p.t('global','text')}} *</label>
+								<textarea rows="5" cols="75" v-model="notizData.text" class="form-control"></textarea>
+							</div>
 						</div>
-						
 				
-						<div class="row mb-3">
-							<form-input 
-								v-if="notizData.verfasser_uid"
-								container-class="col-6"
-								:label="$p.t('notiz', 'verfasser')"
-								type="text"
-								v-model="notizData.verfasser_uid"
-								name="titel"
-							>
-							</form-input>
-					
-							<form-input
-								v-else
-								container-class="col-6"
-								:label="$p.t('notiz', 'verfasser')"
-								type="autocomplete"
-								v-model="notizData.intVerfasser"
-								:suggestions="filteredMitarbeiter" 
-								@complete="search" 
-								optionLabel="mitarbeiter"
-								minLength="3"
-								>
-							</form-input>
-							
-							<form-input
-								v-if="notizData.bearbeiter_uid"
-								container-class="col-6"
-								:label="$p.t('notiz', 'bearbeiter')"
-								v-model="notizData.bearbeiter_uid"
-								minlength="3"
-								>
-							</form-input>
-							
-							<form-input
-								v-else
-								container-class="col-6"
-								:label="$p.t('notiz', 'bearbeiter')"
-								type="autocomplete"
-								v-model="notizData.intBearbeiter"
-								:suggestions="filteredMitarbeiter" 
-								@complete="search" 
-								optionLabel="mitarbeiter"
-								minlength="3"
-								>
-							</form-input>	
+						<!-- show Documentupload-->
+						<div v-if="showDocument">
+							<div class="row mb-3">		
+								<div  class="col-sm-12 py-3">
+								<label for="text" class="form-label col-sm-2">{{$p.t('notiz','document')}}</label>
+									<!--Upload Component-->
+									<FormUploadDms ref="upload" id="file" multiple v-model="notizData.anhang"></FormUploadDms>
+								</div>
+							</div>
 						</div>
-														
-						<div class="row mb-3">
+						
+						<!-- show Details-->
+						<div v-if="showErweitert">
+							<div class="row mb-3">
+								<form-input
+									container-class="col-6"
+									:label="$p.t('global', 'gueltigVon')"
+									type="DatePicker"
+									v-model="notizData['start']"
+									name="von"
+									auto-apply
+									:enable-time-picker="false"
+									format="dd.MM.yyyy"
+									preview-format="dd.MM.yyyy"
+									:teleport="true"
+									>
+								</form-input>
+								
+								<form-input
+									container-class="col-6"
+									:label="$p.t('global', 'gueltigBis')"
+									type="DatePicker"
+									v-model="notizData.ende"
+									name="bis"
+									auto-apply
+									:enable-time-picker="false"
+									format="dd.MM.yyyy"
+									preview-format="dd.MM.yyyy"
+									:teleport="true"
+									>
+								</form-input>
+							</div>
+							
+							<div class="row mb-3">
+								<form-input 
+									v-if="notizData.verfasser_uid"
+									container-class="col-6"
+									:label="$p.t('notiz', 'verfasser')"
+									type="text"
+									v-model="notizData.verfasser_uid"
+									name="titel"
+									>
+								</form-input>
+						
+								<form-input
+									v-else
+									container-class="col-6"
+									:label="$p.t('notiz', 'verfasser')"
+									type="autocomplete"
+									v-model="notizData.intVerfasser"
+									:suggestions="filteredMitarbeiter" 
+									@complete="search" 
+									optionLabel="mitarbeiter"
+									minLength="3"
+									>
+								</form-input>
+								
+								<form-input
+									v-if="notizData.bearbeiter_uid"
+									container-class="col-6"
+									:label="$p.t('notiz', 'bearbeiter')"
+									v-model="notizData.bearbeiter_uid"
+									minlength="3"
+									>
+								</form-input>
+								
+								<form-input
+									v-else
+									container-class="col-6"
+									:label="$p.t('notiz', 'bearbeiter')"
+									type="autocomplete"
+									v-model="notizData.intBearbeiter"
+									:suggestions="filteredMitarbeiter" 
+									@complete="search" 
+									optionLabel="mitarbeiter"
+									minlength="3"
+									>
+								</form-input>	
+							</div>
+															
+							<div class="row mb-3">
 								<div class="col-2 pt-4 d-flex align-items-center">
 									<form-input
 										container-class="form-check"
@@ -986,31 +806,204 @@ export default {
 										>
 									</form-input>
 								</div>
-		<!--					<label for="bis" class="form-label col-sm-2">{{$p.t('notiz','erledigt')}}</label>
-							<div class="col-sm-1">
-								<input type="checkbox" v-model="notizData.erledigt">
-							</div>-->
+								<!--
+								<label for="bis" class="form-label col-sm-2">{{$p.t('notiz','erledigt')}}</label>
+								<div class="col-sm-1">
+									<input type="checkbox" v-model="notizData.erledigt">
+								</div>
+								-->
+							</div>
 						</div>
 						
-					</div>
-					
-					<div class="row mb-3">
-						<label for="lastUpdate" class="form-label col-sm-3 small">{{$p.t('notiz','letzte_aenderung')}}</label>
-						<div class="col-sm-5">
-							<p class="small">{{notizData.lastupdate}}</p>
+						<div class="row mb-3">
+							<label for="lastUpdate" class="form-label col-sm-3 small">{{$p.t('notiz','letzte_aenderung')}}</label>
+							<div class="col-sm-5">
+								<p class="small">{{notizData.lastupdate}}</p>
+							</div>
 						</div>
-					</div>
+					</form>		
+				</div>
+			</div> 
+		</div>
+		
+		<div v-else-if="notizLayout=='twoColumnsFormLeft'" class="notiz-notiz">
+			<!--Modal: deleteNotizModal-->
+			<BsModal ref="deleteNotizModal">
+				<template #title>Notiz löschen</template>
+				<template #default>
+					<p>Notiz wirklich löschen?</p>
+				</template>
+				<template #footer>
+					<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @click="resetFormData">Abbrechen</button>
+					<button ref="Close" type="button" class="btn btn-primary" @click="deleteNotiz(notizData.notiz_id)">OK</button>
+				</template>
+			</BsModal>
+			
+			<div class="row">
+				<div class="col-sm-6">
+				  	<form ref="formc" @submit.prevent class="row pt-3">
+						<div class="col pt-3">
+							<p v-if="notizData.statusNew" class="fw-bold">{{$p.t('notiz','notiz_new')}} <span> [{{notizData.typeId}}]</span></p>
+							<p v-else class="fw-bold">{{$p.t('notiz','notiz_edit')}} <span> [{{notizData.typeId}}]</span></p>
+						</div>
+												
+						<div class="row mb-3">
+							<form-input
+								container-class="col-12"
+								:label="$p.t('global','titel')  + ' *'"
+								type="text"
+								v-model="notizData.titel"
+								name="titel"
+								>
+							</form-input>
+						</div>
+									
+						<div class="row mb-3">
+							<!-- TinyMce 5 -->
+							<div v-if="showTinyMce" class="col-sm-12">
+								<label for="text" class="form-label col-sm-2">{{$p.t('global','text')}} *</label>
+								<textarea
+								ref="editor"
+								rows="5"
+								cols="75"
+								class="form-control"
+								:value="notizData.text"
+								@input="updateText"></textarea>
+							</div>
+							
+							<div v-else class="col-sm-12">
+								<label for="text" class="form-label col-sm-2">{{$p.t('global','text')}} *</label>
+								<textarea rows="5" cols="75" v-model="notizData.text" class="form-control"></textarea>
+							</div>
+						</div>
+				
+						<!-- show Documentupload-->
+						<div v-if="showDocument">
+							<div class="row mb-3">		
+								<div  class="col-sm-12 py-3">
+									<label for="text" class="form-label col-sm-2">{{$p.t('notiz','document')}}</label>
+									<!--Upload Component-->
+									<FormUploadDms ref="upload" id="file" multiple v-model="notizData.anhang"></FormUploadDms>
+								</div>
+							</div>
+						</div>
+						
+						<!-- show Details-->
+						<div v-if="showErweitert">
+							<div class="row mb-3">
+								<form-input
+									container-class="col-6"
+									:label="$p.t('global', 'gueltigVon')"
+									type="DatePicker"
+									v-model="notizData['start']"
+									name="von"
+									auto-apply
+									:enable-time-picker="false"
+									format="dd.MM.yyyy"
+									preview-format="dd.MM.yyyy"
+									:teleport="true"
+									>
+								</form-input>
+								
+								<form-input
+									container-class="col-6"
+									:label="$p.t('global', 'gueltigBis')"
+									type="DatePicker"
+									v-model="notizData.ende"
+									name="bis"
+									auto-apply
+									:enable-time-picker="false"
+									format="dd.MM.yyyy"
+									preview-format="dd.MM.yyyy"
+									:teleport="true"
+									>
+								</form-input>
+							</div>
+							
 					
+							<div class="row mb-3">
+								<form-input 
+									v-if="notizData.verfasser_uid"
+									container-class="col-6"
+									:label="$p.t('notiz', 'verfasser')"
+									type="text"
+									v-model="notizData.verfasser_uid"
+									name="titel"
+									>
+								</form-input>
+						
+								<form-input
+									v-else
+									container-class="col-6"
+									:label="$p.t('notiz', 'verfasser')"
+									type="autocomplete"
+									v-model="notizData.intVerfasser"
+									:suggestions="filteredMitarbeiter" 
+									@complete="search" 
+									optionLabel="mitarbeiter"
+									minLength="3"
+									>
+								</form-input>
+								
+								<form-input
+									v-if="notizData.bearbeiter_uid"
+									container-class="col-6"
+									:label="$p.t('notiz', 'bearbeiter')"
+									v-model="notizData.bearbeiter_uid"
+									minlength="3"
+									>
+								</form-input>
+								
+								<form-input
+									v-else
+									container-class="col-6"
+									:label="$p.t('notiz', 'bearbeiter')"
+									type="autocomplete"
+									v-model="notizData.intBearbeiter"
+									:suggestions="filteredMitarbeiter" 
+									@complete="search" 
+									optionLabel="mitarbeiter"
+									minlength="3"
+									>
+								</form-input>	
+							</div>
+															
+							<div class="row mb-3">
+								<div class="col-2 pt-4 d-flex align-items-center">
+									<form-input
+										container-class="form-check"
+										:label="$p.t('notiz', 'erledigt')"
+										type="checkbox"
+										v-model="notizData.erledigt"
+										name="erledigt"
+										>
+									</form-input>
+								</div>
+								<!--
+								<label for="bis" class="form-label col-sm-2">{{$p.t('notiz','erledigt')}}</label>
+								<div class="col-sm-1">
+									<input type="checkbox" v-model="notizData.erledigt">
+								</div>
+								-->
+							</div>
+						</div>
+						
+						<div class="row mb-3">
+							<label for="lastUpdate" class="form-label col-sm-3 small">{{$p.t('notiz','letzte_aenderung')}}</label>
+							<div class="col-sm-5">
+								<p class="small">{{notizData.lastupdate}}</p>
+							</div>
+						</div>
+						
 						<div>
 							<button v-if="notizData.statusNew" class="btn btn-primary" @click="addNewNotiz()"> {{$p.t('studierendenantrag', 'btn_new')}}</button>
 							<button v-else class="btn btn-primary" @click="updateNotiz(notizData.notiz_id)"> {{$p.t('ui', 'speichern')}}</button>
 						</div>
-					
-				</form>		
-			</div>
-			
-			<div class="col-sm-6 pt-6">
-			<br>
+					</form>		
+				</div>
+				
+				<div class="col-sm-6 pt-6">
+					<br>
 					<core-filter-cmpt
 						ref="table"
 						:tabulator-options="tabulatorOptions"
@@ -1023,17 +1016,12 @@ export default {
 						@click:new="actionNewNotiz"
 						>
 					</core-filter-cmpt>	
-			</div>
+				</div>
+			</div> 
+		</div>
 		
-			
-		</div> 
-		
-	</div>
-	
-	<div v-else>
-	<p>Kein Layout übergeben</p>
-	</div>
-</div>
-<br>
-`,
+		<div v-else>
+			<p>Kein Layout übergeben</p>
+		</div>
+	</div>`,
 }
\ No newline at end of file
diff --git a/public/js/components/Stv/Studentenverwaltung/Details/Betriebsmittel.js b/public/js/components/Stv/Studentenverwaltung/Details/Betriebsmittel.js
index 9e1a2484a..fbee3dda3 100644
--- a/public/js/components/Stv/Studentenverwaltung/Details/Betriebsmittel.js
+++ b/public/js/components/Stv/Studentenverwaltung/Details/Betriebsmittel.js
@@ -1,21 +1,20 @@
-import Betriebsmittel from "../../../Betriebsmittel/Betriebsmittel.js";
+import CoreBetriebsmittel from "../../../Betriebsmittel/Betriebsmittel.js";
 
 export default {
 	components: {
-		Betriebsmittel
+		CoreBetriebsmittel
 	},
 	props: {
 		modelValue: Object
 	},
 	template: `
-	<div class="stv-details-details h-100 pb-3">
-		<h3>Betriebsmittel</h3>
-		<Betriebsmittel
+	<div class="stv-details-betriebsmittel h-100 pb-3">
+		<core-betriebsmittel
 			ref="formc"
 			:person_id="modelValue.person_id"
 			:uid="modelValue.uid"
 			>
-		</Betriebsmittel>	
+		</core-betriebsmittel>	
 	</div>
 	`
 };
diff --git a/public/js/components/Stv/Studentenverwaltung/Details/Kontakt.js b/public/js/components/Stv/Studentenverwaltung/Details/Kontakt.js
index ce718d61b..f9eff15f7 100644
--- a/public/js/components/Stv/Studentenverwaltung/Details/Kontakt.js
+++ b/public/js/components/Stv/Studentenverwaltung/Details/Kontakt.js
@@ -19,7 +19,7 @@ export default {
 		}
 	},
 	template: `
-	<div class="stv-details-details h-100 pb-3">
+	<div class="stv-details-kontakt h-100 pb-3">
 		<fieldset class="overflow-hidden">
 			<legend>{{this.$p.t('person', 'adressen')}}</legend>
 			<address-list ref="adressList" :uid="modelValue.person_id"></address-list>
diff --git a/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Address.js b/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Address.js
index e2301f7a3..1e7423fd9 100644
--- a/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Address.js
+++ b/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Address.js
@@ -11,7 +11,7 @@ export default{
 		BsModal
 	},
 	props: {
-		uid: String
+		uid: Number
 	},
 	data() {
 		return{
@@ -309,7 +309,7 @@ export default{
 					<div class="row mb-3">
 						<label for="strasse" class="form-label col-sm-4">{{$p.t('person', 'strasse')}}</label>
 						<div class="col-sm-6">
-							<input type="text" :readonly="readonly" class="form-control" id="strasse" v-model="addressData['strasse']">
+							<input type="text" class="form-control" id="strasse" v-model="addressData['strasse']">
 						</div>
 					</div>
 						
@@ -330,7 +330,7 @@ export default{
 					</div>
 					
 					<div class="row mb-3">
-						<label :for="gemeinde" class="form-label col-sm-4">{{$p.t('person', 'gemeinde')}}</label>
+						<label for="gemeinde" class="form-label col-sm-4">{{$p.t('person', 'gemeinde')}}</label>
 							<div class="col-sm-6">
 								<select v-if="addressData['nation'] == 'A'" name="addressData[gemeinde]" class="form-select" v-model="addressData['gemeinde']">
 									<option v-if="!gemeinden.length" disabled>Bitte gültige PLZ wählen</option>
@@ -341,7 +341,7 @@ export default{
 					</div>
 					
 					<div class="row mb-3">
-							<label :for="Ort" class="form-label col-sm-4">{{$p.t('person', 'ort')}}</label>
+							<label for="Ort" class="form-label col-sm-4">{{$p.t('person', 'ort')}}</label>
 							<div class="col-sm-6">
 								<select v-if="addressData['nation'] == 'A'" name="address[ort]" class="form-select" v-model="addressData['ort']">
 									<option v-if="!orte.length" disabled>Bitte gültige Gemeinde wählen</option>
@@ -388,20 +388,20 @@ export default{
 					<div class="row mb-3">
 						<label for="firma_name" class="form-label col-sm-4">{{$p.t('person', 'firma')}}</label>
 							<div class="col-sm-3">
-							 	<PvAutoComplete v-model="addressData['firma']"  optionLabel="name" :suggestions="filteredFirmen" @complete="search" minLength="3"/>
+							 	<PvAutoComplete v-model="addressData['firma']"  optionLabel="name" :suggestions="filteredFirmen" @complete="search" :min-length="3"/>
 							</div>
 					</div>
 					
 					<div class="row mb-3">
 						<label for="name" class="form-label col-sm-4">{{$p.t('person', 'firma_zusatz')}}</label>
 						<div class="col-sm-6">
-							<input type="text" :readonly="readonly" class="form-control" id="name" v-model="addressData['name']">
+							<input type="text" class="form-control" id="name" v-model="addressData['name']">
 						</div>
 					</div>
 					<div class="row mb-3">
 						<label for="anmerkung" class="form-label col-sm-4">{{$p.t('global', 'anmerkung')}}</label>
 						<div class="col-sm-6">
-							<input type="text" :readonly="readonly" class="form-control" id="anmerkung" v-model="addressData['anmerkung']">
+							<input type="text" class="form-control" id="anmerkung" v-model="addressData['anmerkung']">
 						</div>
 					</div>
 			</form>
@@ -427,7 +427,7 @@ export default{
 				<div class="row mb-3">
 					<label for="strasse" class="form-label col-sm-4">{{$p.t('person', 'strasse')}}</label>
 					<div class="col-sm-6">
-						<input type="text" :readonly="readonly" class="form-control" id="strasse" v-model="addressData.strasse">
+						<input type="text" class="form-control" id="strasse" v-model="addressData.strasse">
 					</div>
 				</div>
 					
@@ -447,7 +447,7 @@ export default{
 					</div>
 				</div>
 				<div class="row mb-3">
-					<label :for="gemeinde" class="form-label col-sm-4">{{$p.t('person', 'gemeinde')}}</label>
+					<label for="gemeinde" class="form-label col-sm-4">{{$p.t('person', 'gemeinde')}}</label>
 						<div v-if="addressData['gemeinde']" class="col-sm-6">
 							<input type="text" class="form-control" v-model="addressData['gemeinde']">
 						</div>
@@ -460,7 +460,7 @@ export default{
 				</div>
 		
 				<div class="row mb-3">
-						<label :for="Ort" class="form-label col-sm-4">{{$p.t('person', 'ort')}}</label>
+						<label for="Ort" class="form-label col-sm-4">{{$p.t('person', 'ort')}}</label>
 						<div v-if="addressData['ort']" class="col-sm-6">
 							<input type="text" name="ort" class="form-control" v-model="addressData['ort']">
 						</div>
@@ -509,28 +509,28 @@ export default{
 				<div class="row mb-3">
 					<label for="firma_name" class="form-label col-sm-4">{{$p.t('person', 'firma')}}</label>
 						<div v-if="addressData.firmenname" class="col-sm-6">
-							<input type="text" :readonly="readonly" class="form-control" id="name" v-model="addressData.firmenname">
+							<input type="text" class="form-control" id="name" v-model="addressData.firmenname">
 						</div>
 						<div v-else class="col-sm-6">
-							<PvAutoComplete v-model="addressData['firma']" optionLabel="name" :suggestions="filteredFirmen" @complete="search" minLength="3"/>
+							<PvAutoComplete v-model="addressData['firma']" optionLabel="name" :suggestions="filteredFirmen" @complete="search" :min-length="3"/>
 						</div>
 				</div>
 				
 				<div class="row mb-3">
-					<input type="hidden" :readonly="readonly" class="form-control" id="firma_id" v-model="addressData.firma_id">
+					<input type="hidden" class="form-control" id="firma_id" v-model="addressData.firma_id">
 				</div>
 	
 				<div class="row mb-3">
 					<label for="name" class="form-label col-sm-4">{{$p.t('person', 'firma_zusatz')}}</label>
 					<div class="col-sm-6">
-						<input type="text" :readonly="readonly" class="form-control" id="name" v-model="addressData['name']">
+						<input type="text" class="form-control" id="name" v-model="addressData['name']">
 					</div>
 				</div>
 				
 				<div class="row mb-3">
 					<label for="anmerkung" class="form-label col-sm-4">{{$p.t('global', 'anmerkung')}}</label>
 					<div class="col-sm-6">
-						<input type="text" :readonly="readonly" class="form-control" id="anmerkung" v-model="addressData['anmerkung']">
+						<input type="text" class="form-control" id="anmerkung" v-model="addressData['anmerkung']">
 					</div>
 				</div>
 			
diff --git a/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Bankaccount.js b/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Bankaccount.js
index 1d5833044..b448529fb 100644
--- a/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Bankaccount.js
+++ b/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Bankaccount.js
@@ -7,7 +7,7 @@ export default{
 		BsModal
 	},
 	props: {
-		uid: String
+		uid: Number
 	},
 	data() {
 		return{
@@ -203,38 +203,38 @@ export default{
 				<div class="row mb-3">
 						<label for="name" class="form-label col-sm-4">Name</label>
 						<div class="col-sm-6">
-							<input type="text" :readonly="readonly" class="form-control" id="name" v-model="bankverbindungData['name']">
+							<input type="text" class="form-control" id="name" v-model="bankverbindungData['name']">
 						</div>
 					</div>
 					<div class="row mb-3">										   
 						<label for="anschrift" class="form-label col-sm-4">{{$p.t('person', 'anschrift')}}</label>
 						<div class="col-sm-6">
-							<input type="text" :readonly="readonly" class="form-control" id="anschrift" v-model="bankverbindungData['anschrift']">
+							<input type="text" class="form-control" 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-6">
-							<input type="text" :readonly="readonly" required class="form-control" id="iban" v-model="bankverbindungData['iban']">
+							<input type="text" required class="form-control" 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-6">
-							<input type="text" :readonly="readonly" class="form-control" id="bic" v-model="bankverbindungData['bic']">
+							<input type="text" class="form-control" id="bic" v-model="bankverbindungData['bic']">
 						</div>
 					</div>
 					<div class="row mb-3">							   
 						<label for="kontonr" class="form-label col-sm-4">{{$p.t('person', 'kontonr')}}</label>
 						<div class="col-sm-6">
-							<input type="text" :readonly="readonly" class="form-control" id="kontonr" v-model="bankverbindungData['kontonr']">
+							<input type="text" class="form-control" id="kontonr" v-model="bankverbindungData['kontonr']">
 						</div>
 					</div>
 					<div class="row mb-3">										   
 						<label for="blz" class="form-label col-sm-4">{{$p.t('person', 'blz')}}</label>
 						<div class="col-sm-6">
-							<input type="text" :readonly="readonly" class="form-control" id="blz" v-model="bankverbindungData['blz']">
+							<input type="text" class="form-control" id="blz" v-model="bankverbindungData['blz']">
 						</div>
 					</div>
 					<div class="row mb-3">
@@ -269,37 +269,37 @@ export default{
 					<div class="row mb-3">
 						<label for="name" class="form-label col-sm-4">Name</label>
 						<div class="col-sm-6">
-							<input type="text" :readonly="readonly" class="form-control" id="name" v-model="bankverbindungData['name']">
+							<input type="text" class="form-control" id="name" v-model="bankverbindungData['name']">
 						</div>
 					</div>
 					<div class="row mb-3">									   
 						<label for="anschrift" class="form-label col-sm-4">{{$p.t('person', 'anschrift')}}</label>
 						<div class="col-sm-6">
-							<input type="text" :readonly="readonly" class="form-control" id="anschrift" v-model="bankverbindungData['anschrift']">
+							<input type="text" class="form-control" 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-6">
-							<input type="text" :readonly="readonly" required class="form-control" id="iban" v-model="bankverbindungData['iban']">
+							<input type="text" required class="form-control" 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-6">
-							<input type="text" :readonly="readonly" class="form-control" id="bic" v-model="bankverbindungData['bic']">
+							<input type="text" class="form-control" id="bic" v-model="bankverbindungData['bic']">
 						</div>
 					</div>
 					<div class="row mb-3">									   
 						<label for="kontonr" class="form-label col-sm-4">{{$p.t('person', 'kontonr')}}</label>
 						<div class="col-sm-6">
-							<input type="text" :readonly="readonly" class="form-control" id="kontonr" v-model="bankverbindungData['kontonr']">
+							<input type="text" class="form-control" id="kontonr" v-model="bankverbindungData['kontonr']">
 						</div>
 					</div>
 					<div class="row mb-3">									   
 						<label for="blz" class="form-label col-sm-4">{{$p.t('person', 'blz')}}</label>
 						<div class="col-sm-6">
-							<input type="text" :readonly="readonly" class="form-control" id="blz" v-model="bankverbindungData['blz']">
+							<input type="text" class="form-control" id="blz" v-model="bankverbindungData['blz']">
 						</div>
 					</div>
 					<div class="row mb-3">
diff --git a/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Contact.js b/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Contact.js
index 50694fb76..be4d6c7f5 100644
--- a/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Contact.js
+++ b/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Contact.js
@@ -11,7 +11,7 @@ export default{
 		BsModal
 	},
 	props: {
-		uid: String
+		uid: Number
 	},
 	data() {
 		return{
@@ -223,13 +223,13 @@ export default{
 						<div class="row mb-3">										   
 							<label for="kontakt" class="form-label col-sm-4">{{$p.t('global', 'kontakt')}}</label>
 							<div class="col-sm-6">
-								<input type="text" :readonly="readonly" class="form-control" id="kontakt" v-model="contactData['kontakt']">
+								<input type="text" class="form-control" id="kontakt" v-model="contactData['kontakt']">
 							</div>
 						</div>
 						<div class="row mb-3">									   
 							<label for="anmerkung" class="form-label col-sm-4">{{$p.t('global', 'anmerkung')}}</label>
 							<div class="col-sm-6">
-								<input type="text" :readonly="readonly" class="form-control" id="anmerkung" v-model="contactData['anmerkung']">
+								<input type="text" class="form-control" id="anmerkung" v-model="contactData['anmerkung']">
 							</div>
 						</div>
 						
@@ -245,7 +245,7 @@ export default{
 						<div class="row mb-3">
 							<label for="firma_name" class="form-label col-sm-4">{{$p.t('person', 'firma')}} / {{$p.t('person', 'standort')}}</label>
 								<div class="col-sm-6">
-									<PvAutoComplete v-model="contactData['standort']" optionLabel="kurzbz" :suggestions="filteredStandorte" @complete="search" minLength="3"/>
+									<PvAutoComplete v-model="contactData['standort']" optionLabel="kurzbz" :suggestions="filteredStandorte" @complete="search" :min-length="3"/>
 								</div>
 						</div>
 				</form>
@@ -271,13 +271,13 @@ export default{
 				<div class="row mb-3">									   
 					<label for="kontakt" class="form-label col-sm-4">{{$p.t('global', 'kontakt')}}</label>
 					<div class="col-sm-6">
-						<input type="text" :readonly="readonly" class="form-control" id="kontakt" v-model="contactData['kontakt']">
+						<input type="text" class="form-control" id="kontakt" v-model="contactData['kontakt']">
 					</div>
 				</div>
 				<div class="row mb-3">									   
 					<label for="anmerkung" class="form-label col-sm-4">{{$p.t('global', 'anmerkung')}}</label>
 					<div class="col-sm-6">
-						<input type="text" :readonly="readonly" class="form-control" id="anmerkung" v-model="contactData['anmerkung']">
+						<input type="text" class="form-control" id="anmerkung" v-model="contactData['anmerkung']">
 					</div>
 				</div>
 				<div class="row mb-3">
@@ -289,16 +289,16 @@ export default{
 					</div>
 				</div>
 				<div class="row mb-3">			
-					<input type="hidden" :readonly="readonly" class="form-control" id="standort_id" v-model="contactData.standort_id">
+					<input type="hidden" class="form-control" id="standort_id" v-model="contactData.standort_id">
 				</div>
 				
 				<div class="row mb-3">
 					<label for="standort" class="form-label col-sm-4">{{$p.t('person', 'firma')}} / {{$p.t('person', 'standort')}}</label>
 						<div v-if="contactData.kurzbz" class="col-sm-6">
-							<input type="text" :readonly="readonly" class="form-control" id="name" v-model="contactData.kurzbz">
+							<input type="text" class="form-control" id="name" v-model="contactData.kurzbz">
 						</div>	
 						<div v-else class="col-sm-3">
-							<PvAutoComplete v-model="contactData['standort']" optionLabel="kurzbz" :suggestions="filteredStandorte" @complete="search" minLength="3"/>
+							<PvAutoComplete v-model="contactData['standort']" optionLabel="kurzbz" :suggestions="filteredStandorte" @complete="search" :min-length="3"/>
 						</div>
 				</div>
 			</form>
diff --git a/public/js/components/Stv/Studentenverwaltung/Details/MultiStatus.js b/public/js/components/Stv/Studentenverwaltung/Details/MultiStatus.js
index e0bc1cb7e..dfbfa17b3 100644
--- a/public/js/components/Stv/Studentenverwaltung/Details/MultiStatus.js
+++ b/public/js/components/Stv/Studentenverwaltung/Details/MultiStatus.js
@@ -8,11 +8,10 @@ export default {
 		modelValue: Object,
 	},
 	template: `
-
-		<div class="stv-details-details h-100 pb-3">
-			<div class="col-12 pb-3">
+	<div class="stv-details-multistatus h-100 pb-3">
+		<div class="col-12 pb-3">
 			<legend>Status</legend>
-			<TblMultiStatus :modelValue="modelValue"></TblMultiStatus>		
+			<tbl-multi-status :model-value="modelValue"></tbl-multi-status>		
 		</div>
 	</div>
 	`
diff --git a/public/js/components/Stv/Studentenverwaltung/Details/Notizen.js b/public/js/components/Stv/Studentenverwaltung/Details/Notizen.js
index 185b8d0d5..78a0940f8 100644
--- a/public/js/components/Stv/Studentenverwaltung/Details/Notizen.js
+++ b/public/js/components/Stv/Studentenverwaltung/Details/Notizen.js
@@ -1,29 +1,25 @@
-import NotizComponent from "../../../Notiz/NotizComponent.js";
+import CoreNotiz from "../../../Notiz/Notiz.js";
 
 export default {
 	components: {
-		NotizComponent
+		CoreNotiz
 	},
 	props: {
 		modelValue: Object
 	},
 	template: `
-	<div class="stv-details-details h-100 pb-3">
-		<h3>Notizen</h3>
-		
+	<div class="stv-details-notizen h-100 pb-3">
 <!--	mit factory als endpoint	-->
-		<NotizComponent
+		<core-notiz
 			:endpoint="$fhcApi.factory.notiz.person"
 			ref="formc"
-			typeId="person_id"
+			type-id="person_id"
 			:id="modelValue.person_id"
-			notizLayout="twoColumnsFormLeft"
-			:showErweitert="false"
-			:showDocument="true"
-			:showTinyMCE="false"
-			:visibleColumns="['titel','text','verfasser','bearbeiter','dokumente']"
+			show-document
+			show-tiny-mce
+			:visible-columns="['titel','text','verfasser','bearbeiter','dokumente']"
 			>
-		</NotizComponent>
+		</core-notiz>
 		
 	
 <!--		
@@ -68,44 +64,44 @@ visibleColumns: list, which fields shoult be showed as default in filter compone
 ---------------------------------------------------------------------------------------------
 
 
-		<NotizComponent
+		<core-notiz
 			:endpoint="$fhcApi.factory.notiz.mitarbeiter"
 			ref="formc"
-			typeId="uid"
+			type-id="uid"
 			:id= "'ma0068'"
-			notizLayout="twoColumnsFormLeft"
-			:showErweitert="true"
-			:showDocument="true"
+			notiz-layout="twoColumnsFormLeft"
+			:show-erweitert="true"
+			:show-document="true"
 			:showTinyMCE="false"
-			:visibleColumns="['titel','text','verfasser','bearbeiter','dokumente']"
+			:visible-columns="['titel','text','verfasser','bearbeiter','dokumente']"
 			>
-		</NotizComponent>
+		</core-notiz>
 		
-		<NotizComponent
+		<core-notiz
 			:endpoint="$fhcApi.factory.notiz.prestudent"
 			ref="formc"
-			typeId="prestudent_id"
+			type-id="prestudent_id"
 			:id="modelValue.prestudent_id"
-			notizLayout="twoColumnsFormLeft"
-			:showErweitert="true"
-			:showDocument="true"
+			notiz-layout="twoColumnsFormLeft"
+			:show-erweitert="true"
+			:show-document="true"
 			:showTinyMCE="true"
-			:visibleColumns="['titel','text','verfasser','bearbeiter','dokumente']"
+			:visible-columns="['titel','text','verfasser','bearbeiter','dokumente']"
 			>
-		</NotizComponent>
+		</core-notiz>
 				
-		<NotizComponent
+		<core-notiz
 			:endpoint="$fhcApi.factory.notiz.projekt"
 			ref="formc"
-			typeId="projekt_kurzbz"
+			type-id="projekt_kurzbz"
 			:id="'EA74'" 
-			notizLayout="twoColumnsFormLeft"
-			:showErweitert="true"
-			:showDocument="true"
+			notiz-layout="twoColumnsFormLeft"
+			:show-erweitert="true"
+			:show-document="true"
 			:showTinyMCE="true"
-			:visibleColumns="['titel','text','verfasser','bearbeiter','dokumente']"
+			:visible-columns="['titel','text','verfasser','bearbeiter','dokumente']"
 			>
-		</NotizComponent>-->
+		</core-notiz>-->
 		
 	</div>
 	`
diff --git a/public/js/components/Stv/Studentenverwaltung/Details/Prestudent.js b/public/js/components/Stv/Studentenverwaltung/Details/Prestudent.js
index 149556508..8f3773ad7 100644
--- a/public/js/components/Stv/Studentenverwaltung/Details/Prestudent.js
+++ b/public/js/components/Stv/Studentenverwaltung/Details/Prestudent.js
@@ -41,7 +41,7 @@ export default {
 	props: {
 		modelValue: Object,
 	},
-	data(){
+	data() {
 		return {
 			data: [],
 			listZgvs: [],
@@ -174,7 +174,7 @@ export default {
 			.catch(this.$fhcAlert.handleSystemError);
 	},
 	template: `
-	<div class="stv-details-details h-100 pb-3">	
+	<div class="stv-details-prestudent h-100 pb-3">	
 		<form-form ref="form" class="stv-details-prestudent" @submit.prevent="updatePrestudent">
 		<div class="position-sticky top-0 z-1">
 			<button type="submit" class="btn btn-primary position-absolute top-0 end-0" :disabled="!deltaLength">Speichern</button>
diff --git a/public/js/components/Stv/Studentenverwaltung/Details/Prestudent/History.js b/public/js/components/Stv/Studentenverwaltung/Details/Prestudent/History.js
index 41a5241db..ff89c5549 100644
--- a/public/js/components/Stv/Studentenverwaltung/Details/Prestudent/History.js
+++ b/public/js/components/Stv/Studentenverwaltung/Details/Prestudent/History.js
@@ -5,7 +5,7 @@ export default{
 		CoreFilterCmpt
 	},
 	props: {
-		person_id: String
+		person_id: Number
 	},
 	data() {
 		return {
@@ -23,29 +23,29 @@ export default{
 					{title:"UID", field:"student_uid"},
 					{title:"Status", field:"status"}
 				],
-				tabulatorEvents: [
-					{
-						event: 'tableBuilt',
-						handler: async () => {
-							await this.$p.loadCategory(['lehre']);
-
-							let cm = this.$refs.table.tabulator.columnManager;
-
-							cm.getColumnByField('orgform_kurzbz').component.updateDefinition({
-								title: this.$p.t('lehre', 'organisationsform')
-							});
-
-							cm.getColumnByField('bezeichnung').component.updateDefinition({
-								title: this.$p.t('lehre', 'studienplan')
-							});
-						}
-					}
-				],
 				layout: 'fitDataFill',
 				layoutColumnsOnNewData:	false,
 				height:	'auto',
 				selectable:	false,
 			},
+			tabulatorEvents: [
+				{
+					event: 'tableBuilt',
+					handler: async () => {
+						await this.$p.loadCategory(['lehre']);
+
+						let cm = this.$refs.table.tabulator.columnManager;
+
+						cm.getColumnByField('orgform_kurzbz').component.updateDefinition({
+							title: this.$p.t('lehre', 'organisationsform')
+						});
+
+						cm.getColumnByField('bezeichnung').component.updateDefinition({
+							title: this.$p.t('lehre', 'studienplan')
+						});
+					}
+				}
+			]
 		}
 	},
 	template: `
diff --git a/public/js/components/Stv/Studentenverwaltung/Details/Prestudent/MultiStatus.js b/public/js/components/Stv/Studentenverwaltung/Details/Prestudent/MultiStatus.js
index 590cab3c0..5dbc9ef4a 100644
--- a/public/js/components/Stv/Studentenverwaltung/Details/Prestudent/MultiStatus.js
+++ b/public/js/components/Stv/Studentenverwaltung/Details/Prestudent/MultiStatus.js
@@ -694,7 +694,6 @@ export default{
 							<label for="studiensemester_kurzbz" class="form-label col-sm-4">{{$p.t('lehre', 'studiensemester')}}</label>
 							<div class="col-sm-6">
 								<form-input
-									:readonly="readonly"
 									type="select"
 									name="studiensemester_kurzbz"
 									v-model="statusData['studiensemester_kurzbz']"
@@ -709,7 +708,6 @@ export default{
 							<div class="col-sm-6">
 								<form-input
 									type="select"
-									:readonly="readonly"
 									name="ausbildungssemester"
 									v-model="statusData.ausbildungssemester"
 								>
@@ -723,7 +721,6 @@ export default{
 							<div class="col-sm-6">
 								<form-input
 									type="DatePicker"
-									:readonly="readonly"
 									name="datum"
 									v-model="statusData.datum"
 									auto-apply
@@ -739,7 +736,6 @@ export default{
 							<div class="col-sm-6">
 								<form-input
 									type="DatePicker"
-									:readonly="readonly"
 									name="datum"
 									v-model="statusData.bestaetigtam"
 									auto-apply
@@ -755,7 +751,6 @@ export default{
 							<div class="col-sm-6">
 								<form-input
 									type="DatePicker"
-									:readonly="readonly"
 									name="datum"
 									v-model="statusData['bewerbung_abgeschicktamum']"
 									auto-apply
@@ -770,7 +765,6 @@ export default{
 							<label for="bezeichnung" class="form-label col-sm-4">{{$p.t('lehre', 'studienplan')}}</label>
 							<div class="col-sm-6">
 								<form-input
-									:readonly="readonly"
 									type="select"
 									name="studienplan"
 									v-model="statusData['studienplan_id']"
@@ -796,7 +790,6 @@ export default{
 							<div class="col-sm-6">
 								<form-input
 								type="select"
-								:readonly="readonly"
 								name="aufnahmestufe"
 								v-model="statusData['rt_stufe']"
 								>
@@ -810,11 +803,10 @@ export default{
 							<div class="col-sm-6">
 								<form-input
 									type="select"
-									:readonly="readonly"
 									name="statusgrund"
 									v-model="statusData['statusgrund_id']"
-								>
-								<option v-for="grund in gruende" :key="grund.statusgrund_id" :value="grund.statusgrund_id">{{grund.beschreibung[0]}}</option>
+									>
+									<option v-for="grund in gruende" :key="grund.statusgrund_id" :value="grund.statusgrund_id">{{grund.beschreibung[0]}}</option>
 								</form-input>
 							</div>
 						</div>
@@ -841,7 +833,7 @@ export default{
 						<div class="row mb-3">
 							<label for="status_kurzbz" class="form-label col-sm-4">{{$p.t('lehre', 'status_rolle')}}</label>
 							<div class="col-sm-6">
-<!--								<form-input type="text" :readonly="readonly" class="form-control" id="status_kurzbz" v-model="statusData['status_kurzbz']">-->
+<!--								<form-input type="text" class="form-control" id="status_kurzbz" v-model="statusData['status_kurzbz']">-->
 								<form-input
 									required
 									v-model="statusData['status_kurzbz']"
@@ -864,7 +856,6 @@ export default{
 							<label for="studiensemester_kurzbz" class="form-label col-sm-4">{{$p.t('lehre', 'studiensemester')}}</label>
 							<div class="col-sm-6">
 								<form-input
-									:readonly="readonly"
 									type="select"
 									name="studiensemester_kurzbz"
 									v-model="statusData['studiensemester_kurzbz']"
@@ -879,7 +870,6 @@ export default{
 							<div class="col-sm-6">
 								<form-input
 									type="select"
-									:readonly="readonly"
 									name="ausbildungssemester"
 									v-model="statusData['ausbildungssemester']"
 								>
@@ -893,7 +883,6 @@ export default{
 							<div class="col-sm-6">
 								<form-input
 									type="DatePicker"
-									:readonly="readonly"
 									name="datum"
 									v-model="statusData['datum']"
 									auto-apply
@@ -909,7 +898,6 @@ export default{
 							<div class="col-sm-6">
 								<form-input
 									type="DatePicker"
-									:readonly="readonly"
 									name="datum"
 									v-model="statusData['bestaetigtam']"
 									auto-apply
@@ -925,7 +913,6 @@ export default{
 							<div class="col-sm-6">
 								<form-input
 									type="DatePicker"
-									:readonly="readonly"
 									name="datum"
 									v-model="statusData['bewerbung_abgeschicktamum']"
 									auto-apply
@@ -940,7 +927,6 @@ export default{
 							<label for="bezeichnung" class="form-label col-sm-4">{{$p.t('lehre', 'studienplan')}}</label>
 							<div class="col-sm-6">
 								<form-input
-									:readonly="readonly"
 									type="select"
 									name="studienplan"
 									v-model="statusData['studienplan_id']"
@@ -966,7 +952,6 @@ export default{
 							<div class="col-sm-6">
 								<form-input
 								type="select"
-								:readonly="readonly"
 								name="aufnahmestufe"
 								v-model="statusData['rt_stufe']"
 								>
@@ -980,7 +965,6 @@ export default{
 							<div class="col-sm-6">
 								<form-input
 									type="select"
-									:readonly="readonly"
 									name="statusgrund"
 									v-model="statusData['statusgrund_id']"
 								>