/* ----- 770px bis 1090px ----- */
@media screen and (min-width: 770px) and (max-width: 1000px) {
div#main_wrap {width: 750px; float: left; position: absolute; left: 50%; margin: 0px 0px 0px -375px;}
        div#header {width: 750px; margin: 0px; height: 120px;}
        #logo {width: 400px;}
                div#suche {width: 730px; padding-right: 20px;}

        div#navigation {width: 750px; background: url(navigation.png) no-repeat;}

        div#content_wrap {width: 693px;}

        div#sidebar {width: 200px; margin: 0px 20px 0px 10px;}
                div#sidebar li.widget {padding: 15px 10px; width: 180px;}
                a.button {width: 180px;}
                div.aktuelles {width: 160px;}

        div#content {width: 450px; margin-right: 10px;}
                div#content img {max-width: 100%; height: auto;}
                div#content iframe {max-width: 100% !important;}

                div.entry_wrap, div#error_message div.entry, div.row, div#error_message h2, div.single_entry, div.single_entry p, div.single_entry div.entry, div.single_entry h2, div.single_entry div.entry_meta {width: 450px;}
                        div.entry {width: 395px;}
                                div.entry h2 {width: 395px;}
                                div.entry p {max-width: 395px; min-width: 395px;}
                div#entry_navigation {width: 450px !important; margin-left: 0px !important;}
                ol.commentlist li, div.comment_head {width: 430px;}
                        div.comment_author, div.comment_text {width: 380px;}
                        form#commentform input {width: 165px;}
                        form#commentform textarea#comment {width: 430px;}
                        form#commentform input#submit {float: right; margin-right: 7px;}

                div#content table {max-width: 100% !important;}
                        div#content table[width="650"] {width: 450px !important;}
                        div#content table[width="100%"] td[width="100%"]{width: 80% !important;}

                div#error_message p {width: 450px;}
                        div#error_message p[align="center"] {float: left;}

        div#footer {width: 680px; background: url(footer.png) no-repeat; padding: 63px 30px 0px 30px;}
                div#footer span {max-width: 560px; padding-top: 0px;}
}




/* ----- 491px bis 769px ----- */
@media screen and (min-width: 601px) and (max-width: 769px) {
div#main_wrap {width: 500px; float: left; position: absolute; left: 50%; margin: 0px 0px 0px -250px;}
        div#header {width: 500px; margin: 0px; height: 128px;}
        #logo {width: 400px; margin-top: -25px;}
                div#suche {width: 480px; padding-right: 20px; padding-top: 10px;}

        div#navigation {width: 500px; background: url(navigation_mobile.png) repeat-x;}
                div#navigation ul {padding: 0px 0px 0px 5px; float: left;}
                        div#navigation ul li a {font-size: 15px; height: 32px; padding: 13px 13px 0px 13px;}

        div#content_wrap {width: 500px; margin: 0px; position: relative;}

        div#sidebar {width: 450px; margin: 20px 25px; float: none; position: absolute; bottom: 0px; left: 0px;}
                div#sidebar li.widget {padding: 15px 15px; width: 185px; float: left;}
                div#sidebar li#text-2 {margin-right: 20px;}
                a.button {width: 185px;}
                div.aktuelles {width: 165px;}

        div#content {width: 450px; margin: 0px 25px; float: left; padding-bottom: 370px;}
                div#content img {max-width: 100%; height: auto;}
                div#content iframe {max-width: 100% !important;}

                div.entry_wrap, div#error_message div.entry, div.row, div#error_message h2, div.single_entry, div.single_entry p, div.single_entry div.entry, div.single_entry h2, div.single_entry div.entry_meta {width: 450px;}
                        div.entry {width: 395px;}
                                div.entry h2 {width: 395px;}
                                div.entry p {max-width: 395px; min-width: 395px;}
                div#entry_navigation {width: 450px !important; margin-left: 0px !important;}
                ol.commentlist li, div.comment_head {width: 430px;}
                        div.comment_author, div.comment_text {width: 380px;}
                        form#commentform input {width: 165px;}
                        form#commentform textarea#comment {width: 430px;}
                        form#commentform input#submit {float: right; margin-right: 7px;}


                div#content table {max-width: 100% !important;}
                        div#content table[width="650"] {width: 450px !important;}
                        div#content table[width="100%"] td[width="100%"]{width: 80% !important;}
                div#error_message p {width: 450px;}
                        div#error_message p[align="center"] {float: left;}

        div#footer {width: 460px; background: url(footer_mobile.png) repeat-x; padding: 55px 20px 0px 20px; height: 62px;}
                div#footer span {max-width: 375px; width: 375px; padding-top: 0px;}
                div#footer div#social a {margin-left: 5px;}

}



