@media (max-width: 1700px){
    .opnavi li, .unavi li {
        width: 25%;
    }
}

@media (max-width: 1470px){
    .logo {
        left: 2%;
    }

    .opnavi,
    .unavi {
        width: calc(98% - 338px);
    }

    .news-latest-container .news-list-date {
        width: 15%;
    }

    .news .news-latest-container .article h3{
        width: 45%;
    }

    .news-latest-container .kategorie {
        width: 20%;
    }

    .news-latest-container .news-text {
        width: 15%;
    }

    .frame-dozenten .col-25 .ce-bodytext h2{
        position: inherit;
    }
}

@media (max-width: 1200px){
    .frame-dozenten .tx_cn-columns .row .col-25{
       width: 50%;
    }

    .frame-dozenten .image-embed-item{
        max-height: 400px;
        width: auto;
    }
}

@media (max-width: 1070px){
    .news-latest-container .kategorie {
        width: 23%;
    }

    .news-latest-container .news-text {
        width: 15%;
        margin-left: 2%;
    }

    .bereiche{
        margin-bottom: 25px;
    }
}

@media (max-width: 1050px){
    .logo {
        top: 35px;
    }

    .logo .image-embed-item{
        width: 80%;
        height: auto;
    }

    .opnavi,
    .unavi {
        width: 75%;
    }
}

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

    .navi{
        width: 250px;
        position: absolute;
        right: 0;
        background: none;
        z-index: 1;
        background: none;
    }

    .opnavi,
    .unavi {
        display: none;
        padding-right: 50px;
        padding-left: 40px;
        background: #90c748;
        box-shadow: -4px 4px 5px 0px rgb(112 44 0 / 30%);
    }

    .opnavi li,
    .unavi li{
        float: none;
    }

    #zahnbleaching .ce-gallery,
    #zahnbleaching .ce-bodytext{
        width: 50%;
        margin: 0;
    }

    #zahnbleaching .ce-gallery .image-embed-item{
        width: 100%;
        height: auto;
    }
}

@media (max-width: 890px){
    .news-latest-container .news-list-date {
        width: 30%;
        margin-bottom: 5px;
    }

    .news .news-latest-container .article h3{
        width: 70%;
        margin-bottom: 5px;
    }

    .news-latest-container .kategorie {
        width: 30%;
    }

    .news-latest-container .news-text {
        width: 70%;
        margin: 0;
    }

    .livesearchlist li{
        border-bottom: 1px solid rgba(112, 45, 0, 0.5);
    }

    .livesearchlist li .news-list-date::before{
        content: 'Kursdatum';
    }
    .livesearchlist li .article h3::before{
        content: 'Kurstitel';
    }
    .livesearchlist li .kategorie::before{
        content: 'Kursart';
    }
    .livesearchlist li .news-text::before{
        content: 'Kursnummer';
    }

    .livesearchlist .news-list-date::before,
    .livesearchlist .article h3::before,
    .livesearchlist .kategorie::before,
    .livesearchlist .news-text::before {
        font-size: 14px;
        margin-bottom: 5px;
    }
}

@media (max-width: 750px){

    #header{
        min-height: unset;
        margin-top: 100;
    }

    .inhalt, #inhaltsbereich.sub > .frame > .rahmen{
        width: 90%;
    }

    #footer .footerinhalt{
        float: left;
        clear: both;
        width: 90%;
        margin: 0 5%;
    }

    .logo{
        position: relative;
        width: 60%;
        margin: 10px;
        float: left;
        clear: both;
        top: 0;
        left: 0;
    }

    .logo .image-embed-item {
        width: 100%;
    }

    .owl-nav{
        display: none;
    }

    .navi{
        top: 10px;
    }

    .news-latest-container .news-list-date,
    .news-latest-container .kategorie{
        width: 40%;
    }
    .news .news-latest-container .article h3,
    .news-latest-container .news-text {
        width: 60%;
    }

    .frame-dozenten .tx_cn-columns .row .col-25{
        width: 100%;
        margin-bottom: 20px;
    }

    .news-img-wrap {
        float: left;
    }

    .outer {
        float: left;
    }

    .mediaelement {
        float: left;
    }

    .tx_cn-columns[data-cols="4"] .row > div > div{
        width: 100%;
    }

    .tx_cn-columns[data-cols="4"] .row div{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .news-single .article .news-img-wrap{
        float: left;
        width: 100%;
        margin: 0 0 25px 0;
    }

    .frame-dozenten .ce-gallery{
        width: 50%;
        float: left;
        margin: 0;
    }

    .frame-dozenten .ce-bodytext{
        width: 48%;
        padding-left: 2%;
        float: left;
        clear: none;
    }
}

@media (max-width: 600px){
    .news-latest-container .news-list-date,
    .news-latest-container .kategorie,
    .news .news-latest-container .article h3,
    .news-latest-container .news-text {
        width: 100%;
    }

    .livesearchlist .news-list-date::before,
    .livesearchlist .article h3::before,
    .livesearchlist .kategorie::before,
    .livesearchlist .news-text::before {
        margin-top: 15px;
    }

    .frame-dozenten .image-embed-item {
        max-height: 250px;
        width: auto;
    }

    .frame-dozenten .ce-gallery{
        width: 30%;
        float: left;
        margin: 0;
    }

    .frame-dozenten .ce-bodytext{
        width: 68%;
        padding-left: 2%;
        float: left;
        clear: none;
    }

    #zahnbleaching .ce-gallery,
    #zahnbleaching .ce-bodytext{
        width: 100%;
        margin: 0;
    }

    .footerinhalt{
        padding: 20px 0;
    }

    .footerinhalt > .frame{
        padding: 0;
    }

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

    .footerinhalt .frame-type-menu_subpages{
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
        text-align: left;
    }

    .footerinhalt .frame-type-menu_subpages li{
        width: calc(30.3% - 2px);
        float: left;
        text-align: center;
        padding: 5px 0;
        border: 1px solid #702c00;
        margin: 0 1.5%;
    }
}

@media (max-width: 500px){
    .frame-dozenten .image-embed-item {
        width: 100%;
        height: auto;
    }

    h2{
        font-size: 18px;
    }
}

@media (max-width: 360px){
    .footerinhalt .frame-type-menu_subpages li{
        font-size: 13px;
    }
}