@media (orientation: portrait) {


    .whichsite {
        color: white;
        font-size: 3vw;
        margin-left:5%;

    }

    #textbar,
    #iconbar,
    #header {
        visibility: hidden;
    }

    #app_logo2_wrapper {
        position: relative;
        width: 100%;
    }
    #app_logo2 {
        margin-top:15vw;
        height: 90vw; /* Anpassen der Größe des Logos */
        width: 90vw;
        margin-left:5vw;
    }

    #slogan2 {
        font-size: 2vh;
        text-align: center;
        margin-top: -22vh;
    }

    #slogan3 {
        text-align: center;
        font-size: 3vh;
        margin-top: -24vh;
    }

    .prev,
    .next {
        top: 50%;
        font-size: 5vh;
    }
    .dot{
        visibility: hidden;
    }
    #container2 {
        margin-top: 10vh;
        padding-top: 10vh;
    }

    #footertable {
        margin-bottom: 8vh;
    }
}


@media (orientation: landscape) {

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
    transform: scale(1.3); /* Ändere den Wert nach Bedarf */
}
    #handyiconbar,
    #app_logo2 {
        visibility: hidden;
    }

    #app_logo {
        height: 120px;
    }

    .prev,
    .next {
        color: #cccccc;
        font-size: 2vw;
    }

    #container2 {
        margin-top: 20vh;
        padding-top: 20vh;
    }


    #footertable {
        width: 100%;
        height: 15vh;
    }

    #footertablehandy {
        display: none;
    }

    #footerbottom {
        height: 10vh;
    }
    .whichsite {
        color: white;
        margin-left: 90vw;
        position:absolute;
        font-size: 1vw;
        margin-top:-10vh;
    }

}




@media screen and (min-width: 1100px) and (orientation:landscape) {

    #sandwich,
    #submenu2 {
        visibility: hidden;
    }

}