@media screen and (max-width:570px) {

}


@media screen and (min-width:300px) and (max-width: 739px) {
  /* Social Icons */
  div.social-icons {
    top: 150px;
    right: 0;
  }

  div.social-top {
      width: 112px;
  }
  div.social-top a.instagram {
    float: left;
  }
  div.social-top a.instagram,
  div.social-top a.facebook-f {
    width: auto;
    height: auto;
}
  /*.social-top a.instagram {
    margin: 0;
    width: 41px;
    height: 41px;
  }*/
  a.instagram img {
    width: 100%;
    border: 2px solid #fff;
    border-radius: 30px;
  }

  body.page {
    font-size: 110%;
  }

  div.site-content article {
    margin: 50px 0;
    padding-bottom: 0;
  }

  div.logo {
    width: 134px;
    margin: 0 auto;
    padding: 10px;
  }
  div.logo img {
    width: 134px;
  }

  header hgroup {
    height: 300px;
    border-top: none;
  }

  nav.main-navigation {
    display: none;
  }

  .home .entry-header h1.entry-title {
    width: 94%;
  }
  div.site-content {
    max-width: 94%;
  }
  .home div#one-col {
    width: 94%;
  }
  div.panel-layout {
    width: 94%;
  }

  #two-col div.panel-grid-cell {
    width: 100%;
  }

  #two-col.panel-row-style {
    flex-direction: column !important;
    -ms-flex-direction: column !important;
    -webkit-flex-direction: column !important;
  }

  .entry-header h1.entry-title,
  .home #four-col div.so-widget-sow-editor h3,
  div#home-kontakt h3,
  #one-col div.so-widget-sow-editor h3,
  #two-col div.so-widget-sow-editor h3 {
    font-size: 160%;
  }

  div#home-kontakt {
    padding: 0 0 100px;
  }

  .home div#two-col img {
    max-height: 100%;
  }

  div.entry-content div.wpcf7 {
    margin: 50px 0;
  }

  .home #four-col div.panel-grid-cell {
    display: block;
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }

  #home-kontakt div.widget_sow-editor {
    width: 90%;
  }

  .home #two-col div.so-widget-sow-editor {
    padding: 0 10px;
  }

  div.menu-imp {
    display: none;
  }

  #one-col div.so-widget-sow-editor {
    padding: 0 5px;
  }

  .home #two-col div.panel-grid-cell {
    width: 100%;
    display: table;
  }

  .home #four-col div.so-panel.widget_sow-editor {
    padding: 0 5px;
  }

  div#two-col {
    width: 100%;
    display: block;
  }
  div#two-col div.panel-grid-cell {
    width: 100%;
    display: table;

  }
  div#two-col .panel-grid-cell:last-child {
    left:0;
  }
}

@media screen and (min-width:740px) and (max-width: 999px) {
  /* Social Icons */
  div.social-icons {
    top: 20px;
    right: 0;
  }

  div.social-top {
      width: 94%;
  }
  .social-top a.instagram {
    /*margin: 20px 0 0 0;*/
    width: 51px;
    height: 51px;
  }
  a.instagram img {
    width: 100%;
    border: 2px solid #fff;
    border-radius: 30px;
  }

  body.page {
    font-size: 16px;
  }

  div.logo {
    width: 164px;
  }
  div.logo img {
    width: 164px;
  }

  header hgroup {
    height: 400px;
  }

  nav.main-navigation li {
    margin: 0 20px;
    font-size: 24px;
  }
  nav.main-navigation {
    width: 700px;
    padding: 15px 0;
  }
  div.menu-impressum-container {
    width: 96%;
  }
  ul#menu-impressum a {
    font-size: 20px;
    color: #fff;
  }

  .home .entry-header h1.entry-title {
    width: 700px;
  }
  div.site-content {
    max-width: 700px;
  }
  .home div#one-col {
    width: 700px;
  }
  div.panel-layout {
    width: 700px;
  }

  #two-col div.panel-grid-cell {
    width: 48%;
  }

  #two-col.panel-row-style {
    flex-direction: row !important;
    -ms-flex-direction: row !important;
    -webkit-flex-direction: row !important;
  }

  .entry-header h1.entry-title,
  .home #four-col div.so-widget-sow-editor h3,
  div#home-kontakt h3,
  #one-col div.so-widget-sow-editor h3,
  #two-col div.so-widget-sow-editor h3 {
    font-size: 160%;
  }

  div#home-kontakt {
    padding: 0 0 100px;
  }

  .home div#two-col img {
    max-height: 374px;
  }

  div.entry-content div.wpcf7 {
    margin: 50px 0;
  }

  .home #four-col div.panel-grid-cell {
    display: block;
    float: left;
    width: 50%;
    margin-bottom: 20px;
  }

  #home-kontakt div.widget_sow-editor {
    width: 90%;
  }

  .home #two-col div.so-widget-sow-editor {
    padding: 0 10px;
  }

  div.menu-imp {
    bottom: 100px;
    width: 100%;
  }
  ul#menu-impressum {
    margin: 0 auto;
    width: 700px;
  }

  div#two-col {
    width: 680px;
  }
  div#two-col div.panel-grid-cell {
    width: 350px;
  }
  div#two-col .panel-grid-cell:last-child {
    left: 20px;
  }
}

