/********************************************************************/
/* Styles für die Partnerseite Cafe Prio                            */
/* ******************************************************************/

* {
    font-size: 16px;
    font-weight: 300;
}

#backroundify_blur_filter_wrap {
    display: none;
}

h1 {
    font-size: 30px;
    font-weight: 500;
    text-transform: none;
    color: #f16c1d;
}

h2 {
    font-size: 30px;
    font-weight: 300;
    font-style: italic;
    text-transform: none;
}

h3 {
    font-size: 26px;
    font-weight: 300;
    font-style: italic;
    text-transform: none;
}

a {
    color: #f16c1d;
}

/*
 * Header
 *********************************************************************/
header {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 24px;
}

header .inside {
    position: relative;
}

header #header_logo {
    position: absolute;
    left: 0;
    top: 20px;
    background-image: url("/files/CafePrio/Layout/header_logo_left.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
    width: 50px;
    height: 50px;
    padding: 0;
}

header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_startseite.jpg");
    height: 480px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: calc(100% - 200px);
    margin-left: 100px;
    display: block;
    position: relative;
}

.ueber_cafe_prio header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_ueber_cafe_prio.jpg");
}

.oeffnungszeiten header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_oeffnungszeiten.jpg");
}

.speisen_getraenke header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_speisen_getraenke.jpg");
}

.sprachcafe header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_sprachcafe.jpg");
}

.spielecafe header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_spielecafe.jpg");
}

.fahrrad_reparatur_cafe header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_fahrrad_reparatur_cafe.jpg");
}

.sehbehinderte_blinde header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_sehbehinderte_blinde.jpg");
}

.beratung_seelsorge header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_beratung_seelsorge.jpg");
}

.familiencafe header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_familiencafe.jpg");
}

.gottesdienst header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_gottesdienst.jpg");
}

.gespraechskreise header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_gespraechskreise.jpg");
}

.veranstaltungsort header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_veranstaltungsort.jpg");
}

.mitarbeiten header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_mitarbeiten.jpg");
}

.spenden header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_spenden.jpg");
}

.adresse header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_adresse.jpg");
}

.ansprechpartner header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_ansprechpartner.jpg");
}

.termine header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_termine.jpg");
}

.anreise header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_anreise.jpg");
}

.newsletter header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_newsletter.jpg");
}

.vermietung-seite header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_vermietung.jpg");
}

.nachrichten_archiv header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_nachrichtenarchiv.jpg");
}

.kontaktformular-seite header .header_banner {
    background-image: url("/files/CafePrio/Layout/Kopfbilder/header_kontaktformular.jpg");
}



header .header_banner .header_banner_logo {
    background-image:url("/files/CafePrio/Layout/header_logo_banner.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: right bottom;
    position: absolute;
    right: 80px;
    bottom: -4px;
    width: 300px;
    height: 100px;
}

.header_banner_small header .header_banner {
    background-image: none;
    height: 80px;
}

.header_banner_small header .header_banner .header_banner_logo {
    background-image: url("/files/CafePrio/Layout/header_logo_banner_sw.png");
    background-size: auto 100%;
    height: 80px;
}

header #nav_toggle {
    position: absolute;
    right: 0;
    top: 20px;
    background-image: url("/files/CafePrio/Layout/header_nav_toggle.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: right top;
    width: 50px;
    height: 50px;
    display: block;
    padding: 0;
    margin: 0;
}

header #nav_toggle:before {
    content: "";
}

header #hauptnavigation {
    display: none;
    position: absolute;
    top: 75px;
    right: 0;
    padding: 20px;
    background-color: #fff;
    z-index: 100000;
    width: 300px;
    max-width: calc(100% - 40px);
    box-shadow: 0 5px 4px 1px #d3d3d3;
}

header #hauptnavigation li {
    display: block;
    margin-right: 0;
    padding-top: 10px;
}

header #hauptnavigation .level_2_box {
    position: static;
    padding-top: 8px;
    min-width: 0;
    width: 100%;
    box-shadow: none;
    padding-bottom: 0;
}

header #hauptnavigation .level_2_box .level_2_col {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

header #hauptnavigation ul.level_2 li {
    margin-top: 0;
}

