@media (max-width: 1640px) {
    #inhaltsbereich .frame-an-partner ul {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    #inhaltsbereich .frame-an-partner ul li {
        width: 22%;
        margin-right: 3%;
        margin-bottom: 15px;
    }
}

@media (max-width: 1600px) {
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-row {
        width: 70%;
        display: flex;
        padding: 0 15%;
        flex-wrap: wrap;
        justify-content: center;
    }

    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column {
        width: 29.3%;
        margin: 0 2% 30px !important;
    }

    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:nth-child(4),
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:last-child {
        margin: 0 2% !important;
    }
}

@media (max-width: 1500px) {
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-row {
        width: 80%;
        padding: 0 10%;
    }
}

@media (max-width: 1440px) {
    #inhaltsbereich .frame-an-partner ul li {
        width: 30%;
        margin-right: 3%;
        margin-bottom: 15px;
    }

    #inhaltsbereich .frame-an-partner ul li:nth-child(4) {
        margin-bottom: 0;
    }
}

@media (max-width: 1370px) {
    .news-single-infos, .news-single-teaser {
        width: 25%;
    }
}

@media (max-width: 1285px) {
    .headerbild .ce-bodytext h2 {
        padding: 0 5%;
    }

    .headerbild .ce-bodytext {
        bottom: 10%;
    }

    @-webkit-keyframes movein {
        0%   {left: -100%; bottom: 0%; transform: scale(0);}
        50%   {transform: scale(0);}
        100%   {left: 0; bottom: 10%; transform: scale(1);}
    }
}

@media (max-width: 1250px) {
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-row {
        width: 100%;
        padding: 0;
    }
}

@media (max-width: 1200px) {
    #footer .footer-navi {
        width: 100%;
        padding: 0;
    }

    #footer .kontaktdaten {
        width: 100%;
        float: left;
        margin-top: 10px;
        padding-top: 20px;
        border-top: 1px dotted white;
    }

    #footer .top-footer {
        padding: 40px 0 35px;
    }
}

@media (max-width: 1150px) {
    .stellenangebote {
        padding: 2%;
    }
}

@media (max-width: 1100px) {
    .subheader .headerbild {
        margin-top: 90px;
    }

    .news-single-infos, .news-single-teaser {
        width: 30%;
    }

    .headerbild {
        margin-top: 130px;
    }

    .headerbild .ce-bodytext {
        bottom: 25%;
    }

    @-webkit-keyframes movein {
        0%   {left: -100%; bottom: 0%; transform: scale(0);}
        50%   {transform: scale(0);}
        100%   {left: 0; bottom: 25%; transform: scale(1);}
    }
}

@media (max-width: 1070px) {
    #inhaltsbereich .frame-an-partner ul li {
        width: 45%;
        margin-right: 5%;
        margin-bottom: 15px;
    }

    #inhaltsbereich .frame-an-partner ul li:nth-child(4) {
        margin-bottom: 15px;
    }
}

@media (max-width: 1000px) {
    .headerbild .ce-bodytext h2 {
        font-size: 25px;
    }

    .headerbild .ce-bodytext h2:first-of-type {
        font-size: 47px;
    }

    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column,
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:nth-child(4),
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:last-child {
        width: 38%;
        margin: 0 3% 30px !important;
    }

    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:last-child {
        margin: 0 3% 0 !important;
    }

    .tx_cn-multicontent .tx_cn-columns .row > div{
        width: 100%;
        float: left;
        clear: both;
        height: auto !important;
    }

    #inhaltsbereich .tx_cn-columns .row > div > div {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #inhaltsbereich .tx_cn-multicontent .tx_cn-columns .row ul {
        margin: 0;
    }
}

@media (max-width: 950px) {
    h1, h2, h3 {
        font-size: 30px;
    }
}

@media (max-width: 900px) {
    .navigation .rahmen .bottom-navi nav ul li {
        margin-left: 3%;
    }

    #footer .footer-navi > div {
        width: 100%;
        margin-top: 20px;
    }

    .news-single-infos, .news-single-teaser {
        width: 40%;
    }
}

