@media only screen and (min-width:1024px) and (max-width:1250px) {
    .page_wrapper { width:1020px; }
    #logo { width:1020px; background-position:center center !important; }
    .design-content { width:100%; margin:30px 0; }
    .sidebar_wrapper { width:100%; padding:20px; margin-left:-20px; }
}

/* Tablet 768–1023px */
@media only screen and (min-width:768px) and (max-width:1023px) {
    .page_wrapper { width:95%; }
    #logo { width:100%; background-position:center center !important; }
    .design-content { width:100%; margin:30px 0; }
    .sidebar_wrapper { width:100%; padding:20px; margin-left:-20px; }
}

/* Smartphone 1–767px */
@media only screen and (min-width:1px) and (max-width:767px) {
    .page_wrapper { width:100%; }
    #logo { width:100%; background-position:center center !important; position:relative; }

    /* Menü-Button ausblenden */
    .mobile_navigation { display:none !important; }

    /* Navigation immer sichtbar machen */
    #cm_navigation { display:block !important; }

    /* Menü untereinander */
    .navigation_wrapper > ul { text-align:center; padding: 0; }
    .navigation_wrapper > ul > li { display:block !important; border-bottom: 1px solid #ddd; }
    .navigation_wrapper > ul > li > a {
        display:block;
        font-size:20px;
        padding-top: 4px;    /* ✅ neue kompaktere Höhe */
        padding-bottom: 4px; /* ✅ neue kompaktere Höhe */
    }

    .content_wrapper { padding:30px 20px; }
    .design-content { display:block; width:auto; }
    #footer::before { font-size: 26px; }
}

/* Kleine Smartphones (max. 479px) */
@media only screen and (max-width:479px) {
    .page_wrapper { width:100%; }
    #logo { width:100%; background-position:center !important; position:relative; }
    .content_wrapper { padding:20px 10px; }
    .design-content { display:block; width:auto; margin:30px 0; }
}

/* Kleinste Displays (max-width:320px) */
@media only screen and (max-width:320px) {
    /* Keine zusätzlichen Styles nötig */
}

/* Dynamischer Slider */
.fade-slider img {
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Unter 1000px immer 2 Spalten */
@media only screen and (max-width: 1000px) {
    .leistungs-section .box {
        flex: 1 1 calc(50% - 10px);
    }
}