.main_container{
    width: 960px;
    display: flex;
    justify-content: space-between;
    margin: 200px auto 20px auto;
}
.main_content{
    width: 700px;
}

.main_content .article, .main_content .news_article{
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    min-height: auto!important;
}
.main_content .news_article{
    display: flex;
    flex-wrap: wrap;
}
.news_article .box{
    width: calc(33.3% - 20px);
    margin:10px;
}
.news_article .preis_box{
    width: calc(16% - 20px);
    margin:10px;
    text-align:center;
}
.box a{
    text-decoration: none;
}
.box h3{
    color: #000097;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.box p{
    color: #000;
    font-size: 14px;
}
.article .more_btn{
    font-size: 10px;
    padding: 5px 10px;
    border-radius: 0;
    border: none;
    background-color: #000092;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    float: right;
}
.article .clear{
    clear: right;
}

.sidebar{
    width: 200px;
}
.sidebar .pannel{
    background: #fff;
    margin-bottom: 20px;
}
.pannel h4{
    padding: 5px 10px;
    font-size: 14px;
    
}
.pannel .more_btn{
    font-size: 10px;
    padding: 5px 10px;
    border-radius: 0;
    border: none;
    background-color: #000092;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    margin: 10px;
}
.sidebar img{
    width: 100%;
    height: auto;
}

@media only screen and (max-width : 480px) {
.main_container{
width:100%;
margin:120px auto 20px auto;
display:block;
}
.main_content{
width:95%;
margin:auto;
}
.main_content .article{
width:100%;
}
.article img{
float:none;
width:100%;
height:auto;
display:block;
margin:0 auto 10px auto;
}
 .main_content .news_article{
        padding: 0 20px;
    }
    .news_article .box{
        width: 100%;
        margin:0 auto;
        border-bottom: 1px solid rgba(0,0,0,0.2);
        padding: 15px 5px;
    }
    .box h3{
        margin-bottom: 5px;
    }

.sidebar{
display:none;
}


}

@media only screen and (min-width: 481px)  and (max-width: 767px){

.main_container{
width:97%;
margin:20px auto;
}
.main_container .main_content{
width:72%;
}
.article img{
width:150px;
height:auto;
}

.main_content .news_article{
        padding: 0 20px;
    }
    .news_article .box{
        width: 100%;
        margin:0 auto;
        border-bottom: 1px solid rgba(0,0,0,0.2);
        padding: 15px 5px;
    }
    .box h3{
        margin-bottom: 5px;
    }

.main_container .sidebar{
width:20%;
}
.sidebar .pannel h4{
font-size:1.5vw;
}
.pannel .more_btn{
font-size:8px;
padding:3px 6px;
}
.flex .box{
    width: calc(50% - 50px);
}
}

@media only screen and (min:width:768px) and (max-width:920px){
body{
border:1px solid blue;
}
}
/* Mobiles Menü: Die Kopfzeile ist fixiert. Bei geöffnetem Untermenü auf kleinen Bildschirmen
   oder im Querformat scrollt das Menü selbst, damit alle Punkte erreichbar bleiben. */
@media (max-width: 767px) {
    .container-menu .navbar-collapse.in,
    .container-menu .navbar-collapse.collapsing {
        max-height: calc(100vh - 101px);
        max-height: calc(100dvh - 101px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }
}

/* Bilder mit Bildunterschrift aus dem Editor (TinyMCE: figure.image) */
.article figure.image { display: table; margin: 0 auto 10px; }
.article figure.image img { margin-bottom: 4px; }
.article figure.image figcaption { display: table-caption; caption-side: bottom; font-size: 12px; color: #666; }
.article figure.align-left { float: left; margin: 0 20px 10px 0; }
.article figure.align-right { float: right; margin: 0 0 10px 20px; }
@media (max-width: 480px) {
    .article figure.align-left, .article figure.align-right { float: none; margin: 0 auto 10px; }
}

/* Videos (YouTube/Vimeo) erst nach Klick laden – Zwei-Klick-Lösung, siehe render_content() */
.kfe-video { position: relative; width: 100%; margin: 0 0 15px; background: #1f2933; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 12px; text-align: center; }
.kfe-video .kfe-video-load { background: none; border: 0; color: #fff; display: flex; flex-direction: column; align-items: center; gap: 6px; font-weight: 600; cursor: pointer; }
.kfe-video .kfe-video-play { width: 56px; height: 56px; border-radius: 50%; background: rgba(255,255,255,.15); border: 2px solid #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; padding-left: 4px; }
.kfe-video .kfe-video-load:hover .kfe-video-play, .kfe-video .kfe-video-load:focus .kfe-video-play { background: rgba(255,255,255,.3); }
.kfe-video small { font-size: 11px; opacity: .8; max-width: 90%; }
.kfe-video small a { color: #fff; text-decoration: underline; }
.kfe-video.is-loaded { padding: 0; background: #000; }
.kfe-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Suche (Menü-Lupe + Seite /suche) */
.nav-search svg { vertical-align: -2px; }
.nav-search .nav-search-label { display: none; margin-left: 6px; }
@media (max-width: 767px) { .nav-search .nav-search-label { display: inline; } }
.kfe-search-form { display: flex; gap: 8px; margin: 10px 0 6px; }
.kfe-search-form input[type=search] { flex: 1; min-width: 0; padding: 7px 10px; border: 1px solid #bbb; border-radius: 3px; font-size: 15px; }
.kfe-search-form input[type=search]:focus { outline: 2px solid #1d3d8f; outline-offset: 0; border-color: #1d3d8f; }
.kfe-search-form .more_btn { border: 0; cursor: pointer; float: none; margin: 0; }
.kfe-search-info { color: #555; margin: 8px 0 0; }
.kfe-search-results .box > a { text-decoration: none; }
.kfe-search-excerpt { margin: 4px 0 0; font-size: 13px; color: #444; line-height: 1.5; }
.kfe-search-excerpt mark { background: #fff1a8; color: inherit; padding: 0 1px; }