/* ============================================================
   basic-style.css — BASIS / GRID / TYPOGRAFIE
   ============================================================ */

body{
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #222;
  line-height: 1.6;
}

/* ---------- wrapper ---------- */
.wrapper{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

/* ---------- grid ---------- */
.grid_4{
  width: 33.333%;
  float: left;
  padding: 12px;
}

.grid_3{
  width: 25%;
  float: left;
  padding: 12px;
}

.grid_2{
  width: 50%;
  float: left;
  padding: 12px;
}

/* ---------- clear ---------- */
.sf-clear{
  clear: both;
}

/* ---------- responsive ---------- */
@media (max-width: 900px){
  .grid_4,
  .grid_3,
  .grid_2{
    width: 100%;
  }
}