@media (orientation: portrait) or (max-width: 540px) {

    main{width:85vw;}

    #start .logo{width:50%;}
    #start{ background-position:40% 100%;}
    #start a{ font-size: var(--text-default);}
    .nav-container{justify-content:center;}
    
    .space-between{display: none!important;}


    p{font-size: var(--text-default);}
    h2{font-size: 15px;}
    h1{font-size:var(--text-XL);}

    .meaning{width:85vw;}


    .illustration-massage{ margin-bottom:10vh;}
    /* HISTORY  HISTORY  HISTORY  HISTORY  HISTORY  HISTORY  HISTORY  HISTORY  HISTORY  HISTORY  HISTORY  */

    .my-history{
        width: 100%;
        border-radius: 20px;
    }

    .my-history img{
        position: absolute; bottom: 0; right: 0;
        width: 170px;
        border-radius: 0 0 20px 0;
    }

    .my-history .text{margin: 20px; width: 170px;}

    .my-history h2{
        font-size: 18px;;
        width: 230px;
    }

    .my-history p{ font-size: var(--text-S); margin: 5px 0;}

    .my-history button{
        font-size: var(--text-S);
        padding: 7px 10px;
        margin-top: 10px;
    }

    /* MIRIAN  MIRIAN  MIRIAN  MIRIAN  MIRIAN  MIRIAN  MIRIAN  MIRIAN  MIRIAN  MIRIAN  MIRIAN  MIRIAN  MIRIAN  MIRIAN  */

    .mirian-container img{ width:310px;right: 0;}
    .mirian-container .ziel{ width: 180px;}


    /* SECTION-MASSAGE  SECTION-MASSAGE  SECTION-MASSAGE  SECTION-MASSAGE  SECTION-MASSAGE  SECTION-MASSAGE  SECTION-MASSAGE  */

    .section-massage img{
        height:20vh;margin-bottom:5vh;
        margin-left:-7.5vw;
    }

    .titel{ font-size: 18px; text-align: center;}
    
   #behandlungen{
        padding-top:10vh;
        margin-bottom: -5vh;
        font-size: var(--text-L);
    }

    .section-massage .massage-info{ margin-left: 0;}
    .section-massage .description{ width: 100%;
        margin-bottom: 50px;
    }

    .section-massage .massage-price-row {
        display:flex;
        gap:50px;
    }

    /* SECTION-SALON  SECTION-SALON  SECTION-SALON  SECTION-SALON  SECTION-SALON  SECTION-SALON  SECTION-SALON  */

    .section-salon{
        padding: 15vh 0 5vh;
    }

    .salon-info-container{
        width: 100%;
        flex-direction: column;

        gap: 50px;
    }

    /* TESTEMONIAL  TESTEMONIAL  TESTEMONIAL  TESTEMONIAL  TESTEMONIAL  TESTEMONIAL  TESTEMONIAL  TESTEMONIAL  TESTEMONIAL  */



    /* SECTION-GALERY  SECTION-GALERY  SECTION-GALERY  SECTION-GALERY  SECTION-GALERY  SECTION-GALERY  SECTION-GALERY  */

    .galery { grid-template-columns: repeat(2, 1fr);}

    .galery img {
        border-radius: 8px;
    }

    /* FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  */

    footer{padding: 5vh 0;}
    
    .footer-container{
        width: 85%;flex-direction: column; gap:30px;
    }
    
    footer .container-logo, .container-info{
        flex-direction: row;
    }
    footer .logo{width: 150px;}

    .container-info{align-items: end;}
    
    .container-logo-block{
        margin-top: 20px;
    }
    
    .container-info-text{
        display:flex; flex-direction: column; gap:10px;
    }

    .container-info-block{text-align: start;}
    
    .container-info-icon{
        display:flex; gap:15px;
    }

    footer p{
        font-size:15px; font-family:'Neulis Light';
    }

}