@media (max-width: 1500px) {
    .first_content {

    }
    .header_content {

    }

    .side_image p {
        bottom: 140px;
    }
    .footer_green {
        bottom: -190px;
    }
    footer ul {
        bottom: 30px;
        right: 30px;
    }
    footer .top_arrow {
        bottom: 110px;
    }

    .inhaltsseite {
        padding-top: 250px;
    }
}
@media (max-width: 1380px) {
    .top_text {
        top: 270px;
        left: calc(50% - 200px);
    }
}

@media (max-width: 1280px) {

    h1 {
        font-size: 40px;
    }
    .header_center .header_text {
           margin-top: 100px;
    }
    .header_center {
        margin-right: 70px;
    }
    body {
        font-size: 20px;
    }
    .side_image p {
        bottom: 90px;
        font-size: 22px;
        line-height: 36px;
        left: 70px;
    }
    footer ul {
        bottom: 25px;
        right: 25px;
    }
    footer a {
        font-size: 14px;
    }
    footer ul li:after {
        height: 36px;
        top: -2px;
    }
    footer .top_arrow {
        bottom: 95px;
    }
    footer .top_arrow img {
        width: 90px
    }

    .sidebar_bg_green {
        left: -210px;
    }

    .inhaltsseite {
        padding-top: 380px;
        margin-left: 280px;
        margin-right: 100px;
    }

    .top_text h1 {
        font-size: 35px;
    }
}

@media (max-width: 1090px) {
    .header_center {
        margin-right: 20px;
        max-width: 650px;
    }

    h1 {
        font-size: 35px;
    }
    .header_center .header_text {

    }
    body {
        font-size: 18px;
    }
    .footer_green {
        bottom: -230px;
    }
    footer ul {
        bottom: 15px;
        right: 15px;
    }
    footer .top_arrow {
        bottom: 80px;
        right: 50px;
    }
    .top_text {
            top: 270px;
    left: calc(50% - 100px);
    right: 20px;
    font-size: 20px;
    line-height: 30px;
    }
    .top_text h1 {
        font-size: 30px;
        margin-bottom: 30px;
    }

}

@media (max-width: 1000px) {
    .first_content {
        margin-top: 130px;
    }
    .header_center {
        //right: 20px;
        max-width: 520px;
    }
    .header_content {
        /*top: -60px;*/
    }
    .header_center .header_text {
        margin-top: 55px;
    }
    .side_image p {
        bottom: 75px;
        font-size: 18px;
        line-height: 34px;
        left: 50px;
    }
    footer ul {
        bottom: 10px;
        right: 10px;
    }
    footer .top_arrow {
        bottom: 70px;
        right: 40px;
    }
    .top_text {
        top: 190px;
    }
}

