/* Sie können hier Ihr eigenes benutzerdefiniertes CSS hinzufügen, wenn Sie sich nicht um SASS/SCSS kümmern wollen */



@media (max-width: 870px) {
    .nui.grid.stackable.horizontal.spaced.columnx1.ersatzterminblock {
        flex-direction: column !important;
    }
}

@media (max-width: 768px) {

    #hg_alles {
        background: none;
        background-color: none;
    }

    #kopfbilder {
        width: 100%;

    }

    .hauptmenu {
        display: none;
    }

    .mobilmenu {
        display: block;
    }

    #linke_seite {
        width: 100%;
    }

    .wetter3tage, .reiseversicherung {
        width: 99%;
        text-align: center;
    }

    #zeilemitte {
        flex-direction: column-reverse;
    }

    .subitem-anfrageblockA, .subitem-anfrageblockB, .subitem-anfrageblockC {
        width: 95% !important;
    }

    .anschrift-oben {
        display: none;
    }

    .anschrift-unten {
        display: block;
    }

    .menuunten {
        width: 70%;
    }

    .menuunten .nav {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        flex-direction: column;
    }

    .menuunten span, .menuunten li a {
        border: none;
    }

    .sprachwahl {
        padding: 0;
        width: 30%;
        display: flex;
        justify-content: flex-end;
        align-items: end;
        padding: 0 10px 2px 0px;
    }

}


@media (orientation: landscape) and (max-width: 800px) {
    .hauptbereich h4 {
        font-weight: bold;
    }
}

@media (orientation: portrait) and (max-width: 420px) {
    .hauptbereich h4 {
        font-weight: bold;
    }
}