/* src/styles/base.css
   Teil des gehashten Base-Stylesheets (C4) – über alle Seiten browser-gecacht. */

/* --- Geräte-Sichtbarkeit -------------------------------------------------
   Rein responsiv, keine Server-Geräteerkennung.
   Breakpoints: mobile < 768px · tablet 768–1023px · desktop ≥ 1024px      */
@media (max-width: 767px) {
  .u-hide-mobile { display: none !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .u-hide-tablet { display: none !important; }
}
@media (min-width: 1024px) {
  .u-hide-desktop { display: none !important; }
}

/* --- Section-Grundlayout + Varianten ------------------------------------ */
.section {
  /* Grundabstände der Section */
  margin-block: 2rem;
}

/* Variante "Hervorgehoben" */
.section--highlighted {
  background: #f5f7ff;
  padding-block: 2.5rem;
}

/* Widget-Flag – Render-Semantik noch zu definieren (siehe offene Punkte) */
.section--widget {
  /* TODO: festlegen, was "Widget" visuell/strukturell bedeutet */
}