@media (max-width: 890px) {
    .top_text {
        top: 150px;
    }
    .first_content {
        margin-top: 220px;
    }
    .header_content {
        /*top: 30px;*/
    }
    .header_center .header_text {
        /*margin-top: 105px;*/
    }
    .header_center h1 {
        margin-bottom: 15px;
    }
    .header_center .header_text p {
        line-height: 28px;
    }
}
@media (min-width: 800px) {
	.danke footer {
		position: absolute;
		overflow: hidden;
		bottom: 0;
		right: 0;
		width: 100%;
	}
}
@media (max-width: 800px) {
     .inhaltsseite {
        padding-top: 90vh;
        margin-left: 10px;
        margin-right: 10px;
        transition: 0.5s all;
    }
    .inhaltsseite.closed {
        padding-top: 50vh;
    }
    .header_center .header_text {
        margin-top: 90px;
    }
    article {
        padding-top: 80px;
        padding-bottom: 40px;
    }
    body {
        overflow-x: hidden;
        font-size: 18px;
    }
    h1, h2 {
        font-size: 22px;
    }
    article h2 {
        margin-top:10px;
    }
    .head {
        display: none;
    }
    .sidebar {
        width: 100vw;
        position: absolute;
    }
    .first_content {
        margin-top: 100vh;
        transition: 0.5s all;
    }
    .first_content.closed {
        margin-top: 40vh;
    }
    .menu_bar {
        min-height: auto;
    }
    .sidebar_bg {
        left: 0;
        width: 100vw;
        height: 100vh;
        top: -130px;
        transform: matrix(1.00, -0.30, 0.00, 1.00, 0, 0);
        -ms-transform: matrix(1.00, -0.30, 0.00, 1.00, 0, 0);
        -webkit-transform: matrix(1.00, -0.30, 0.00, 1.00, 0, 0);
    }
    .closed .sidebar_bg {
        transform: matrix(1.00, -0.30, 0.00, 1.00, 0, 0);
        -ms-transform: matrix(1.00, -0.30, 0.00, 1.00, 0, 0);
        -webkit-transform: matrix(1.00, -0.30, 0.00, 1.00, 0, 0);
        left: 0;
        top: -150px;
        height: 200px;
    }
    .sidebar_bg_green {
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        transform: matrix(1.00, -1.4, 0.00, 1.00, 0, 0);
        -ms-transform: matrix(1.00, -1.4, 0.00, 1.00, 0, 0);
        -webkit-transform: matrix(1.00, -1.4, 0.00, 1.00, 0, 0);
    }
    .closed .sidebar_bg_green {
        left: 0;
        height: 80px;
        transform: matrix(1.00, -0.05, 0.00, 1.00, 0, 0);
        -ms-transform: matrix(1.00, -0.05, 0.00, 1.00, 0, 0);
        -webkit-transform: matrix(1.00, -0.05, 0.00, 1.00, 0, 0);
    }
    .logo {
        display: block;
        margin: auto;
        margin-top: 100px;
        left: auto;
    }
    .closed .logo {
        opacity: 0;
        margin-top: 0px;
        left: auto;
        width: auto;
    }
    .logo_small {
        display: block;
        opacity: 0;
        transition: 0.5s all;
        position: fixed;
        top: 10px;
        left: 10px;
        width: 50px;
    }
    .closed .logo_small {
        opacity: 1;
    }
    .input_round, .sidebar .input_password_combined {
        margin: auto;
        margin-bottom: 10px;
    }
    .closed .input_name, .closed .input_password_combined {
        opacity: 0;
        margin: auto;
        margin-bottom: 10px;
    }
    .header_content {
        top: 90px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .header_image {
        height: 650px;
    }
    .header_image img {
        min-width: 950px;
        width: 950px;
        height: 100%;
        right: 0;
        z-index: 0;
        position: absolute;
    }
    .header_center {
        right: 20px;
        max-width: 100%;
        left: 20px;
    }
    #login {
		width: 98%;
	}
    .closed .mobile_login {
        display: block;
        top: 16px;
        color: #fff;
        cursor: pointer;
    }
    .closed .mobile_login:hover {
        color: #a3c63a;
        border-color: #a3c63a;
    }
    nav {
        display: none;
    }
    .side_image p {
        bottom: 30px;
        font-size: 20px;
        line-height: 36px;
        left: 20px;
    }
    .top_arrow {
        display: none;
    }
    footer ul {
        display: none;
    }
    .content_right{
        padding-right: 20px !important;
    }
    .arrow_menu_down {
        display:block;
        position: fixed;
        left: 50%;
		-webkit-transform: rotate(180deg)translate(50%,0);
		-moz-transform:    rotate(180deg)translate(50%,0);
		-ms-transform:     rotate(180deg)translate(50%,0);
		-o-transform:      rotate(180deg)translate(50%,0);
		transform:         rotate(180deg)translate(50%,0);
        bottom: 20%;
        transition: 0.5s all;
    }
    .closed .arrow_menu_down {
        top: 100px;
        opacity: 0;
    }

    #intro_icons {
        /*margin-top: -60px;*/
    }

    .intro_icon {
        margin-bottom: 30px;
    }
    .top_text {
        left: 20px;
        top: 5px;
    }
    .top_text h1 {
        font-size: 30px;
        margin-bottom: 90px;
        color: #a9c938;
        text-shadow: none;
    }
    .footer_green {
        bottom: -260px;
    }

    .menu.closed .hamburger {
        display: block;
    }

    .middle_green {
        bottom: 0;
    }

    .hamburger_menu {
        display:block;
    }
}

@media (max-width: 710px) {
    .footer_green {
        bottom: -260px;
    }

    .top_text {
        left: 20px;
        top: -5px;
    }
    .top_text h1 {
        font-size: 30px;
        margin-bottom: 50px;
    }
}

@media (max-width: 650px) {
	.sidebar {
		height: 0;
	}
    .header_content {
        top: 40px;
    }
    body {
        font-size: 16px;
    }
    h1, h2 {
        font-size: 24px;
    }
    .side_image p {
        bottom: 165px;
        font-size: 18px;
        line-height: 34px;
        left: 50px;
    }

    article {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .footer_green {
        bottom: -290px;
    }

    .arrow_menu_down {
        bottom: 24%;
    }
    .top_text {
        left: 20px;
        top: -10px;
    }
    .top_text h1 {
        font-size: 30px;
        margin-bottom: 40px;
    }
}
@media (max-width: 580px) {
    .top_text {
        font-size: 16px;
        line-height: 24px;
        left:10px;
        right: 10px;
    }
    .top_text h1 {
        font-size: 26px;
    }
}
@media (max-width: 450px) {
    .header_content {
        top: 0px;
    }
    .side_image p {
        bottom: 70px;
    }
    .top_text {
        top: -60px;
        font-size: 15px;
        line-height: 20px;
        left: 15px;
        right:15px;
    }
    .top_text h1 {
        margin-bottom: 120px;
    }
}