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

/* Layout */


    #logo-box {
        width: 70%;
        max-width: 420px;
        margin: 2% 0 0 2%;
        float: left;
    }

    #main .inside {
        margin-left: 2%;
        margin-right: 3%;
    }

    /* Ausgeblendete Bereiche */

    #headerbild-box, #logo-box .mod_form, #Navi-Top, #NaviSub-Tablet, #navisub, #left .inside, #footer-3 {
        display: none;
    }

    /* Mobile Menu */

    #mobileheader-box {
        width: 28%;
        max-width: 1076px;
        margin: 0;
        display: block;
        float: left;
    }

    #mobilemenu-button {
        height: 5rem;
        width: 5rem;
        margin: 30% auto 4px auto;
        color: #8d0002;
        font-size: 1.125rem;
        line-height: 16px;
        text-align: center;
    }

    .mobile_menu .inner {
        background: #fff none repeat scroll 0 0;
        height: 100%;
        overflow-y: scroll;
        text-align: center;
    }

    .mobile_menu_overlay.background {
        background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important;
    }

    .mobile_menu .inner .mod_form {
        margin: 16px auto 28px 20px;
    }

    .mobile_menu .inner form {
        margin-bottom: 0;
    }

    #searchbox input[type=text] {
        float: left;
        display: inline-block;
        width: 40%;
        height: 22px;
        padding: 4px 36px 5px 8px;
        border: 1px solid #8d0002;
     
    }
     
    #searchbox input[type=text]:focus {
      border: 1px solid #8d0002;
    }
     
    #searchbox input.lupe {
        display: block;
        float: left;
        padding: 10px;
    }

    #navimobile {
        clear: both;
    }

    #navimobile ul {
        list-style: none;
        margin: 0px 0 20px 20px;
        padding: 0;
        width: 90%;
    }

    #navimobile li {
        width: 100%;
        margin: 8px 0 8px 0px;
        text-align: left;
    }

    #navimobile a,
    #navimobile strong {
        display: inline-block;
        width: 85%;
        padding: 4px 8px;
        border: 1px solid #8d0002;
        background-color: #ebebeb;
    }

    #navimobile strong.active,
    #navimobile a.trail,
    #navimobile a:hover {
        color: #f5f5f5;
        background-color: #8d0002;
        font-weight: normal;
    }

    .mobile_menu .inner #Klostermann-Sidebar {
        margin-right: 9%;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    /* Content-Images */

    div.ce_text .image_container.float_left,
    div.ce_text .image_container.float_right {
        float: none;
        text-align: center;
    }
/*
    div.ce_text img {
        width: 100%;
    }
*/
}


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

    #footermain {
        font-size: 0.9375rem;
    }

}

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

    #footer-1 {
        margin-bottom: 2rem;
    }
    #footer-2-right #leerzeile {
        display: none;
    }

}

@media screen and (min-width: 480px) {

    #footer-1,
    #footer-2 {
        display: block;
    }

    #footer-1-left,
    #footer-2-left {
        float: left;
    }

    #footer-1-right,
    #footer-2-right {
        float: left;
    }

    #footer-1-clear,
    #footer-2-clear {
        clear: both;
    }

}

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

    #footer-1-left,
    #footer-2-left {
        width: 160px;
    }

    #footer-1-left,
    #footer-1-right{
        height: 7rem;
    }

}

/* Anpassungen kleines Handy */

@media (max-width: 440px) {

    html {
        font-size: 90%;       
    }

    body {
        line-height: 1.5;
    }

    #mobilemenu-icon {
        width: 80%;
    }

}

@media (max-width: 479px) {

    #nach-oben-button {
    right: 12px;
    bottom: 50px;
}

}