/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {

    #main .text-container br {
      content: ' ';
    }

    /*take up all space on mobile ....*/
    .article-content .column-left,
    .article-content .column-right {
      float: none;
      width: 100%;
    }

    /*====TYPO====*/
    body {
      font-size: 20px;
    }

    .article-content,
    #imprint {
      font-size: 20px;
    }

    h3 {
      font-size: 20px;
    }

    h2 {
      font-size: 28px;
    }

    h2 {
      line-height: 80px;
    }

    h3 {
      margin: 10px 0;
      line-height: 30px;
    }

    .collapse-indicator {
      background-size: 50%;
    }

    #imprint {
      padding: 25px 0;
    }

    #imprint .inner {
      min-width: 0;
      width: auto;
      margin: 0 25px;
    }

    /*===================SPACING===================*/

    h1 {
      top: 25px;
      left: 25px;
    }

    .text-container {
      left: 25px;
      right: 25px;
      bottom: 150px;
    }

    .bottom-bar {
      left: 25px;
      right: 25px;
      bottom: 25px;
    }

    h2 {
      text-indent: 25px;
    }

    #imprint .offset-after {
      margin-bottom: 25px;
    }

    .section-toggle .collapse-indicator {
      right: 25px;
    }

    .article-toggle .collapse-indicator {
      right: 0px;
    }

    .section-content {
      margin: 0 25px;
      margin-bottom: 100px;
    }

    p:not(:last-child) {
      margin-bottom: 30px;
    }

    .article-content .column-left {
      margin-bottom: 50px;
    }

    .space {
      height: 50px;
    }
}

/*https://web.archive.org/web/20140330054852/http://responsivenews.co.uk/post/13925578846/fluid-grids-orientation-resolution-independence*/
/*@media (min-width: 858px) {
    html {
        font-size: 12px;
    }
}

@media (min-width: 780px) {
    html {
        font-size: 11px;
    }
}

@media (min-width: 702px) {
    html {
        font-size: 10px;
    }
}

@media (min-width: 724px) {
    html {
        font-size: 9px;
    }
}

@media (max-width: 623px) {
    html {
        font-size: 8px;
    }
}*/