/* --- basic page settings --- */
/* --- grid row and column --- */
.column {
  float: left;
  width: 100%;
  min-height: 1px;
  /* avoid breaking the pagegrid, if a placement is empty */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 10px 0 10px;
}
.row:after {
  clear: none;
}
.row .row {
  margin: -20px -10px 0 -10px;
  clear: both;
}
.row .row:after {
  clear: both;
}
/* --- basic grid width --- */
.width100 {
  width: 100%;
}
.width80 {
  width: 80%;
}
.width75 {
  width: 75%;
}
.width67 {
  width: 66.66666666666666%;
}
.width60 {
  width: 60%;
}
.width55 {
  width: 55%;
}
.width50 {
  width: 50%;
}
.width40 {
  width: 40%;
}
.width35 {
  width: 35%;
}
.width33 {
  width: 33.33333333333333%;
}
.width30 {
  width: 30%;
}
.width25 {
  width: 25%;
}
.width20 {
  width: 20%;
}
.width15 {
  width: 15%;
}
.width10 {
  width: 10%;
}
.row.helper .column h3 {
  background: #e8e8e8;
}
.row.helper .column h3 .column h3 {
  background: #d1d1d1;
}