@media (max-width: 1946px) and (max-height: 705px) {
    .coverflow-container {
        margin: 17px 0px;
    }
}

@media (max-width: 1946px){
    .title{
        font-size: 100px;
    }
}
@media (max-width: 1574px) {
    .title {
        font-size: 81px;
    }

    .vorstellung{
        font-size: 2vh;
    }

    .zeile{
        font-size: 2vh;
    }
}

@media (max-width: 1252px) {
.appanalyse img {
    width: 32vw;
}
}

@media (max-width: 1152px) {
    .button{
        right: 9vw;
    }

  .design img {
    max-width: 75%;
}
}



@media (max-width: 1107px) {
    .portret {
        height: 60vh;

    }

    .margin {
    overflow-y: auto;
    height: 66vh;
    }
    
    #inhalt {
    display: flow;
    flex-wrap: wrap;
    scrollbar-width: thin; /* dünn */
    scrollbar-color: rgb(44, 60, 198) rgb(200, 200, 255); /* Thumb, Track */
    }
}

@media (max-width: 990px) {


.center{
        margin-top: 60px !important;
}

h3, h2 {
    font-size: 30px;
}

h2 {
    text-align: center;
}

.appanalyse img {
   margin: 32px 0px 40px 30px;
}
}

@media (max-width: 969px) {
.button{
    width: 88px;
    height: 88px;
    font-size: small;
}

.d-cen {
    flex-direction: column;
}

.design img {
        max-width: 43%;
    }

.title{
    font-size: 60px;
}
}
@media (max-width: 915px) {
    .zeile img {
    height: 4vh;
    margin-left: 10px;
    }

    .zeile {
        font-size: 19px;
    }
}

@media (max-width: 899px) {



.portret{
    padding-right: 10px;
}


}

@media (max-width: 879px) {
    .home{
    flex-wrap: wrap;
    height: 69vh;
    overflow-y: scroll;
    overflow-x: hidden;
    justify-content: center;
    }

    .home p {
    max-width: 87vw;
    }

   .hero {
    animation: none;
    }

    .vorstellung {
        font-size: 16px;
        margin-bottom: 160px;
    }

    .portret{
        border-radius: 211px;
        height: 59vh;
    }

    .button {
        width: 107px;
        height: 107px;
        font-size: initial;
        right: 13vh;
    }

    h2 {
        font-size: 24px;
        margin: 20px;
    }

    .appanalyse img {
    float: inherit;
    width: 57vw;
    }

    .appanalyse {
        margin: 20px 20px 160px 20px;
    }

    #ds {
        margin: 20px 75px;
    }

    .mb4{
        margin-bottom: 140px!important;
    }
}

@media (max-width: 560px) {
    #ds {
        margin: 20px 47px;
    }

    .center{
        display:flex;
        flex-direction: column;
    }
}

@media (max-height: 634px) {
     .title {
        font-size: 60px;
    }
}

@media (max-height: 590px) {
     .vorstellung {
        font-size: 16px;
    }

    .portret {
    height: 65vh;
    }
}

@media (max-width: 820px) {
    .mobil{
        display: block;
        height: 40px;
        font-size: 30px;
    }

    .daten {
        width: 258px;
    }

    .web{
        display: none;
    }

    .webmenu{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .web-container {
    align-items: center;
    flex-direction: column;
}

    .im img{
        width: 47vw !important;
    }
}

@media (max-width: 577px) {
    .button{
        right: 8vw;
    }

    .portret {
        height: 46vh;
    }

    .title {
        font-size: 8vh;
    }

    .fussmobil{
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
    }

    .daten {
        width: 217px;
    }

    .margin {
        margin: 24px 10px 50px;
    }
}




@media (max-width: 1296px) and (min-height: 950px) {
    .home{
    flex-wrap: wrap;
    height: 72vh;
    overflow-y: scroll;
    overflow-x: hidden;
    justify-content: center;
    }

    .home p {
    max-width: 87vw;
    }

    .vorstellung {
        font-size: 16px;
    }

    .portret{
        border-radius: 211px;
        height: 59vh;
    }

    .button {
        width: 107px;
        height: 107px;
        font-size: initial;
        right: 7vh;
    }
}

@media (min-height: 1070px) and (max-width: 1540px) {
.margin {
    margin: 24px 50px 50px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 69vh;
}

.mobile-nav button{
    display: block;
}

}


@media (min-height: 700px) and (max-width: 866px) {

.mobile-nav button{
    display: block;
}

}

@media (max-height: 880px) and (max-width: 382px) {

.mobile-nav button{
    display: block;
}

.coverflow-container {
        margin: 0px 0px;
    }

}

@media (max-height: 850px) and (max-width: 410px) {

.mobile-nav button{
    display: block;
}

.coverflow-container {
        margin: 0px 0px;
    }

}