@media screen and (max-width:1600px) {
    .navbar-nav {
        margin-left: 42%;
    }

}


@media screen and (max-width:1400px) {
    .navbar-nav {
        margin-left: 31%;
    }

    h1 {
        font-size: 2.7rem;
    }

    h2 {
        font-size: 2.0rem;
    }

    h3 {
        font-size: 1.1rem;
    }

    .magazin-rechts-txt {
        width: 69%;
    }

    .kachel5 {
        margin-top: -60px;
    }

    .kachel6 {
        margin-top: -60px;
    }

    .txt1 {
        min-height: 217px;
        margin-top: 31%;
    }

    .txt3 {
        min-height: 115px;
        margin-top: 16%;
    }

    .txt4 {
        min-height: 105px;
        margin-top: 19%;
    }

    .txt5 {
        margin-top: 85%;

    }

    .txt6 {
        margin-top: 85%;

    }

    .my-col50 {
        margin-top: 0px
    }

}

@media screen and (max-width:1200px) {
    .navbar-nav {
        margin-left: 21%;
    }

    .magazin-rechts-txt {
        width: 62%;
    }


    .font18-left {
        font-size: 15px;
    }

    .my-row-newsletter {
        padding: 0px;
    }

    .my-btn-success-sm {}

    .my-btn-success {
        font-weight: 500;
        line-height: 1.2;
        padding: .375rem .75rem;
        font-size: 1.1rem;
    }

    .my-hr {
        margin-top: 25px;
    }

    .txt1 {
        min-height: 207px;
        margin-top: 31%;
    }

}

@media screen and (max-width:1100px) {
    .navbar-nav {
        margin-left: 18%;
        font-size: 14px;
    }

    .font14-left-footer {
        font-size: 12px;
    }

    .font16-left-footer {
        font-size: 14px;
    }

    .my-container {
        padding-left: 3%;
        padding-right: 3%;
    }


}

@media screen and (max-width:1024px) {

    .font16-left {
        font-size: 14px;
    }

    .font16-justify {
        font-size: 14px;

    }

    .font16-center {
        font-size: 14px;

    }

    .font18-left {
        font-size: 13px;
    }

    .font18-justify {
        font-size: 16px;

    }

    .font18-center {
        font-size: 16px;
    }

    .font30-left {
        font-size: 26px;
    }

    .txt1 {
        min-height: 181px;
        margin-top: 35.7%;
    }

    .my-flex-col50 #text1 {
        height: 180px;
        margin-top: 0px
    }

    .my-flex-col50 #text2 {
        height: 180px;
        margin-top: 0px
    }

    .my-flex-col50 #text3 {
        height: 180px;
        margin-top: 0px
    }
}


@media screen and (max-width:991px) {

    .ul-footer {
        padding-left: 47%;
        margin-bottom: 32px
    }

    .col-lg-3 {
        min-width: 25%;
        margin-right: 0px;
        margin-left: 0px
    }

    .font16-left-footer {
        text-align: center;
    }

    .my-col60 {
        width: 60%;
        margin-top: 45px
    }

    .my-col40 {
        width: 40%;
        margin-top: 45px
    }

    .my-col50 {
        margin-top: 0px;
        height: 100%
    }

    .txt1 {
        min-height: 207px;
        margin-top: 29%;
    }

    .txt2 {
        min-height: 80px;
        margin-top: 8%;
    }

    .txt3 {
        min-height: 94px;
        margin-top: 25.2%;
    }

    .txt4 {
        min-height: 94px;
        margin-top: 25.2%;
    }

    .txt5 {
        margin-top: 100%;

    }

    .txt6 {
        margin-top: 100%;

    }

    .my-col-170 {
        margin-top: -150px
    }

    .magazin-rechts-txt {
        float: left;
        padding-left: 0px;

    }

    .magazin-bottom-txt {
        margin-top: -25px
    }

    .navbar-nav {
        padding: 15px;
        background-color: white;
        margin-left: 1%
    }

    .kachel5 {
        margin-top: -51px;
        margin-bottom: 8px
    }

    .kachel6 {
        margin-top: -51px;
        margin-bottom: 8px
    }

    .kachel-txt-dnld {
        font-size: 24px;
        font-weight: 500;
    }

    .container {
        min-width: 98%
    }

    .my-col100 {
        margin-top: 50px;
    }

    .my-row-left2 {
        margin-top: 60px
    }

    .my-flex-col50 #text1 {
        height: 170px;
        margin-top: -10px
    }

    .my-flex-col50 #text2 {
        height: 170px;
        margin-top: -10px
    }

    .my-flex-col50 #text3 {
        height: 170px;
        margin-top: -10px
    }
}

