translated comments in css

assets/css/launch.css

@@ -18,8 +18,8 @@ body {
 }
 
 /*
- * Fixe Navbar überlappt den Kartenanfang – 80px
+ * The fixed navbar overlaps the top of the card – keep
- * Freiraum halten (alle Modi, auch Portrait).
+ * 80px of clearance (all modes, including portrait).
  */
 .container {
   display: flex;
@@ -70,14 +70,14 @@ body {
   margin-left: auto;
 }
 
-/* Hamburger: nur im Phone-Portrait sichtbar.
+/* Hamburger: only visible on phone portrait.
- * "button.nav-toggle" ist spezifischer als ".button",
+ * "button.nav-toggle" is more specific than ".button",
- * sonst überschreibt display: inline-block diese Regel. */
+ * otherwise display: inline-block overrides this rule. */
 button.nav-toggle {
   display: none;
 }
 
-/* Enger als der globale 6px-Margin der Buttons */
+/* Tighter than the global 6px button margin */
 .navbar .button {
   margin: 0;
 }
@@ -270,9 +270,9 @@ button, .button {
 }
 
 /*
- * scrollIntoView() richtet das Ziel am Viewport-Rand
+ * scrollIntoView() aligns the target with the viewport
- * aus, wo die fixe Navbar liegt. scroll-margin-top hält
+ * edge, where the fixed navbar sits. scroll-margin-top
- * das Ziel unter der Navbar frei.
+ * keeps the target clear below the navbar.
  */
 .adhoc-result,
 .success-message {
@@ -295,8 +295,8 @@ button, .button {
 }
 
 /*
- * Verhindert abgeschnittene Inhalte, wenn die Karte
+ * Prevents clipped content when the card is taller
- * höher als der Viewport ist ("center" schneidet oben ab).
+ * than the viewport ("center" clips at the top).
  */
 @supports (align-items: safe center) {
   body {
@@ -304,7 +304,7 @@ button, .button {
   }
 }
 
-/* Sehr schmale Telefone: noch kompakter */
+/* Very narrow phones: even more compact */
 @media (max-width: 400px) {
   .navbar {
     left: 2%;
@@ -328,22 +328,22 @@ button, .button {
 }
 
 /*
- * Phone: Navbar-Aktionen in beiden Ausrichtungen
+ * Phone: show the navbar actions in both orientations
- * hinter dem Hamburger-Button als Dropdown anzeigen.
+ * as a dropdown behind the hamburger button.
  *
- * Landscape-Phone: Viewport breiter als 600px – kurze
+ * Landscape phone: viewport wider than 600px – short
- * Seite (Höhe) und Touch-Eingabe entscheiden.
+ * side (height) and touch input decide.
  */
 @media (max-width: 600px),
        (orientation: landscape) and (max-height: 500px) and (pointer: coarse) {
   body {
     /*
-     * Padding statt margin-bottom an der Karte:
+     * Padding instead of margin-bottom on the card:
-     * Ränder am Scroll-Ende werden vom Scrollbereich
+     * margins at the scroll end are not covered by the
-     * nicht erfasst, Padding schon.
+     * scroll area, padding is.
      */
     padding-bottom: 10px;
-    /* 10px unten abziehen */
+    /* Subtract the 10px bottom padding */
     min-height: calc(100vh - 10px);
   }
 
@@ -367,7 +367,7 @@ button, .button {
     padding: 20px;
   }
 
-  /* Navbar ist hier flacher als am Desktop */
+  /* Navbar is flatter here than on the desktop */
   .adhoc-result,
   .success-message {
     scroll-margin-top: 80px;
@@ -377,8 +377,8 @@ button, .button {
     display: inline-flex;
   }
 
-  /* ".navbar .button" setzt margin: 0 – deshalb
+  /* ".navbar .button" sets margin: 0 – hence target
-   * höher spezifisch ans Ziel: Button nach rechts */
+   * more specifically: push the button to the right */
   .navbar .nav-toggle {
     margin-left: auto;
   }
@@ -402,12 +402,12 @@ button, .button {
     display: flex;
   }
 
-  /* Alle Panel-Buttons gleich breit, Text zentriert */
+  /* All panel buttons equally wide, text centered */
   .nav-actions .button {
     text-align: center;
   }
 
-  /* Sprach-Button liegt im .lang-menu-Wrapper */
+  /* Language button sits inside the .lang-menu wrapper */
   .nav-actions .lang-menu .button {
     display: block;
     width: 100%;
@@ -426,9 +426,9 @@ button, .button {
 }
 
 /*
- * Dark-Theme über die Klasse "dark" am html-Element.
+ * Dark theme via the "dark" class on the html element.
- * JS setzt sie anhand der gespeicherten Wahl oder der
+ * JS sets it based on the saved choice or the system
- * System-Einstellung (siehe detectTheme).
+ * setting (see detectTheme).
  */
 :root.dark body {
   background: #181818;