/*Breakpoint CSS Beispiele*/
@media only screen and (max-width: 600px) {

    #navigation-container {
        width: 60px;
    }

    #content-container, #footer, #header {
        width: calc(100% - 60px);
        left: 60px;
    }

    #navigation-list {
        width: 60px;
    }

    .menuElementsAfterIcon {
        display: none;
    }

    .menuElements {
        display: none;
    }

    .small-menu {
        display: none;
    }

    .caret-icon {
        display: none;
    }

    .navigation-sub {
        display: none;
    }
}

@media only screen and (min-width: 600px ) {

}

@media only screen and (min-width: 980px ) {

}

@media only screen and (min-width: 1260px ) {

}


/*Orientation Mode Example*/
@media only screen and (orientation: landscape) {
    body {
    }
}

@media only screen and (orientation: portrait) {
    body {
    }
}