@media (max-width: 850px) {
    .mob_button {
        display: block;
    }

    .mobnavvisible.mob_button span {
        background-color: transparent;
    }

    .mobnavvisible.mob_button span::before {
        transform: translateY(0px) rotate(-45deg);
    }

    .mobnavvisible.mob_button span::after {
        transform: translateY(0px) rotate(45deg);
    }

    .navigation .rahmen .bottom-navi nav ul {
        display: none;
        width: 100%;
        position: absolute;
        background: white;
        left: 0;
        top: 80px;
        padding: 0;
    }

    .navigation .rahmen .bottom-navi nav ul li {
        width: 100%;
        float: left;
        clear: both;
        margin: 0px;
        border-bottom: 1px dotted #ccc;
        padding: 0px;
    }

    .navigation .rahmen .bottom-navi nav ul li a,
    .navigation .rahmen .bottom-navi nav ul li.act a {
        display: block;
        padding: 15px 0px 15px 50px;
        text-decoration: none;
        cursor: pointer;
        width: 100%;
        border: none;
    }

    .navigation .rahmen .top-navi, .navigation .rahmen .sprachen   {
        float: right;
    }

    .navigation .rahmen .top-navi ul, .navigation .rahmen .sprachen ul {
        padding: 10px 0 0 0;
    }

    .navigation .top-navi ul li {
        width: 15px;
        overflow: hidden;
        margin: 0 0 0 20px !important;
    }

    .bottom-navi nav ul li a:hover {
        border: none !important;
    }

    .navigation .rahmen .bottom-navi {
        margin: 10px 0 20px 0;
    }

    .navigation .rahmen .bottom-navi nav {
        width: 70%;
    }

    .navigation .rahmen .logo {
        width: 30% !important;
        margin-top: 10px;
    }

    .ce-intext .ce-gallery {
        width: 100%;
        margin: 0 0 0 0 !important;
        float: left;
        clear: both;
        text-align: center;
    }

    .ce-intext .ce-gallery .ce-column {
        width: 100%;
        float: left;
        clear: both;
        text-align: center;
    }

    .ce-intext .ce-gallery .ce-column figure {
        display: inline-block;
    }

    .frame-img-rund .ce-left.ce-nowrap .ce-bodytext {
        padding-left: 0;
        width: 100%;
    }

    .submitbutt{
        position: absolute;
        left: -300px;
        top: 170px;
    }

    .messsage{
        margin-top: 50px;
    }
}

@media (max-width: 820px) {
    .news-single-backlink a, .stellenangebote .more {
        width: 96%;
        margin-top: 20px;
    }

    .stellenangebote .standort, .stellenangebote .kategorie {
        width: 27.5%;
    }

    .stellenangebote .kategorie {
        margin: 4px 0 0 0;
    }

    .news-single-infos, .news-single-teaser {
        width: 50%;
        right: 50%;
        margin-right: -28%;
    }
}

@media (max-width: 800px) {
    .headerbild .ce-bodytext h2:first-of-type{
        font-size: 30px;
    }

    .headerbild .ce-bodytext h2 {
        font-size: 20px;
    }
    
    .headerbild .ce-bodytext {
        bottom: 35%;
    }

    @-webkit-keyframes movein {
        0%   {left: -100%; bottom: 0%; transform: scale(0);}
        50%   {transform: scale(0);}
        100%   {left: 0; bottom: 35%; transform: scale(1);}
    }
}

@media (max-width: 770px) {
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column,
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:nth-child(4),
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:last-child {
        width: 45%;
        margin: 0 2.5% 30px !important;
    }

    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:last-child {
        margin: 0 3% 0 !important;
    }
}

@media (max-width: 720px) {
    #inhaltsbereich .frame-an-partner ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .headerbild {
        margin-top: 100px;
    }

    .frame-qualitaet .ce-row {
        width: 28%;
        margin-bottom: 10px;
    }
}

@media (max-width: 700px) {
    .frame-bg-bild .ce-bodytext {
        overflow: auto;
    }

    .frame-bg-bild .ce-bodytext table {
        min-width: 300px;
        padding-right: 40px;
    }

    .frame-bg-bild .ce-bodytext table::after {
        content: '';
        width: 100%;
        height: 30px;
        background: url(../images/scroll.png) no-repeat;
        background-size: contain;
        display: block;
        margin-top: 20px;
        filter: invert(44%) sepia(0%) saturate(0%) hue-rotate(61deg) brightness(88%) contrast(87%);
    }
}

