@media screen and (max-width: 767px) {
    header {
      padding-right: 0 !important;
    }

    header h4 {
      margin-top: 1rem !important;
      margin-bottom: 2rem;
      font-size: calc(1.5vw + 1.0rem);
    }

    header p {
      margin-left: 0 !important;
    }

    header img {
      margin-bottom: 0 !important;
    }

    #header-sm img#logo_sm {
    display:inline !important;
    margin: 1rem 0 0 3rem; 
    }

    #header-sm h4 {
    display:inline !important;
    font-family: "gidole", sans-serif;
    font-size: calc(2vw + 1.1rem);
    font-weight: 700;
    color: var(--ve-heavy-violett);
    text-wrap: balance;
    }

    .content {
        padding: 0.5rem !important;
        margin-right: 0 !important;
      }

    .content h2, 
    .content h3, 
    .content > #vorteile h2, 
    .content > section h2, 
    .content > section h3 {
      font-size: calc(1.3vw + 1.2rem) !important;
    }

    .content > #vorteile {
        margin-top: 3rem !important;
        padding: 0.5rem !important;
      }

    .content hr {
        margin: 2rem 0 !important;
        clear: both;
        }

    #newsgrid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0.5rem; 
    } 

    #newsgrid > article.newsitem:first-child {
    grid-column: 1 / 2;
    }

    .wrapper {
        width: 86%;
        margin-left: 2.6rem !important;
      }

      #contact {
        font-size: 1.02rem;
        padding: 0.5rem !important;
      }

      #contact img.icon {
        width: 0.7rem !important;
      }

footer {
      height: auto !important;
    }
  }