@media screen and (max-width:950px) {
    .my-kacheln {
        min-height: 420px;
    }


    .txt8 {
        min-height: 147px;

    }


}

@media screen and (max-width:850px) {

    .txt1 {
        min-height: 175px;
        margin-top: 40%;
    }

    .txt8 {
        min-height: 148px;

    }


    .magazin-bottom-txt {
        margin-top: -15px
    }

    .my-col30-action {
        width: 35%;
    }

    .my-col70-action {
        width: 65%;
    }
}

@media screen and (max-width:828px) {
    .my-row-center {
        width: auto;
        flex-flow: column wrap;
        align-items: center;
    }

    .my-kacheln {
        margin-left: 0px;
        margin-right: 0px;
        min-width: 100%;
    }

    .my-kacheln-text {
        flex-flow: column wrap;
        align-items: center;

    }

    .txt3 {
        min-height: 92px;
        margin-top: 25.2%;
    }

    .txt4 {
        min-height: 92px;
        margin-top: 25.2%;
    }


}



@media screen and (max-width:768px) {
    .kachel1 {
        margin-bottom: 25px;
    }

    .kachel2 {
        background-image: url(../images/island_640.jpg);
        margin-bottom: 25px;
    }

    .kachel3 {
        margin-bottom: 25px;
    }

    .kachel5 {
        margin-top: -20px;
    }

    .kachel6 {
        margin-top: 40px;
    }

    .col-md-8 {
        width: 80%
    }

    .content-section {
        padding: 0em 0em 0em 0em;
        margin-top: 30px
    }

    .font18-left {
        font-size: 16px;
    }

    .magazin-rechts-txt {
        width: 78%;
        float: right;
    }

    .newsShow > .field1 {
        width: 40%;
        font-size: 10px;
        background-color: #d5dfe6;
    }

    .newsShow > .field2 {
        width: 20%;
        font-size: 10px;
        background-color: #d5dfe6;
    }

    .newsShow > .field3 {
        width: 20%;
        font-size: 10px;
        background-color: #d5dfe6;
    }

    .newsShowWhite > .field1 {
        width: 40%;
        font-size: 10px;
    }

    .newsShowWhite > .field2 {
        width: 20%;
        font-size: 10px;
    }

    .newsShowWhite > .field3 {
        width: 20%;
        font-size: -10px;
    }

    .my-row-left {
        flex-flow: column wrap;
        align-items: left;
        justify-content: flex-start;
    }

    .my-row-left2 {
        flex-flow: column wrap;

    }

    .magazin-bottom-txt {
        margin-top: 0px;
        margin-bottom: 15px;
        padding-left: 0px
    }

    .my-row-magazin {
        margin-top: 0px;
        flex-flow: column wrap;
        align-items: left;
        justify-content: flex-start;
    }

    .my-row-magazin:first-child {
        margin-top: 25px;
    }

    .my-col40 {
        width: 0%;
        min-width: 100%;
        margin-top: 15px
    }

    .my-col60 {
        width: 0%;
        min-width: 100%;
        padding-right: 0px;
        margin-bottom: 0px;
        margin-top: 0px
    }

    .my-col50 {
        margin-bottom: 15px;
    }

    .my-flex-col50 {
        width: 100%;
    }

    .row {
        flex-direction: column-reverse;
    }

    .txt1 {
        min-height: 130px;
        margin-top: 50%;
    }

    .txt2 {
        min-height: 130px;
        margin-top: 50%;
    }

    .txt3 {
        min-height: 130px;
        margin-top: 50%;
    }

    .txt4 {
        min-height: 130px;
        margin-top: 50%;
    }

    .txt5 {
        margin-top: 65%;
        margin-bottom: 0px;
    }

    .txt6 {
        margin-top: 65%;
        margin-bottom: 0px;
    }

    .my-btn-success-sm {
        font-weight: 500;
        line-height: 1;
        font-size: 1.4rem;
        padding-bottom: 10px
    }

    .my-flex-col50 {
        margin-top: 45px
    }

    .my-flex-col50:first-child {
        margin-top: 0px
    }

    .my-flex-col50 #text1 {
        height: 110px;
        margin-top: 15px
    }

    .my-flex-col50 #text2 {
        height: 110px;
        margin-top: 15px
    }

    .my-flex-col50 #text3 {
        height: 110px;
        margin-top: 15px
    }

    .my-col100 {
        margin-top: 10px;
    }
}

