@media all and (max-width: 414px) and (orientation: portrait) {
  body {
    font-size: 20px;
    line-height: 28px;
  }
  #header {
    border-top-width: 12px;
    padding: 0;
    background-color: #fff;
    height: 100px;
  }
  #header .container {
    height: 88px;
  }
  #header .branding,
  .scroll-down.logo-white #header .branding,
  .scroll-up.logo-white #header .branding {
    width: 210px;
    height: auto;
  }
  .logo-white #header .branding {
    background-image: url(../images/baer-emt-logo-2020.svg);
  }
  .container {
    padding-left: 24px;
    padding-right: 24px;
  }
  .container .container {
    padding: 0;
  }
  #content {
    padding: 0 0 170px 0;
  }
  .mainteaser {
    max-height: 100vh;
    height: calc(100vh - 100px);
    margin-top: 100px;
  }
  .mainteaser h1 {
    margin-top: 21vh;
    font-size: 44px;
  }
  .mainteaser h1 span {
    padding: 140px 0 0 30px;
    line-height: 1;
  }
  h2 {
    font-size: 28px;
    line-height: 30px;
    hyphens: auto;
  }
  p {
    hyphens: auto;
  }
  .box p {
    line-height: 1.3;
  }
  .wp-caption,
  input,
  textarea,
  .button {
    width: 100% !important;
  }
  input[type="checkbox"],
  input[type="radio"] {
    width: auto !important;
  }
  .box-2,
  .box-3,
  .box-4,
  .box-5,
  .box-6,
  .boxes .box-6:nth-child(5),
  .boxes .box-6:nth-child(6),
  .box-2-3,
  .box-1-3 {
    width: 100%;
  }

  .bigger {
    font-size: 24px;
    line-height: 34px;
  }
  .section-header {
    margin-bottom: 0;
  }
  .section-header.no-icon {
    min-height: 100px;
  }
  .section-header.no-icon h2 {
    margin: 20px 0 0 0;
  }
  .section-header .sow-image-container {
    max-width: 50%;
  }
  .section-header h2 {
    margin: -20px 0 40px 0;
  }
  #impressum h2 {
    font-size: 20px;
    line-height: 24px;
  }
  main > .entry-content > .panel-layout > .panel-grid:last-child > div {
    padding-bottom: 34px;
  }
  #footer:before {
    width: 100vw;
    height: 170px;
    background-size: 170vw;
    top: -170px;
    background-position: right center;
  }
  .gallery-size-popup-slider {
    width: auto;
    height: auto;
  }
  .popup-toggle .panel-grid {
    margin-bottom: 0;
  }
  .popup-toggle .panel-cell-style {
    padding: 0 !important;
  }
  .popup-toggle ul {
    margin: 0;
    padding: 0 0 0 1em;
  }

  .single-produkte .mainteaser,
  .archive .mainteaser,
  .single-post .mainteaser {
    min-height: 300px;
  }

  .single-produkte .mainteaser h1,
  .archive .mainteaser h1,
  .single-post .mainteaser h1 {
    margin-top: 0;
  }
  .archive .entry-summary {
    flex-wrap: wrap;
  }
  .alignleft {
    float: none;
    display: block;
    margin: 0 0 3vh 0;
  }
  p.cat-links {
    margin-bottom: 210px;
  }
  .archive .entry-summary > a {
    margin-bottom: 3vh;
  }
  .archive .entry-summary > a,
  .archive .entry-summary > div {
    flex-basis: 100%;
    width: 100%;
  }
  .archive .entry-summary h2 {
    hyphens: auto;
  }
  .category-esz-aktuelles .mainteaser h1,
  .category-esz-news .mainteaser h1 {
    font-size: 36px;
  }
  .post-template-default .mainteaser h1,
  .archive .entry-summary h2 {
    font-size: 25px;
  }
}