/* ----- 491px bis 769px ----- */
@media screen and (min-width: 491px) and (max-width: 600px) {
div#main_wrap {width: 500px; float: left; position: absolute; left: 50%; margin: 0px 0px 0px -250px;}
        div#header {width: 500px; margin: 0px; height: 150px;}
        #logo {width: 400px; margin-top: 0px;}
                div#suche {width: 480px; padding-right: 20px; padding-top: 10px;}

        div#navigation {width: 500px; background: url(navigation_mobile.png) repeat-x;}
                div#navigation ul {padding: 0px 0px 0px 5px; float: left;}
                        div#navigation ul li a {font-size: 15px; height: 32px; padding: 13px 13px 0px 13px;}

        div#content_wrap {width: 500px; margin: 0px; position: relative;}

        div#sidebar {width: 450px; margin: 20px 25px; float: none; position: absolute; bottom: 0px; left: 0px;}
                div#sidebar li.widget {padding: 15px 15px; width: 185px; float: left;}
                div#sidebar li#text-2 {margin-right: 20px;}
                a.button {width: 185px;}
                div.aktuelles {width: 165px;}

        div#content {width: 450px; margin: 0px 25px; float: left; padding-bottom: 370px;}
                div#content img {max-width: 100%; height: auto;}
                div#content iframe {max-width: 100% !important;}

                div.entry_wrap, div#error_message div.entry, div.row, div#error_message h2, div.single_entry, div.single_entry p, div.single_entry div.entry, div.single_entry h2, div.single_entry div.entry_meta {width: 450px;}
                        div.entry {width: 395px;}
                                div.entry h2 {width: 395px;}
                                div.entry p {max-width: 395px; min-width: 395px;}
                div#entry_navigation {width: 450px !important; margin-left: 0px !important;}
                ol.commentlist li, div.comment_head {width: 430px;}
                        div.comment_author, div.comment_text {width: 380px;}
                        form#commentform input {width: 165px;}
                        form#commentform textarea#comment {width: 430px;}
                        form#commentform input#submit {float: right; margin-right: 7px;}


                div#content table {max-width: 100% !important;}
                        div#content table[width="650"] {width: 450px !important;}
                        div#content table[width="100%"] td[width="100%"]{width: 80% !important;}
                div#error_message p {width: 450px;}
                        div#error_message p[align="center"] {float: left;}

        div#footer {width: 460px; background: url(footer_mobile.png) repeat-x; padding: 55px 20px 0px 20px; height: 62px;}
                div#footer span {max-width: 375px; width: 375px; padding-top: 0px;}
                div#footer div#social a {margin-left: 5px;}

}



/* ----- 300px bis 490px ----- */
@media screen and (min-width: 10px) and (max-width: 490px) {
div#main_wrap {width: 300px; float: left; position: absolute; left: 50%; margin: 0px 0px 0px -150px;}
       div#header {width: 300px; margin: 0px; height: 130px;}
        #logo {width: 260px; margin-top: 10px; margin-left: -15px;}
                div#suche {width: 290px; padding-right: 10px; padding-top: 10px;}

        div#navigation {width: 300px; background: url(navigation_mobile.png) repeat-x;}
                div#navigation ul {padding: 0px 0px 0px 5px; float: left;}
                        div#navigation ul li a {font-size: 15px; height: 32px; padding: 13px 13px 0px 13px;}
        select.responsiveMenuSelect {height: 48px; border: none; background: #06486a; color: #fff;}

        div#content_wrap {width: 300px; margin: 0px; position: relative;}

        div#sidebar {width: 280px; margin: 20px 10px; float: none; position: absolute; bottom: 0px; left: 0px;}
                div#sidebar li.widget {padding: 20px 20px; width: 240px; float: left; margin-bottom: 15px;}
                div#sidebar li#text-2 {margin-right: 0px;}
                a.button {width: 240px;}
                div.aktuelles {width: 222px;}

        div#content {width: 280px; margin: 0px 10px; float: left; padding-bottom: 600px;}
                div#content div#content {width: 280px; margin: 0px;}
                div#content img {max-width: 100%; height: auto;}
                div#content iframe {max-width: 100% !important;}

                div.entry_wrap, div#error_message div.entry, div.row, div#error_message h2, div.single_entry, div.single_entry p, div.single_entry div.entry, div.single_entry h2, div.single_entry div.entry_meta {width: 280px;}
                        div.entry {width: 280px; margin-top: 10px;}
                                div.entry h2 {width: 280px;}
                                div.entry p {max-width: 280px; min-width: 280px;}
                                div.entry_meta {width: 280px; margin-left: 0px;}
                div#entry_navigation {width: 280px !important; margin-left: 0px !important;}
                ol.commentlist li, div.comment_head {width: 260px;}
                        div.comment_author {width: 260px;}
                        div.comment_text {width: 260px; margin: 0px;}
                        form#commentform input {width: 165px;}
                        form#commentform textarea#comment {width: 240px;}
                        form#commentform input#submit {float: right; margin-right: 7px;}
                        textarea.wpcf7-textarea {width: 275px;}


                div#content table {max-width: 100% !important;}
                        div#content table[width="650"] {width: 280px !important;}
                                div#content table[width="650"] td {width: 280px !important; display: block;}
                        div#content table[width="100%"] td[width="100%"]{width: 70% !important;}
                div#error_message p {width: 280px;}
                        div#error_message p[align="center"] {float: left;}
                form#searchform input.field {width: 184px;}

        div#footer {width: 280px; background: url(footer_mobile.png) repeat-x #06486a; padding: 50px 10px 0px 10px; height: 110px; font-size: 12px; position: relative;}
                div#footer span {max-width: 280px; width: 280px; padding-top: 0px; margin-bottom: 5px;}
                div#footer div#social {position: absolute; bottom: 4px; right: 10px;}
                        div#footer div#social a {margin-left: 5px;}
                div#ytpi {position: absolute; margin-top: 0px; bottom: 4px; left: 10px;}
                        div#ytpi a, div#ytpi a:hover, div#ytpi a:visited, div#ytpi a:link {color: #fff;}
}