@media (max-width: 1250px) {
/* 	#header .headerueberschrift {
        left: 0;
        right: 0;
        width: 100%;
    } */
}

@media (max-width: 1100px) {
/* 	#header .headerueberschrift {
        left: 50%;
    } */

    #header .headerueberschrift h2, #header .headerueberschrift h3 {
        font-size: 70px;
    }
}

@media (max-width: 960px) {
	#header #oben #navi ul {
        font-size: 14px;
    }

/*     #header .headerueberschrift {
        left: 45%;
    } */

    #onepageinhalt #bereicheins, #onepageinhalt #bereichzwei, #onepageinhalt #bereichdrei, #onepageinhalt #bereichvier, #onepageinhalt #bereichfuenf {
        margin: 20px 5% 50px 5%;
        width: 90%;
    }

    h1, h3 {
        font-size: 40px;
    }

    h2 {
        font-size: 20px;
        margin: 25px 0;
    }
}

@media (max-width: 870px) {
	#onepageinhalt #bereicheins .inhalt, #onepageinhalt #bereicheins .inhalt p {
        width: 100%;
        float: left;
        clear: both;
    }

    #onepageinhalt #bereicheins .inhalt .bild {
        width: auto;
    }
}

@media (max-width: 820px) {
/* 	#header .headerueberschrift {
        left: 39%;
    } */

    #header #oben {
        margin: 15px 3%;
    }

    /* -- mobile Navi -- */
    .cd-nav-trigger {
        display: block;
    }

    #navi {
        display: none;
        background: #08294c;
        width: 94% !important;
        max-height: 87%;
        margin: 71px 0 0 0;
        float: left;
        clear: both;
        vertical-align: top;
        text-align: center;
        position: fixed;
        z-index: 20;
    }

    #navi ul {
        width: 100%;
        float: left;
        clear: both;
        margin: 15px 0;
        padding: 0;
    }

    #navi ul li {
        width: 96%;
        float: left;
        clear: both;
        padding: 0;
        margin: 7px 0;
    }

    #header #oben #navi ul li a {
        color: #fff;
        padding: 20px 0 18px;
    }

    #header #oben #navi ul li a:hover {
        color: #fff;
    }
    /* -- mobile Navi Ende -- */
}

@media (max-width: 740px) {
/* 	#header .headerueberschrift {
        left: 32%;
    } */
}

@media (max-width: 680px) {
/* 	#header .headerueberschrift {
        left: 40%;
    } */

    #header .headerueberschrift h2, #header .headerueberschrift h3 {
        font-size: 35px;
    }

    h1, h3 {
        font-size: 35px;
    }

    h2 {
        margin: 20px 0;
    }

    #onepageinhalt #bereicheins .inhalt .text {
        width: 100%;
        float: left;
        clear: both;
        margin: 15px 0;
    }

    #onepageinhalt #bereicheins .inhalt .bild {
        float: left;
        clear: both;
        width: 100%;
    }
}


@media (max-width: 600px) {
/* 	#header .headerueberschrift {
        left: 35%;
    } */
}

@media (max-width: 580px) {
/* 	#header .headerueberschrift {
        left: 40%;
    } */

    h1, h3 {
        font-size: 28px;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    h2 {
        margin: 15px 0;
        font-size: 17px;
    }

    #header .headerueberschrift h2 {
        background: none;
        text-shadow: 3px 2px 7px #333;
    }
}