header #hauptnavigation li.active span,
header #hauptnavigation li.trail span,
header #hauptnavigation li.is_active span,
header #hauptnavigation ul.level_2 li a.active span,
header #hauptnavigation ul.level_3 li a.active span {
    color: #f16c1d;
}

@media (max-width: 1040px) {
    header #hauptnavigation {
        left: auto;
    }
}

@media (max-width: 800px) {
    header .header_banner {
        height: 250px;
    }
}

@media (max-width: 600px) {
    header .header_banner {
        height: 200px;
        width: calc(100% - 120px);
        margin-left: 60px;
    }

    header .header_banner .header_banner_logo {
        right: auto;
        background-position: left bottom;
        left: 20px;
    }
}

@media (max-width: 500px) {

    body header .header_banner {
        background-image: none !important;
        height: 80px;
        width: calc(100% - 60px);
        margin-left: 0;
    }

    header .header_banner .header_banner_logo,
    .header_banner_small header .header_banner .header_banner_logo {
        background-image: url("/files/CafePrio/Layout/header_logo_banner_sw.png");
        left: 0;
        position: static;
        width: 100%;
        height: 100px;
        display: inline-block;
        background-size: 60% auto;
        background-position: left center;
    }

    header #header_logo {
        display: none;
    }

    header #hauptnavigation {
        top: 85px;
    }
}

#brotkrumen ul {
    margin-left: 0;
    margin-bottom: 0;
}


/*
 * Content
 *********************************************************************/

#wrapper {
    background-color: #fff;
}

#container {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 240px);
}

@media (max-width: 600px) {
    #container {
        width: calc(100% - 120px);
    }
}

@media (max-width: 500px) {
    #container {
        width: calc(100% - 36px);
    }

    .startseite #container {
        width: calc(100% - 10px);
    }
}

#main {
    width: 100%;
}

#main .inside {
    min-height: 300px;
}

.mod_Grid-Content .grid-raster {
    margin-left: 0;
    margin-right: 0;
}

.mod_article > :not(.full_width):not(.mod_newsreader),
.mod_article .mod_newsreader > :not(.full_width) {
    padding-left: 0;
    padding-right: 0;
}

.ce_text a,
.ce_text a:hover,
.news-container a.more,
.news-container a.more:hover,
a.terminlister_kurz_alle_termine,
a.terminlister_kurz_alle_termine:hover,
.grid-text .text-wrapper a,
.grid-text .text-wrapper a:hover,
.link_div a,
.link_div a:hover{
    color: #f16c1d;
    font-weight: 500;
    font-style: italic;
    text-decoration: none;
    background-image: none;
    padding-left: 0;
    text-transform: lowercase;
}

a.terminlister_kurz_alle_termine,
a.terminlister_kurz_alle_termine:hover,
.grid-text .text-wrapper a,
.grid-text .text-wrapper a:hover {
    text-transform: none;
}

.grid-text .text-wrapper a.download_link {
    position: relative;
    padding-left: 50px;
    padding-top: 11px;
    margin-top: 16px;
}

.grid-text .text-wrapper a.download_link:before {
    content: "";
    background-image: url("/files/CafePrio/Layout/icon_download.png");
    background-size: 100% auto;
    background-position: center center;
    margin-right: 10px;
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}

.news-container a.more:before,
a.terminlister_kurz_alle_termine::before {
    content: ">";
    margin-right: 6px;
}

.ce_text a:after,
.news-container a.more:after,
a.terminlister_kurz_alle_termine::after{
    content: "";
}
.mod_Grid-Content {
    width: calc(100% + 30px);
    margin-left: -15px;
}

.mod_Grid-Content.masonary-grid .grid-raster {
    width: 100% !important;
    font-size: 0;
}

