@media screen and (max-width: 850px) {
    .heroimg {
      width: 30%;
      margin-top: 160px;
    }
    #menutext {
        display: none;
    }
    #menuburger {
        display: block;
    }
    h1 {
        font-size: 60px;
    }
    .splide__track {
        height: 480px;
    }
    .angebotgrid {
        display: block;
    }
    .angebotcard {
        margin-bottom: 24px
    }
    .calendar {
        width: 100%;
        max-width: none;
        padding: 20px 7%;
        overflow-x: scroll;
    }
    .calendarcolumn {
        width: 200px;
        flex: none;
    }
    .wrapperabout {
        display: block;
    }
    .abouttext {
        width: 100%;
    }
    .aboutmelisa {
        width: 100%;
        max-width: 360px;
        margin-top: 80px;
    }
    #finger {
        display: block;
    }
    .wochenkursbox {
        display: block;
    }
    .wochenkursboxtext {
        display: block;
    }
    .wochenkursinfos {
        margin-left: 0px;
    }
    .titletextbox {
        margin: 24px 0px;
    }
  }

  @media screen and (max-width: 620px) {
    .herowrapper {
        display: block;
    }
    .herotext {
        width: 100%;
        padding-top: 40px;
        padding-bottom: 80px;

    }
    .heroimg {
        width: 100%;
        margin-top: 0px;
    }
    h1 {
        font-size: 13vw;
    }
    .studiotext {
        font-size: 22px;
    }
    .splide__track {
        height: 56vw;
    }
    .splide__pagination__page {
        width: 12px;
    }
    .quote {
        font-size: 22px;
    }
    h2 {
        font-size: 32px;
    }
    .contactwrapper {
        display: block;
        margin: 60px 0px;
    }
    .contactwrapper div:first-child {
        margin-bottom: 80px;
    }
    #mobilemenu ul {
        font-size: 9vw;
    }
    /* Leaves stuff */
    .sectionstudio {
        padding-top: 160px;
    }
    .leaves {
        width: 280px;
        bottom: -140px;
    }
    .leaves2 {
        width: 280px;
        top: 150px;
    }
    .sectionangebot {
        padding-top: 280px;
    }
    .contactsection {
        padding: 180px 0px 80px 0px;
    }
    .leaves3 {
        bottom: -120px;
    }

    .footerwrapper {
        flex-direction: column;
    }
    .footerlogo {
        margin-bottom: 40px;
    }
    .newsletterwrapper {
        display: block;
    }
    .newslettertext {
        width: 100%;
    }
    
    .newslettertext p {
        margin-bottom: 32px;
    }

  }