/* als Korrektur zu layout.css von Bartik */

**
 * Container
 */
.layout-container {
  box-sizing: border-box;
  max-width: 840px;
  margin-right: auto;
  margin-left: auto;
}


@media all and (min-width: 851px) {
  .layout-container {
    max-width: 900px;
  }
}



/*formal für 2 Sidebars durchgezogen, sinnvoll von der Aufteilung aber nur bei einer Sidebar */

/* für sidebar.css, 1. Teil */

@media all and (min-width: 560px) {
  .sidebar {
    position: relative;
    float: left; /* LTR */
    width: 50%;
  }
  [dir="rtl"] .sidebar {
    float: right;
  }
  .layout-one-sidebar .sidebar {
    width: 100%;
  }
}

@media all and (min-width: 851px) {
  .layout-one-sidebar .sidebar {
    width: 30%;
  }
  #sidebar-first {
    width: 30%;
    margin-left: -100%; /* LTR */
  }
  [dir="rtl"] #sidebar-first {
    margin-right: -100%;
    margin-left: 0;
  }
  #sidebar-second {
    clear: none;
    width: 30%;
    margin-left: -30%; /* LTR */
  }
  [dir="rtl"] #sidebar-second {
    margin-right: -30%;
    margin-left: 0;
  }
}

/* für main-content.css */
@media all and (min-width: 851px) {
  .main-content {
    position: relative;
    float: left; /* LTR */
  }
  [dir="rtl"] .main-content {
    float: right;
  }
  .layout-two-sidebars .main-content {
    width: 40%;
    margin-right: 30%;
    margin-left: 30%;
  }
  .layout-one-sidebar .main-content {
    width: 70%;
  }
  .layout-no-sidebars .main-content {
    width: 100%;
  }
  .layout-sidebar-first .main-content {
    margin-right: 0; /* LTR */
    margin-left: 30%; /* LTR */
  }
  [dir="rtl"] .layout-sidebar-first .main-content {
    margin-right: 30%;
    margin-left: 0;
  }
  .layout-sidebar-second .main-content {
    margin-right: 30%; /* LTR */
    margin-left: 0; /* LTR */
  }
  [dir="rtl"] .layout-sidebar-second .main-content {
    margin-right: 0;
    margin-left: 30%;
  }
}