.mod_Grid-Content.masonary-grid .grid-raster .box,
.mod_Grid-Content.masonary-grid .grid-raster .box.box-width-2 {
    width: calc(50% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
}



@media (max-width: 1000px) {

    .mod_Grid-Content {
        width: 100%;
        margin-left: 0;
    }

    .mod_Grid-Content.masonary-grid .grid-raster .box,
    .mod_Grid-Content.masonary-grid .grid-raster .box.box-width-2 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.mod_Grid-Content.masonary-grid .grid-raster .individual-box,
.mod_Grid-Content .grid-raster .box .news-container {
    border-top: 4px dotted #f16c1d;
}

.mod_Grid-Content .grid-raster .box .news-container {
    padding-top: 30px;
}

.mod_Grid-Content h2,
.mod_Grid-Content .box-1 h2,
.mod_Grid-Content .individual-box h2{
    font-size: 30px;
    font-weight: 300;
    font-style: italic;
    text-transform: none;
}

.mod_Grid-Content .grid-raster .box .news-container .text-container {
    padding-left: 0;
    padding-right: 0;
}

.mod_Grid-Content .grid-raster .individual-box {
    padding: 0 0 25px 0;
}

.grid-text div.text-content,
.grid-termine .terminlister_kurz {
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 500px) {
    .grid-text div.text-content {
        padding-left: 0;
        padding-right: 0;
    }
}


.grid-raster .terminlister_kurz .terminlister_block {
    font-size: 0;
    margin-bottom: 8px;
}

.grid-raster .terminlister_kurz .terminlister_datum {
    display: inline-block;
    width: 190px;
}

.grid-raster .terminlister_kurz .terminlister_titel {
    display: inline-block;
    width: calc(100% - 205px);
    margin-left: 15px;
    position: relative;
}

.grid-raster .terminlister_kurz .terminlister_datum span {
    font-weight: 500;
}

.grid-raster .terminlister_kurz .terminlister_termin_komplett {
    display: none;
}

#terminlister_liste .terminlister_titel,
#terminlister_liste .terminlister_dropdown_arrow::before,
.ui-selectmenu-button.ui-button .ui-icon::before,
#terminlister_pager a,
#terminlister_liste a,
#terminlister_liste .map i {
    color: #f16c1d;
}

.terminlister_kurz .terminlister_dropdown_arrow::before,
#terminlister_liste .terminlister_dropdown_arrow::before {
    top: 0;
    content: "\f175";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    position: absolute;
    right: 10px;
    color: #f16c1d;
}

.mod_Grid-Content .grid-raster .box .news-container .image-container {
    height: auto;
    padding-bottom: 0;
}

.mod_Grid-Content .grid-raster .box .news-container .image-container img {
    position: static;
    left: auto;
    top: auto;
    max-height: none;
    transform: none;
}

.backgroundify-wrap {
    display: none;
}

.newslister_aktuelles_weitere_meldungen {
    font-weight: 700;
}

.newslister_aktuelles_weitere_meldungen::before {
    content: ">";
    margin-right: 6px;
    color: #f16c1d;
}

.mod_newsarchive .newslister_archiv {
    border-bottom: 4px dotted #f16c1d;
}

.startseite .pagination {
    display: none;
}




/*
 * Footer
 *********************************************************************/
footer {
    background-color: #f16c1d;
}

.startseite footer,
footer {
    margin-top: 80px;
}

@media (max-width: 800px) {
    footer {
        padding-bottom: 0;
    }
}

footer .footer_info {
    margin-bottom: 20px;
    display: inline-block;
    text-align: center;
    width: 100%;
}

footer .inside {
    max-width: 1000px;
}

footer #sitemap {
    padding-bottom: 150px;
    margin-top: 0;
}

@media (max-width: 800px) {
    footer #sitemap {
        padding-bottom: 30px;
    }
}

footer #sitemap .sitemap_col {
    vertical-align: top;
    display: inline-block;
    width: 240px;
}

footer .sitemap_block {
    margin-bottom: 20px;
}

footer .sitemap_block a,
footer #navi_unten a span,
footer #navi_unten strong.active,
footer .footer_info p {
    color: #000;
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
}

footer .sitemap_block h3 {
    padding-bottom: 0;
    padding-top: 0;
}

footer .sitemap_block h3,
footer .footer_info p a {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}

footer #navi_unten {
    text-align: left;
}

footer #navi_unten ul {
    margin-left: 0;
    font-size: 0;
}

footer #navi_unten li {
    display: inline-block;
}


footer #navi_unten a {
    display: inline-block;
    width: 240px;
}