/* Media Query für kleine Bildschirme (zusammengeklappte Navigation) */
@media screen and (max-width: 1000px) {
    nav a {
        display: none;
    }

    /* Zeige ein Menüsymbol für kleine Bildschirme */
    #menu-icon {
        display: block;
        cursor: pointer;
    }

    .row .link-box {
        width: 110px;
        height: 90px;
    }

        .row .link-box p {
            display: block;
            width: 100%;
            text-align: center;
        }

    section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .column {
        flex: auto;
        height: 150px;
    }

    .expanded {
        height: auto;
    }

    .widecont {
        display: none;
    }

    .expanded .widecont {
        display: block;
    }

    #uberuns h1 {
        max-width: 100%;
        text-align: center;
    }

    .image {
        flex-wrap: wrap;
        width: calc(100% - 40px);
        max-width: 100%;
        height: 275px;
    }

    .image-text-container {
        flex-wrap: wrap;
    }

    .nav-button {
        width: 40px;
        height: 40px;
    }

    #service .centered-div {
        flex-direction: column;
    }

    #service .sbox {
        margin-bottom: 20px;
    }

#service .sbox, #uberuns h1, #service h1, .additional-info, .cont, #kontakt h1, #kontakt img, .info-container {
    max-width: 100%;
}

#kontakt h1
{
   min-width: 300px;
}

.contact-info
{
	max-width: 250px;
}

#termine .centered-div{
	padding: 10%;
}

    .image.collage {
        order: -1;
        min-height: 300px;
        max-width: 100%;
        margin-top: 20px;
        margin-left: 20px;
        margin-bottom: 20px;
        background-position: left;
    }

.nomedia
{
display: none;
}
.onlymedia
{
display: block;
}


 }