@charset "UTF-8";
/* media CSS */


@media only screen and (max-width: 1600px) { /*________________________________________________________________________ : 1.2 */
    /* TYPO */
    h1,
    #main ul.services {
        font-size: 2.7em;
    }
    h2,
    #main p.maps {
        font-size: 2.2em;
    }
    #main ul.contact {
        font-size: 2.1em;
    }
    h3,
    #main p, #main ul,
    #sub-nav ul > li > a,
    #sub-nav > ul > li:after {
        font-size: 1.5em;
    }
    
    /* PROPORTIONS */
    .inside {
        width: 116.7em;
    }
    #header {
        padding-top: 6.7em;
        margin-bottom: 3.3em;
    }
    .header-top {
        padding-bottom: 4.2em;
    }
    .header-top .logo {
        width: 29.5em;
    }
    #main {
        padding-bottom: 6.7em;
    }
    #footer {
        height: 12.5em;
    }
}


@media only screen and (max-width: 1240px) { /*________________________________________________________________________ : 1.25 */
    /* TYPO */
    h1,
    #main ul.services {
        font-size: 2.2em;
    }
    h2,
    #main p.maps {
        font-size: 1.8em;
    }
    #main ul.contact {
        font-size: 1.7em;
    }
    h3,
    #main p, #main ul,
    #sub-nav ul > li > a,
    #sub-nav > ul > li:after {
        font-size: 1.4em;
    }
    
    /* PROPORTIONS */
    .inside {
        width: 93.4em;
    }
    #header {
        padding-top: 5.4em;
        margin-bottom: 2.6em;
    }
    .header-top {
        padding-bottom: 3.4em;
    }
    .header-top .logo {
        width: 23.6em;
    }
    #main {
        padding-bottom: 5.4em;
    }
    #footer {
        height: 10em;
    }
}


@media only screen and (max-width: 1000px) { /*________________________________________________________________________ fluid 1-spalter */
    .inside {
        width: 100%;
        padding: 0 15%;
    }
    .content-small {
        margin-right: 0;
    }
    .flex-rows {
        flex-direction: column;
        justify-content: flex-start;
    }
    .flex-rows .item {
        width: 100%;
    }
    .flex-rows .item.left {
        margin-bottom: 3.4em;
    }
}


@media only screen and (max-width: 620px) { /*________________________________________________________________________ smartphone */
    .inside {
        padding: 0 10%;
    }
    .flex-rows .item.left {
        margin-bottom: 3em;
    }
    
    /* TYPO / 1.1 */
    h1,
    #main ul.services {
        font-size: 2em;
    }
    h2,
    #main p.maps {
        font-size: 1.7em;
    }
    #main ul.contact {
        font-size: 1.6em;
    }
    
    /* PROPORTIONS */
    #header {
        padding-top: 4em;
        margin-bottom: 2.6em;
    }
    .header-top {
        padding-bottom: 3em;
    }
    .header-top .logo {
        width: 20em;
    }
    #main {
        padding-bottom: 4em;
    }
}


@media only screen and (max-width: 390px) {
    .content-small p, .content-small ul {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
    h1,
    #main ul.services {
        font-size: 1.8em;
    }
    .header-top .logo {
        width: 16em;
    }
    #main p.maps:hover,
    #main p.maps:focus {
        margin-left: 0.4em;
    }
}


@media only screen and (max-width: 340px) {
    .inside {
        padding: 0 8%;
    }
}