@media all {
    body, #nav > ul > li > a, .extracontent, #nav .sf-menu li ul li a {
        font-family: Arial !important;
    }

    h1, h2, h3, h4, h5 {
        font-family: Arial !important;
        font-weight: bold;
        font-style: normal;
    }

    h1 {
        font-size: 48pt
    }

    p,
    .cb-text,
    .cb-layout-Termine,
    .cb-aktuell-item,
    .view_aktuell_detail div.text,
    .ansprechpartnerzuw_funktion,
    .v-detail-untertitel,
    .noprint,
    .ap_left,
    .v-detail-box-content,
    .v-reminder-button,
    .v-detail-layout3 .v-detail-sp-links .v-detail-box .v-detail-box-title {
        font-size: 1.4em !important;
        line-height: 1.5em;
    }

    .v-detail-box .zur-anmeldung-detail {
        font-size: 0.8em;
    }

    sup, sub {
        font-size: 0.7em;
    }

    h2 {
        font-size: 2em;
    }

    .cb-aktuell-item h2, .cb-veranstaltung-item h2, .cb-aktuell-item h2, h2.cb-titel {
        font-size: 2em;
    }

    h3 {
        font-size: 2.5em;
    }

    h4 {
        font-size: 2em;
    }

    h5 {
        font-size: 1.6em;
    }

    h6 {
        font-size: 1.4em;
    }

    #nav .sf-menu li ul li a {
        padding: 6px 8px;
    }

    .head-nav {
        background: #462672 !important;
        color: #fff !important;
        border-top: none;
    }

    .slidel, .slider, input.button_r, .wco-main-weiterlink, .teaser-scrollable-nav a.prev, .teaser-scrollable-nav a.next, .teaser-scrollable-nav a.prevPage, .teaser-scrollable-nav a.nextPage, .media-container-div .cycle-prev:hover .cycle-prev-arrow, .media-container-div .cycle-next:hover .cycle-next-arrow, .show-portal-parent-div {
        background-color: #2e2672 !important;
    }

    #nav ul li a {
        color: #fff !important;
    }

    .ym-col3.linearize-level-1.wco_col_left {
        display: none;
        width: 0%;
    }

    .ym-col1 {
        float: right;
        width: 99%;
    }

    .ym-col1_content {
        padding: 0 0 0 20px;
    }

    .had-nav .ym-g15 {
        background-color: #5A2572;
    }

    .slogan {
        background: #fff;
        color: #000 !important
    }

    .slogan a, .slogan h2, .slogan p {
        color: #000 !important
    }

    .slogan h2 {
        padding: 0.5em;
        color: #2e2672 !important
    }

    .slider {
        background: transparent url("assets/fb4acd0afb814e05fb7adda207474c4a.svg") !important
    }

    .slidel {
        background: transparent url("assets/b17ed4231e2bb5b515c657146446c9ec.svg") !important
    }

    .head-nav #suchen_rahmen input.button_r {
        background-color: #5a2573 !important
    }

    /*#15533 SBR */
    .footer .bluebox {
        max-width: 405px;
    }

    #suchen_rahmen.suchen_rahmen_diakonie a#button_spenden {
        background-color: #009bdc;
        color: #fff;
        border-color: #009bdc;
    }

    #suchen_rahmen.suchen_rahmen_diakonie a#button_spenden:hover {
        background: #fff;
        border-color: #fff;
        color: #009bdc;
    }

    #logo2 img {
        max-width: 293px !important;
    }

    .footer #logo {
        display: none;
    }

}

/*#15528 SBR */

@media screen and (max-width: 450px) {
    h1 {
        font-size: 33pt
    }

    h1, h2, h3, h4, h5, h6 {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
}

@media screen and (max-width: 740px) {
    .head-nav .ym-wrapper {
        float: none;
        margin-left: -6px;
    }

    .head-nav #logo2 img {
        width: 100% !important;
        height: auto !important;
    }
}

@media screen and (max-width: 760px) {
    .head-nav #logo2 img {
        width: 250px;
        height: 107px;
    }
}