body {
  margin: 0 auto;
}

header, .site-page {
  max-width: 1600px;
  margin:0 auto;
}

header {
  min-height: 250px;
}

.site-page {
  margin-bottom: 60px;
}

.wp-block-group {
  margin: 40px 20px;
  padding: 0;
}

.wp-block-group .wp-block-group {
  padding-right: 0px;
}

.has-background {
  padding:17px 24px;
}

.portrait img {
  border-radius: 50%;
}

.row {
  display: flex;
  flex-direction:row;
  column-gap:10px;
  background-color: DodgerBlue;
  padding:10px;
}

.row .column {
  margin: 0px;
  padding: 0px;
  flex: 1 1 0%;
}

/* Utility Classes */
.wp-block-details {
  background-color:#FFFFFF;
  padding:0px 26px;
  margin-right:55px;
}

.wp-block-details[open] {
  background-color:#F2F2F2;
  padding:26px 26px;
  margin-bottom: 30px!important;
}

blockquote figure {
  float: left;
  margin-right: 20px;
}

blockquote:last-of-type figure {
  float: right;
  margin-left: 20px;
}

blockquote p:last-of-type {
color: #222222;
}

/* Footer */
footer {
  margin:0;
  background-color: #DBDFDB;
  padding:26px 26px 120px 26px;
}

footer div {
  max-width: 1600px;
  margin: 0px auto;
  padding: 0;
}



/* Breakpoints */
@media (max-width: 480px) {

  header {
    min-height: 100px;
  }

  .wp-block-column {
    padding:0px;
  }

  .wp-block-columns.is-layout-flex {
    gap:0px;
  }

  .wp-block-columns {
    margin-bottom: 0px !important;
  }

  .wp-block-details {
    width:100%;
  }

  blockquote figure {
    float: none;
    margin-right: 0px;
  }
  
  blockquote:last-of-type figure {
    float: none;
    margin-left: 0px;
  }
}

/* Mobile */
@media (min-width: 481px) {

  header {
    min-height: 100px;
  }
  
  .wp-block-column {
    padding:0px;
  }

  .wp-block-columns.is-layout-flex {
    gap:0px;
  }

  .wp-block-columns {
    margin-bottom: 0px !important;
  }

  .wp-block-details {
    width:100%;
  }

  blockquote figure {
    float: none;
    margin-right: 0px;
  }
  
  blockquote:last-of-type figure {
    float: none;
    margin-left: 0px;
  }
}

/* Tablet hoch */
@media (min-width: 768px) {

  header {
    min-height: 250px;
  }

  .wp-block-column {
    padding:0px;
  }

.wp-block-columns.is-layout-flex {
  gap:20px;
}

blockquote figure {
  float: left;
  margin-right: 20px;
}

blockquote:last-of-type figure {
  float: right;
  margin-left: 20px;
}
}

/* Tablet quer */
@media (min-width: 1024px) {

  .wp-block-column {
    padding:0px;
  }
}

/* Laptop */
@media (min-width: 1280px) {

  summary + p {
    max-width: 953px;
  }

  .wp-block-group .wp-block-group {
    padding-right: 15%;
  }
}

/* Screen */
@media (min-width: 1600px) {

  summary + p {
    max-width: 1192px;
  }

  
  

  .has-text-align-center {
    margin: 0 auto;
  }

  .box {
      background-color: #F2F2F2;
      padding: 40px 51px;
  }

  .image-left-aligned{ /* image left, text right */
      padding: 0 204px 0 0px;
  }

  .image-right-aligned{ /* image right, text left */
      padding: 0 0 0 51px;
  }
}