@media screen and (min-width:1000px) and (max-width: 1239px) {
  /* Social Icons */
  div.social-top {
      width: 96%;
  }
  .social-top a.instagram {
    /*margin: 20px 0 0 0;
    width: 51px;
    height: 51px;*/
  }
  a.instagram img {
    width: 100%;
  }


  body.page {
    font-size: 16px;
  }

  div.logo {
    width: 164px;
  }
  div.logo img {
    width: 164px;
  }

  header hgroup {
    height: 400px;
  }

  nav.main-navigation li {
    margin: 0 20px;
    font-size: 24px;
  }
  nav.main-navigation {
    width: 700px;
    padding: 15px 0;
  }
  div.menu-impressum-container {
    width: 96%;
  }
  ul#menu-impressum a {
    font-size: 20px;
  }

  .home .entry-header h1.entry-title {
    width: 800px;
  }
  div.site-content {
    max-width: 800px;
  }
  .home div#one-col {
    width: 800px;
  }
  div.panel-layout {
    width: 800px;
  }

  #two-col div.panel-grid-cell {
    width: 48%;
  }

  .entry-header h1.entry-title,
  .home #four-col div.so-widget-sow-editor h3,
  div#home-kontakt h3,
  #one-col div.so-widget-sow-editor h3,
  #two-col div.so-widget-sow-editor h3 {
    font-size: 160%;
  }

  div#home-kontakt {
    padding: 0 0 100px;
  }

  .home div#two-col img {
    min-height: 374px;
  }

  div.entry-content div.wpcf7 {
    margin: 50px 0;
  }

  .home #four-col div.panel-grid-cell {
    display: block;
    float: left;
  }

  #home-kontakt div.widget_sow-editor {
    width: 90%;
  }

  div#two-col {
    width: 780px;
  }
  div#two-col div.panel-grid-cell {
    width: 350px;
  }
  div#two-col .panel-grid-cell:last-child {
    left: 20px;
  }
}

@media screen and (min-width:1240px) and (max-width: 1399px) {
  /* Social Icons */
  div.social-top {
      width: 90%;
  }
  .social-top a.instagram {
    /*margin: 20px 25px 0 0;*/
  }

  div.logo {
    width: 164px;
  }
  div.logo img {
    width: 164px;
  }

  header hgroup {
    height: 600px;
  }

  nav.main-navigation li {
    margin: 0 20px;
    font-size: 24px;
  }
  nav.main-navigation {
    width: 800px;
    padding: 15px 0;
  }
  div.menu-impressum-container {
    width: 90%;
  }
  ul#menu-impressum a {
    font-size: 20px;
  }

  .home .entry-header h1.entry-title {
    width: 800px;
  }
  div.site-content {
    max-width: 800px;
  }
  .home div#one-col {
    width: 800px;
  }
  div.panel-layout {
    width: 800px;
  }

  #two-col div.panel-grid-cell {
    width: 48%;
  }

  .entry-header h1.entry-title,
  .home #four-col div.so-widget-sow-editor h3,
  div#home-kontakt h3,
  #one-col div.so-widget-sow-editor h3,
  #two-col div.so-widget-sow-editor h3 {
    font-size: 40px;
  }

  div#home-kontakt {
    padding: 0 0 100px;
  }

  .home div#two-col img {
    min-height: 374px;
  }

  div#two-col {
    width: 780px;
  }
  div#two-col div.panel-grid-cell {
    width: 350px;
  }
  div#two-col .panel-grid-cell:last-child {
    left: 20px;
  }
}

@media screen and (min-width:1400px) and (max-width: 1599px) {
  /* Social Icons */
  div.social-top {
      width: 90%;
  }

  header hgroup {
    height: 600px;
  }

  nav.main-navigation {
    width: 900px;
  }
  div.menu-impressum-container {
    width: 90%;
  }

  .home .entry-header h1.entry-title {
    width: 900px;
  }
  div.site-content {
    max-width: 900px;
  }
  div.panel-layout {
    width: 900px;
  }

  #two-col div.panel-grid-cell {
    width: 433px;
  }

  .entry-header h1.entry-title,
  .home #four-col div.so-widget-sow-editor h3,
  div#home-kontakt h3,
  #one-col div.so-widget-sow-editor h3,
  #two-col div.so-widget-sow-editor h3 {
    font-size: 40px;
  }

  div#home-kontakt {
    padding: 0 0 100px;
  }
}

@media screen and (min-width:1600px) and (max-width: 1799px) {
  /* Social Icons */
  div.social-top {
      width: 90%;
  }

  nav.main-navigation {
    width: 1012px;
  }
  div.menu-impressum-container {
    width: 90%;
  }

  .home .entry-header h1.entry-title {
    width: 1012px;
  }
  div.site-content {
    max-width: 1012px;
  }
}