/* Abstaende, Raster, Bedienelemente */
:root{
  --wcmb-space-1:4px;  --wcmb-space-2:8px;  --wcmb-space-3:12px; --wcmb-space-4:16px;
  --wcmb-space-5:20px; --wcmb-space-6:24px; --wcmb-space-8:32px; --wcmb-space-10:40px;
  --wcmb-space-12:48px;--wcmb-space-14:56px;--wcmb-space-16:64px;--wcmb-space-18:72px;
  --wcmb-space-20:80px;--wcmb-space-24:96px;--wcmb-space-32:128px;

  --wcmb-layout-max:1200px;
  /* 2.2.4: auf Geist abgestimmt. 65 Zeichen deutscher Fliesstext, nicht 65ch (= 65 Nullen).
     Gilt nur auf dem Textelement selbst, damit ch dessen Schriftgroesse nutzt. */
  --wcmb-layout-reading:45ch;
  /* 2.2.5: Ueberschriftenbreite, unabhaengig von der Schriftgroesse. 43.125rem = 690 px =
     bisherige wirksame Grenze (65ch bei 16 px Geist = 689,5 px). Fuer h1–h4. */
  --wcmb-layout-heading:43.125rem;
  --wcmb-layout-gutter-mobile:20px;
  --wcmb-layout-gutter-tablet:32px;
  --wcmb-layout-gutter-desktop:48px;
  --wcmb-layout-breakpoint-tablet:768px;
  --wcmb-layout-breakpoint-desktop:1200px;
  --wcmb-layout-section-mobile:64px;
  --wcmb-layout-section-tablet:80px;
  --wcmb-layout-section-desktop:96px;

  --wcmb-control-min-height:48px;
  --wcmb-control-compact-height:44px;
  --wcmb-control-padding-x:20px;
  --wcmb-control-focus-width:3px;
  --wcmb-control-focus-offset:3px;
}