@charset "UTF-8";

/*
 * hans-dieter-arntz.de - Responsive Erweiterung
 * Ergaenzt das bestehende 800px-Layout um Mobile-Unterstuetzung
 */

/* Tablet: bis 860px */
@media screen and (max-width: 860px) {
    #container,
    #footer,
    .nav-menu {
        width: 100%;
        max-width: 800px;
    }

    #container {
        padding: 0 10px;
        box-sizing: border-box;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    table {
        max-width: 100%;
        overflow-x: auto;
        display: block;
    }
}

/* Smartphone: bis 600px */
@media screen and (max-width: 600px) {
    body {
        font-size: 75%;
    }

    #header {
        height: auto;
    }

    #banner img {
        width: 100%;
        height: auto;
    }

    /* Navigation: vertikal */
    .nav-menu {
        flex-direction: column;
    }

    .nav-menu > li {
        width: 100%;
    }

    .nav-menu .submenu {
        position: static;
        width: 100%;
    }

    .nav-menu .submenu a {
        padding-left: 1.5em;
    }

    /* Bilder im Content */
    .image_right,
    .image_left,
    .image_right_ohne_rahmen {
        float: none;
        display: block;
        margin: 6px auto;
        max-width: 100%;
    }

    /* Tabellen scrollbar */
    table {
        font-size: 0.9em;
    }

    h1 {
        font-size: 1.8em;
    }

    h2 {
        font-size: 1.6em;
    }

    h3 {
        font-size: 1.5em;
    }
}