@media only screen and (max-width: 450px) {
    .ham-menu {
        display: block;
    }
    .menu {
        display: none;
    }
    .menu ul {
        width: 100%;
    }
    .menu li {
        border-bottom: 1px solid black;
    }
    .ham-menu {
        padding: 10px 15px;
    }
    .menutab {
        display: contents;
    }
    .menu-active {
        display: flex;
        flex-direction: column;
        /* margin-top: 20%; */
        width: 100%;
    }
    .menu li a:hover {
        transition: 0.3s;
        color: red;
    }
    .text {
        font-size: 35px;
    }
    .text1, .textme1 {
        font-size: 20px;
        padding: 0 5%;
    }
    .boxme {
        background-position: right;
    }
    .footer {
        flex-direction: column;
    }
    .footerbox1, .footerbox3 {
        margin-bottom: 2%;
    }
    .foottext1, .foottext2, .foottext3 {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .foottext1 h3 {
        margin: 0;
    }
    .foottext3 a {
        color: black;
    }
    .footer {
        margin-top: 35%;
    }
    .carousel-container {
        width: 350px;
        height: 500px;
    }
    .carousel-img, #img2 {
        width: 350px;
        height: 500px;
    }

    /* massage */
    .boxall {
        display: flex;
        flex-direction: column;
    }
    .boxcard {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5%;
        width: 90%;
    }
    .img, #img {
        width: 98%;
        height: 250px;
        margin: 1%;
    }
    .boxtext h3 {
        font-size: 35px;
    }
    .boxtext1 {
        font-size: 20px;
    }

    /* preise */
    .preisbox {
        flex-direction: column;
    }
    .preiscard {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 8%;
    }
    .text5 {
        margin: 0 11%;
    }

    /* kontakt */
    .konimg, #konimg {
        max-width: 300px;
        max-height: 450px;
    }
    .text3 h3 {
        font-size: 22px;
    }
    .text5 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 830px) {
    .ham-menu {
        display: block;
    }
    .menu {
        display: none;
    }
    .menu ul {
        width: 100%;
    }
    .menu li {
        border-bottom: 1px solid black;
    }
    .ham-menu {
        padding: 10px 15px;
    }
    .menutab {
        display: contents;
    }
    .menu-active {
        display: flex;
        flex-direction: column;
        /* margin-top: 20%; */
        width: 100%;
    }
    .menu li a:hover {
        transition: 0.3s;
        color: red;
    }
    .text {
        font-size: 35px;
    }
    .text1, .textme1 {
        font-size: 20px;
    }
    .boxme {
        background-position: right;
    }
    .footer {
        flex-direction: column;
    }
    .footerbox1, .footerbox3 {
        margin-bottom: 2%;
    }
    .foottext1, .foottext2, .foottext3 {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .foottext1 h3 {
        margin: 0;
    }
    .foottext3 a {
        color: black;
    }
    .footer {
        margin-top: 35%;
    }

    /* massage */
    .boxall {
        display: flex;
        flex-direction: column;
    }
    .boxcard {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5%;
        width: 90%;
    }
    .img, #img {
        width: 98%;
        height: 250px;
        margin: 1%;
    }
    .boxtext h3 {
        font-size: 35px;
    }
    .boxtext1 {
        font-size: 20px;
    }

    /* preise */
    .preisbox {
        flex-direction: column;
    }
    .preiscard {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 8%;
    }
    .text5 {
        margin: 0 11%;
    }
}
@media only screen and (min-width: 831px) {
    .ham-menu {
        display: none;
    }
}
@media only screen and (max-width:786px) {
    .text7 {
        font-size: large;
        margin: 0 5%;
    }
    .text77 p {
        font-size: small;
    }
}

/* @media only screen and (min-width: 1000px) {
    .text3 h3 {
        font-size: 21px;
    }
    .text5 {
        font-size: 18px;
    }
} */