@media (max-width: 650px) {
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column,
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:nth-child(4),
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:last-child {
        width: 48.5% !important;
        margin: 0 0 20px 0 !important;
    }

    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:nth-child(even) {
        margin-left: 3% !important;
    }

    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:last-child {
        margin-bottom: 0 !important;
    }

    .navigation .rahmen .bottom-navi nav {
        width: 60%;
    }

    .navigation .rahmen .logo {
        width: 40% !important;
    }

    a[title="pdf-link"], a[title="external-link"], a[title="jpg-link"] {
        padding: 10px 10px 10px 45px;
    }

    a[title="pdf-link"] {
        background-size: auto 40px;
    }

    a[title="external-link"], a[title="jpg-link"] {
        background-size: auto 30px;
    }

    .stellenangebote h2 {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .stellenangebote .standort, .stellenangebote .kategorie {
        width: 47.5%;
    }
}

/*@media (max-width: 610px) {
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column,
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:nth-child(even),
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:last-child {
        width: 54% !important;
        margin: 0 23% 30px !important;
    }

    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:last-child {
        margin-bottom: 0 !important;
    }
}*/

@media (max-width: 600px) {
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column .image figcaption {
        font-size: 13px;
    }

    .stellenangebote {
        padding: 4%;
        width: 92%;
    }

    .headerbild .ce-bodytext {
        bottom: 25%;
    }

    @-webkit-keyframes movein {
        0%   {left: -100%; bottom: 0%; transform: scale(0);}
        50%   {transform: scale(0);}
        100%   {left: 0; bottom: 25%; transform: scale(1);}
    }
}

@media (max-width: 550px) {
    .headerbild .ce-bodytext h2 {
        font-size: 15px;
    }
    
    .headerbild .ce-bodytext h2:first-of-type {
        font-size: 27px;
    }

    #footer .bottom-footer .cr, #footer .bottom-footer .ql {
        width: 100%;
        text-align: center;
    }

    #footer .bottom-footer .ql {
        margin-top: 10px;
    }

    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column,
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:nth-child(even),
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:last-child {
        width: 70% !important;
        margin: 0 15% 30px !important;
    }

    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:last-child {
        margin-bottom: 0 !important;
    }
    
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column .image figcaption {
        font-size: 14px;
    }

    .headerbild {
        margin-top: 106px;
    }

    .headerbild .ce-bodytext {
        bottom: 20%;
    }

    @-webkit-keyframes movein {
        0%   {left: -100%; bottom: 0%; transform: scale(0);}
        50%   {transform: scale(0);}
        100%   {left: 0; bottom: 20%; transform: scale(1);}
    }

    .news-single-infos, .news-single-teaser {
        width: 60%;
        margin-right: -33%;
    }
}

@media (max-width: 500px) {
    .navigation .rahmen .bottom-navi nav {
        width: 50%;
    }

    .navigation .rahmen .logo {
        width: 50% !important;
    }
}

@media (max-width: 450px) {
    .news-single-infos, .news-single-teaser {
        width: 94%;
        margin-right: 0;
        right: 0;
    }
}

@media (max-width: 420px) {
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column,
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:nth-child(even),
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:last-child {
        width: 80% !important;
        margin: 0 10% 30px !important;
    }
}

@media (max-width: 400px) {
    .navigation .rahmen .bottom-navi nav {
        width: 40%;
    }

    .navigation .rahmen .logo {
        width: 60% !important;
    }

    .navigation .rahmen .bottom-navi {
        margin: 10px 0 10px 0;
    }

    .headerbild {
        margin-top: 96px;
    }
}

@media (max-width: 370px) {
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column,
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:nth-child(even),
    #inhaltsbereich .frame-iconsblau .ce-textpic .ce-gallery .ce-column:last-child {
        width: 90% !important;
        margin: 0 5% 30px !important;
    }
}

@media (max-width: 370px) {
    .navigation .rahmen .bottom-navi nav {
        width: 30%;
    }

    .navigation .rahmen .logo {
        width: 70% !important;
    }
}