@media screen and (max-width:650px) {
    .my-row-newsletter {
        flex-flow: column wrap;
        align-items: center;
        align-items: left;
        justify-content: flex-start;
    }

    #corner-popup .p-col {
        padding-right: 0px;
        padding-left: 0px;
    }

    .my-col33 {
        width: 45%;
    }

    .ul-footer {
        padding-left: 44%;
    }

    .newsletter-confirm-btn {
        margin-top: 15px;
        margin-left: 0px;
    }

    .header16 {
        text-align: center;
    }
}

@media screen and (max-width:600px) {
    h1 {
        font-size: 2.1rem;
    }

    h2 {
        font-size: 1.6rem;
    }

    h3 {
        font-size: 1.0rem;
    }

    .font16-left {
        font-size: 13px;

    }

    .font16-justify {
        font-size: 13px;

    }

    .font16-center {
        font-size: 13px;

    }

    .font18-justify {
        font-size: 14px;

    }

    .font18-center {
        font-size: 14px;
    }

    .font30-left {
        font-size: 22px;
    }

    .newsForm {
        width: 100%;
        text-align: left
    }

    .my-row-action-links {
        height: 280px;
    }

    .my-btn-action {
        width: 100%;
        font-size: 0.7rem;
    }
}

@media screen and (max-width:490px) {


    .newsletter-edit-img {
        width: 18px;
    }

    .newsletter-delete-img {
        width: 18px;
    }

    .newsShow > .field1 {
        width: 35%;
        font-size: 10px;
        background-color: #d5dfe6;
    }

    .newsShow > .field2 {
        width: 25%;
        font-size: 10px;
        background-color: #d5dfe6;
    }

    .newsShow > .field3 {
        width: 25%;
        font-size: 10px;
        background-color: #d5dfe6;
    }

    .newsShowWhite > .field1 {
        width: 35%;
        font-size: 10px;
    }

    .newsShowWhite > .field2 {
        width: 25%;
        font-size: 10px;
    }

    .newsShowWhite > .field3 {
        width: 25%;
        font-size: 10px;
    }

    .newsletter-abonieren-btn {
        width: 80%
    }

    .magazin-rechts-txt {
        width: 72%;
    }

    .font18-left {
        font-size: 13px;
    }

    .my-row-action-links {
        margin-bottom: 15px;
        padding: 5px;
    }

}

@media screen and (max-width:414px) {
    .my-col30-action {
        width: 100%;
        height: 5%;
    }

    .my-col70-action {
        width: 100%;
        padding: 3px;
    }

    .my-row-action-links {
        flex-flow: column wrap;
        align-items: : flex-start;
        align-content: flex-start;
    }

    .action-link-title {
        margin-top: -30px
    }

    .my-row-admin {
        width: auto;
        flex-flow: column wrap;
        align-items: center;
    }
}

@media screen and (max-width:390px) {
    .newsShow {
        flex-flow: column wrap;
        align-items: left;
        justify-content: center;
    }

    .newsShow > .field1 {
        width: 96%;
        font-size: 12px
    }

    .newsShow > .field2 {
        width: 96%;
        font-size: 12px
    }

    .newsShow > .field3 {
        width: 96%;
        font-size: 12px
    }

    .newsShowWhite {
        display: none
    }

    .newsletter-delete-btn {
        width: 22px;
        margin-top: 5px;
        margin-right: 15px;
        float: left;
        border: 0px
    }

    .newsletter-edit-btn {
        width: 20px;
        margin-top: 5px;
        float: left;
        border: 0px
    }

    .newsletter-delete-img {
        width: 24px;
        margin-top: 5px;
        margin-right: 15px;
        float: left;
        border: 0px
    }

    .newsletter-edit-img {
        width: 22px;
        margin-top: 5px;
        float: left;
        border: 0px
    }

    .action-btn {
        display: -webkit-flex;
        display: flex;
        flex-flow: row nowrap;
        align-items: left;
        justify-content: flex-start;
        margin-bottom: 20px;
    }

    .showForm {
        padding: 0px 5px
    }

    .magazin-rechts-txt {
        width: 66%;
    }

    .my-row-action-links {
        height: 340px;
    }
}