OZG-4706 OZG-4758 Layout Az/Nr, Name, Icon

alfa-client/libs/user-profile/src/lib/user-profile-in-vorgang-container/user-profile-in-vorgang/user-profile-button-container/user-profile-button-container.component.scss

@@ -25,7 +25,7 @@
 	border: 0;
 	background-color: transparent;
 	margin: 0;
-	padding: 0 0 8px 0;
+	padding: 0;
 	display: block;
 	outline: 0;
 	cursor: pointer;

alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-editable/aktenzeichen-editable.component.html

@@ -24,7 +24,7 @@
 
 -->
 <div class="horizontal">
-	<h1 alfa-aktenzeichen class="ellipsis" [vorgang]="vorgang" data-test-id="aktenzeichen"></h1>
+	<div alfa-aktenzeichen class="ellipsis" [vorgang]="vorgang" data-test-id="aktenzeichen"></div>
 	<ng-container *ngIf="vorgang | hasLink: linkRel.SET_AKTENZEICHEN">
 		<ozgcloud-icon-button-primary svgIcon="edit" tooltip="Aktenzeichen bearbeiten" (clickEmitter)="onEdit()"></ozgcloud-icon-button-primary>
 	</ng-container>

alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-editable/aktenzeichen-editable.component.scss

@@ -25,11 +25,6 @@
 .horizontal {
 	display: flex;
 	align-items: center;
-}
-
-h1 {
-	margin: 0;
-	line-height: 1.4;
-	font-size: 1.5rem;
+	font-size: 16px;
 	font-weight: 400;
 }

alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-header/vorgang-detail-header.component.html

@@ -37,7 +37,7 @@
 	<alfa-aktenzeichen-editable [vorgang]="vorgangWithEingang"></alfa-aktenzeichen-editable>
 </div>
 
-<h2 data-test-id="name" class="name">{{ vorgangWithEingang.name }}</h2>
+<div data-test-id="name" class="name">{{ vorgangWithEingang.name }}</div>
 
 <alfa-user-profile-in-vorgang-container *ngIf="vorgangWithEingang | hasLink: linkRel.ASSIGN" data-test-id="vorgang-header-user-icon"
 	[vorgang]="vorgangWithEingang"

alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-header/vorgang-detail-header.component.scss

@@ -30,57 +30,21 @@
 	row-gap: 0.5rem;
 	min-width: 22rem;
 	align-items: center;
-	grid-template-columns: 8% 80% 12%;
+	grid-template-columns: 8% 84% 8%;
 	grid-template-areas:
 		"status-dot status-text initial-date"
-		". vorgang-nummer vorgang-nummer"
-		". aktenzeichen aktenzeichen"
-		". name user";
-
-	@include media('>desktop') {
-		grid-template-columns: 5% 20% 52% 23%;
-		grid-template-areas:
-			"status-dot status-text name initial-date"
-			". vorgang-nummer vorgang-nummer vorgang-nummer"
-			". aktenzeichen aktenzeichen user";
-
-		.name {
-			margin-right: 5rem;
-		}
-		.user {
-			margin-top: -0.25rem;
-		}
-		.vorgang-nummer {
-			align-self: start;
-		}
-	}
-
-	@include media('>xxlDesktop') {
-		grid-template-columns: 4% 13% 34% 34% 15%;
-		grid-template-areas:
-			"status-dot status-text name name initial-date"
-			". vorgang-nummer vorgang-nummer aktenzeichen user";
-
-		.aktenzeichen, .vorgang-nummer, .user {
-			align-self: start;
-		}
-	}
+		". name user"
+		". vorgang-nummer user"
+		". aktenzeichen aktenzeichen";
 
 	padding: 1rem 1.5rem;
 }
 
-h1 {
-	margin: 0;
-	line-height: 1.4;
-	font-size: 1.5rem;
-	font-weight: 400;
-}
-
-h2 {
+.name {
 	line-height: 1.4;
 	margin: 0;
-	font-size: 1rem;
-	font-weight: 400;
+	font-size: 16px;
+	font-weight: 500;
 }
 
 .ellipsis {
@@ -132,5 +96,4 @@ mat-icon {
 	grid-area: user;
 	align-self: start;
 	justify-self: end;
-	margin-top: -1.5rem;
 }

alfa-client/libs/vorgang-shared-ui/src/lib/vorgang-nummer/_vorgang-nummer.component.theme.scss

@@ -44,8 +44,7 @@ alfa-vorgang-nummer {
 
 	&.big {
 		div {
-			line-height: 1.4;
-			font-size: 1.5rem;
+			font-size: 16px;
 			font-weight: 400;
 		}
 		mat-icon {