Merge branch 'feature-25999/C4_cleanup' into merge_FHC4_C4

public/css/Cis4/Cis.css

@@ -1,5 +1,7 @@
 /* basic */
 @import '../components/searchbar/searchbar.css';
+@import '../components/Sprachen.css';
+
 html {
   font-size: 0.875em;
 }
@@ -7,6 +9,7 @@ html {
 /* variables */
 :root {
   --fhc-cis-primary: #00649c;
+  --fhc-cis-primary-hover: #005585;
   --fhc-cis-header-px: 1rem;
   --fhc-cis-header-py: .5rem;
   --fhc-cis-main-px: 1.5rem;
@@ -50,6 +53,8 @@ html {
   }
 }
 
+
+
 /* buttons */
 #cis-header .btn-level-1,
 #cis-header .btn-level-1 + .btn,
@@ -343,7 +348,7 @@ html {
     background-color: var(--fhc-cis-primary);
   }
   #nav-user-btn img {
-    object-fit: cover;
+    object-fit: contain;
     height: calc(var(--fhc-cis-header-height) - 2 * var(--fhc-cis-header-py));
     width: calc(var(--fhc-cis-header-height) - 2 * var(--fhc-cis-header-py));
   }
@@ -354,7 +359,7 @@ html {
   }
 
   #nav-user-menu img {
-    object-fit: cover;
+    object-fit: contain;
     height: calc( 3 * var(--fhc-cis-header-py));
   }
 
@@ -484,8 +489,7 @@ html {
 }
 
 .fhc-entry:hover{
-	background-color:#005585 !important;
-	color:white !important;
+	filter: brightness(120%) !important;
 }
 
 .fhc-entry.btn:focus {
@@ -502,8 +506,8 @@ html {
 	transition-timing-function: ease-out,ease-out;
 }
 
-[selected].fhc-entry {
-	background-color: #00649C !important;
+[selected="true"].fhc-entry {
+	filter: brightness(120%);
 }
 
 @media screen and ( max-width: 767px ) {

public/css/components/Sprachen.css

@@ -0,0 +1,11 @@
+.sprachen-entry{
+	background-color: var(--fhc-cis-primary);
+}
+
+[selected="true"].sprachen-entry {
+	background-color: var(--fhc-cis-primary-hover);
+}
+
+.sprachen-entry.btn {
+	border-radius: 0 !important;
+}