style.css

@media (max-width: 600px) {
    /* Navigation */
    .Menu {
        flex-direction: column;
    }

    /* Touch-Targets */
    .menu-items {
        padding: 10px;
    }

    /* Schriftgröße */
    body {
        font-size: 18px;
    }

    .konzert-liste .links{
        display: none;    
    }
}


body{
    margin : 0;
    background-image: url('/Neue_Testfotos_von_Eva/_Bild034_Neg.Nr.35.jpg');
    background-size: cover;
    background-attachment: fixed; /* Das fixiert das Bild, sodass es beim Scrollen nicht mitbewegt wird */
    background-position: center;
}

.blauer-body{
    background-image: url('/Neue_Testfotos_von_Eva/vielRosa.jpg');
}

.Menu{
    border: solid blue;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1em;

}

.menu-items{
    text-decoration: none;
    margin-left: 2vw;
    font-family: 'Roboto', sans-serif;
    color: white;
}

.menu-items:hover{
    text-decoration: underline;
}

.schriftzug-container{
    margin-left: 5%;
}

.konzert-liste {
    border: solid green;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1; /* Nimmt den verfügbaren Platz ein */
    padding: 1em; /* Falls Innenabstand benötigt wird */
    margin-top: 3%;
}

.konzert-liste .links{
    border: solid purple;
    flex: 2;
}

.konzert-liste .rechts{
    border: solid gray;
    flex: 8;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.konzert{
    border: solid yellow;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    font-family: 'Roboto', sans-serif;
}

.konzert .ort, .konzert .datum, .konzert .uhrzeit {
    border: solid orange;
    width: 33%;
    text-align: center;
    font-size: 30px;
}

.kontakt-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%; /* Füllt den verfügbaren Platz aus */
}

.zentrierter-text {
    text-align: center;
}

.Untere-Leiste-fest{
    border: solid black;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0vw;
    display: flex;
    justify-content: center;
    gap: 10%;
    align-items: center;
    padding: 1em; /* Falls Innenabstand benötigt wird */
}

.Untere-Leiste-scrollen{
    border: solid blue;
    position: static;
    display: flex;
    justify-content: center;
    gap: 10%;
    align-items: center;
    padding: 1em; /* Falls Innenabstand benötigt wird */
}

.icon-Bilder{
    border: solid green;
    width: 40px; 
    height: 40px;
    margin: 0 0px;
}