.account {
  .content-beyerdynamic {
    background-color: @champagne-25;

    .page-title {
      .h4;

      .lt-lg({ margin: (@default--space * 2) @default--space @default--space; });

      .gt-lg({ .h2; margin: 0 @default--space @default--space; });

      .gt-xl({ margin: 0 0 @default--space 0; });
    }

    .page-main {
      .container-fixed;

      .lt-lg({ margin-bottom: @default--space * 2; });

      .gt-lg({ margin-bottom: @default--space * 3; margin-top: @default--space * 4; });

      .gt-xl({ margin-bottom: @default--space * 5; margin-top: @default--space * 6; });

      > .columns {
        .row;

        margin-left: 0;
        margin-right: 0;

        .lg({ padding: 0 @default--space; });

        > .column.main {
          .col-12;

          background-color: @white;
          order: 2;
          padding: @default--space;

          // here is no space between the class selector and the ampersand
          .page-layout-1column& {
            .gt-lg({ padding: @default--space * 2; });
          }

          // here is no space between the class selector and the ampersand
          .page-layout-2columns-left& {
            .gt-lg({ .col-9; padding: @default--space * 2; });
          }
        }

        > .sidebar-main {
          .col-12;
          .reset-padding-lr();

          margin-bottom: @default--space;
          order: 1;

          // here is no space between the class selector and the ampersand (.page-layout-2columns-left&)
          .page-layout-2columns-left& {
            .gt-lg({ .col-3; margin-bottom: 0; padding-left: 0; padding-right: 0; });
          }

          .block {
            margin-bottom: 0;
          }
        }
      }

      .block {
        margin-bottom: @default--space * 2;
      }

      .block-title {
        display: flex;
        justify-content: space-between;
        margin-bottom: @default--space;

        .lt-lg({ align-items: baseline; });

        strong {
          .h6;

          .gt-lg({ .h4; });
        }

        button {
          margin-right: 0;
        }
      }

      .block-content {
        .p4;

        .box:not(:last-child) {
          .lt-md({ margin-bottom: @default--space; });
        }
      }

      .box-title {
        .h8;
      }
    }
  }
}
