* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #f4f4f4;
    color: #333;
}

.overlay {
    width: 95%;
    max-width: 1400px;
    margin: 15px auto;
    padding: 15px;
    text-align: center;
}

h1 {
    margin-bottom: 10px;
    font-size: 2rem;
}

p {
    margin-bottom: 25px;
}

/* Bild */

.standort-bild {
    margin: 20px 0 35px;
}

.standort-bild img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
}

/* Standorte */

.standorte {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.standort {
    background: #fff;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 3px 10px rgba(0,0,0,.15);
}

.standort h3 {
    margin-top: 0;
}

.standort iframe {
    width: 100%;
    height: 300px;
    border: 0;
    border-radius: 10px;
}

/* Tablet */

@media (min-width:768px) {

    .standorte{
        grid-template-columns:repeat(2,1fr);
    }

}

/* Desktop */

@media (min-width:1200px){

    .standorte{
        grid-template-columns:repeat(3,1fr);
    }

}

/* Smartphones */

@media (max-width:767px){

    .overlay{
        width:98%;
        padding:10px;
    }

    h1{
        font-size:28px;
    }

    h2{
        font-size:24px;
    }

    p{
        font-size:17px;
    }

    .standort{
        padding:10px;
    }

    .standort h3{
        font-size:20px;
    }

    .standort iframe{
        height:320px;
    }

    .standort-bild img{
        border-radius:10px;
    }

}