OZG-1820 fix area width

goofy-client/apps/goofy/src/app/app.component.scss

@@ -19,14 +19,14 @@
 main {
 	position: relative;
 	flex-grow: 1;
-	max-width: calc(100vw - (40px + 256px));
+	max-width: calc(100vw - (20px + 256px));
 	//overflow-x: hidden;
 	transition: max-width 0.3s ease-in-out;
 	transition-delay: 0s;
 	background-color: #fff;
 
 	&.small {
-		max-width: calc(100vw - (40px + 72px));
+		max-width: calc(100vw - (20px + 72px));
 		transition-delay: 0.2s;
 	}
 }
@@ -41,6 +41,7 @@ main {
 	position: sticky;
 	right: 0;
 	top: 64px;
+	width: 20px;
 	z-index: 2;
 	height: calc(100vh - 64px);
 

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

@@ -41,7 +41,7 @@
 	display: flex;
 	flex-direction: column;
 
-	@include media('>desktop') {
+	@include media('>xxlDesktop') {
 		flex-direction: row;
 	}
 }
@@ -52,7 +52,7 @@
 	flex-grow: 0;
 	padding: 0 16px;
 
-	@include media('>desktop') {
+	@include media('>xxlDesktop') {
 		width: 50%;
 	}