@media (orientation: portrait){
    body{
        align-items: center;
        text-align: center;
    }
    
    #logo{
        width: 30vw;
    }

    .buttons{
        display: flex;
        flex-direction: column;
        min-width: 20%;
        gap: 1em;
    }

    header{
        display: flex;
        justify-content: center;
        gap: 1em;
    }

    .flex{
        flex-direction: column;
        gap: 1em;
    }

    #plakat{
        width: 60vw;
        max-width: 70%;
    }

    #place{
        width: 60vw;
    }

    .slider-container{
        width: 60vw;
    }

    #start{
        align-items: center;
    }

    iframe{
        display: none;
    }

    #little{
        display: block;
    }
} 

@media (max-width: 700px){
	body{
		font-size: 0.7em;
	}

    .slider-container{
        width: 90vw;
    }
}