@media only screen and (max-width: 1025px) {
    
    /* Inhalt der Header-Animation wird mobil vom schwarzen Menu-Balken verdeckt, deshalb... 
    *  (falls nur für Startseite gewünscht: add -> .page-id-4660 <- vor .edgtf-content)
    */
    .edgtf-content {
      margin-top: -10px !important; /* statt -110px .. */
    }

  }

  /* bestehende mobile styles aus anderen dateien überschreiben */

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

    .edgtf-grid,
    .edgtf-container-inner,
    .edgtf-row-grid-section {
      width: 85% !important; /* 560px vorher */
    }

    .edgtf-boxed .edgtf-wrapper .edgtf-wrapper-inner,
    .edgtf-boxed .edgtf-wrapper .edgtf-footer-inner {
      width: 85% !important;
    }

    /* get rid of indentation der section überschriften ohne title-mark
     * sonst kleben die am rand
     */
     .edgtf-section-title-holder.edgtf-st-enable-indentation {
      padding-left: 59px !important;
      left: -59px !important; /* wie vorher */
      width: calc(100% + 59px) !important; /* wie vorher */
    }
  }
  
  @media only screen and (max-width: 680px) {

    .edgtf-grid,
    .edgtf-container-inner,
    .edgtf-row-grid-section {
      width: 85% !important; /* 560px vorher */
    }

    .edgtf-boxed .edgtf-wrapper .edgtf-wrapper-inner,
    .edgtf-boxed .edgtf-wrapper .edgtf-footer-inner {
      width: 85% !important;
    }

    /* get rid of indentation der section überschriften ohne title-mark
     * sonst kleben die am rand
     */
     .edgtf-section-title-holder.edgtf-st-enable-indentation {
      padding-left: 59px !important;
      left: -59px !important; /* wie vorher */
      width: calc(100% + 59px) !important; /* wie vorher */
    }
  }
  
  @media only screen and (max-width: 480px) {
    .edgtf-grid,
    .edgtf-container-inner,
    .edgtf-row-grid-section {
      width: 85% !important; /* 360px vorher */
    }

    .edgtf-boxed .edgtf-wrapper .edgtf-wrapper-inner,
    .edgtf-boxed .edgtf-wrapper .edgtf-footer-inner {
      width: 85% !important;
    }

    .edgtf-elements-holder .edgtf-eh-item-content {
      padding: 0 !important; 
    }

    /* get rid of indentation der section überschriften ohne title-mark
     * sonst kleben die am rand
     */
     .edgtf-section-title-holder.edgtf-st-enable-indentation {
      padding-left: 59px !important;
      left: -59px !important; /* wie vorher */
      width: calc(100% + 59px) !important; /* wie vorher */
    }
  }
  
  @media only screen and (max-width: 320px) {
    .edgtf-grid,
    .edgtf-container-inner,
    .edgtf-row-grid-section {
      width: 90% !important;
    }

    .edgtf-boxed .edgtf-wrapper .edgtf-wrapper-inner,
    .edgtf-boxed .edgtf-wrapper .edgtf-footer-inner {
      width: 90% !important;
    }

    .edgtf-interactive-blog-list .edgtf-ibl-items {
      padding: 0 !important;
    }

    .edgtf-btn {
      width: 100% !important;
    }

    /* get rid of indentation der section überschriften ohne title-mark
     * sonst kleben die am rand
     */
     .edgtf-section-title-holder.edgtf-st-enable-indentation {
      padding-left: 59px !important;
      left: -59px !important; /* wie vorher */
      width: calc(100% + 59px) !important; /* wie vorher */
    }
  }

  .edgtf-mobile-header .edgtf-mobile-nav.edgtf-mobile-menu-opened {
      display: inline-block !important;
  }

  .edgtf-mobile-header .edgtf-mobile-nav .mobile_arrow {
      color: white;
  }

  /*
  * START mobile donation button
*/

  .edgtf-position-right-inner .widget.edgtf-button-widget {
      margin-right: 35px;
  }

  @media only screen and (max-width: 767px) {
      .edgtf-position-right-inner .widget.edgtf-button-widget a {
          padding-left: 15px !important;
          padding-right: 15px !important;
          padding-top: 0 !important;
          padding-bottom: 0 !important;
      }
  }

  /*
  * END mobile donation button
  */